diff options
author | Ismaël Bouya <ismael.bouya@normalesup.org> | 2020-06-07 18:24:25 +0200 |
---|---|---|
committer | Ismaël Bouya <ismael.bouya@normalesup.org> | 2020-06-07 19:13:08 +0200 |
commit | 7130402cfecc196ce79c8f07a9dba71974f085e3 (patch) | |
tree | 072e82de987c0a1f9d1fac8be9c8f097e9a9f37f /modules/private/websites/immae/history/_sass/style.scss | |
parent | fe4199f8ab922735b81557f71199fa73a378e540 (diff) | |
download | Nix-7130402cfecc196ce79c8f07a9dba71974f085e3.tar.gz Nix-7130402cfecc196ce79c8f07a9dba71974f085e3.tar.zst Nix-7130402cfecc196ce79c8f07a9dba71974f085e3.zip |
Add history page
Diffstat (limited to 'modules/private/websites/immae/history/_sass/style.scss')
-rw-r--r-- | modules/private/websites/immae/history/_sass/style.scss | 127 |
1 files changed, 127 insertions, 0 deletions
diff --git a/modules/private/websites/immae/history/_sass/style.scss b/modules/private/websites/immae/history/_sass/style.scss new file mode 100644 index 0000000..cb2702a --- /dev/null +++ b/modules/private/websites/immae/history/_sass/style.scss | |||
@@ -0,0 +1,127 @@ | |||
1 | body { | ||
2 | font-family: $primary-font; | ||
3 | font-size: 16px; | ||
4 | line-height: 1.8; | ||
5 | min-height: 100vh; | ||
6 | color: $text-color-primary; | ||
7 | } | ||
8 | |||
9 | .logo { | ||
10 | max-height: 45px; | ||
11 | } | ||
12 | |||
13 | footer a { | ||
14 | color: rgba(0, 0, 0, 0.4); | ||
15 | font-size: 0.8rem; | ||
16 | } | ||
17 | |||
18 | .category { | ||
19 | padding: 3px 10px; | ||
20 | background: $primary-color; | ||
21 | color: rgba(255, 255, 255, 0.9); | ||
22 | border-radius: 20px; | ||
23 | font-size: 12px; | ||
24 | line-height: 1.2; | ||
25 | } | ||
26 | |||
27 | @each $color, | ||
28 | $value in $tag-colors { | ||
29 | .text-#{$color} { | ||
30 | color: $value; | ||
31 | } | ||
32 | |||
33 | .bg-#{$color} { | ||
34 | background-color: $value; | ||
35 | } | ||
36 | } | ||
37 | |||
38 | .title { | ||
39 | color: rgba(0, 0, 0, 0.9); | ||
40 | font-weight: 600; | ||
41 | font-size: 1.8rem; | ||
42 | } | ||
43 | |||
44 | .post-content { | ||
45 | |||
46 | |||
47 | h1, | ||
48 | h2, | ||
49 | h3, | ||
50 | h4, | ||
51 | h5, | ||
52 | h6 { | ||
53 | margin-top: 1.5rem; | ||
54 | margin-bottom: 0.8rem; | ||
55 | } | ||
56 | |||
57 | strong{ | ||
58 | color: darken($text-color-primary, 50%); | ||
59 | font-weight: 600; | ||
60 | } | ||
61 | |||
62 | table { | ||
63 | border: 1px solid $border-color; | ||
64 | width: 100%; | ||
65 | margin-bottom: 1rem; | ||
66 | border-collapse: collapse; | ||
67 | |||
68 | th, | ||
69 | td { | ||
70 | border: 1px solid $border-color; | ||
71 | padding: .75rem; | ||
72 | vertical-align: top; | ||
73 | border-top: 1px solid $border-color; | ||
74 | } | ||
75 | |||
76 | thead { | ||
77 | |||
78 | th, | ||
79 | td { | ||
80 | border-bottom-width: 2px; | ||
81 | padding: .75rem; | ||
82 | vertical-align: top; | ||
83 | border-top: 1px solid $border-color; | ||
84 | } | ||
85 | } | ||
86 | } | ||
87 | |||
88 | // Blockquote | ||
89 | |||
90 | blockquote { | ||
91 | background: $bg-light; | ||
92 | font-style: italic; | ||
93 | border-left: 8px solid $border-color; | ||
94 | padding: 20px; | ||
95 | margin: 20px 0px; | ||
96 | box-sizing: border-box; | ||
97 | } | ||
98 | |||
99 | a { | ||
100 | color: $primary-color; | ||
101 | &:hover { | ||
102 | color: darken($primary-color, 15%); | ||
103 | } | ||
104 | } | ||
105 | |||
106 | |||
107 | |||
108 | p code, | ||
109 | li code { | ||
110 | font-size: .8rem; | ||
111 | line-height: 1.8571; | ||
112 | color: rgba(0, 0, 0, 1); | ||
113 | background-color: $bg-light; | ||
114 | border: 1px solid $border-color; | ||
115 | -webkit-border-radius: 4px; | ||
116 | -moz-border-radius: 4px; | ||
117 | border-radius: 4px; | ||
118 | margin: 0 2px; | ||
119 | padding: 0 5px; | ||
120 | } | ||
121 | |||
122 | img { | ||
123 | max-width: 100%; | ||
124 | height: auto; | ||
125 | margin: 10px 0px; | ||
126 | } | ||
127 | } \ No newline at end of file | ||