aboutsummaryrefslogtreecommitdiff
path: root/modules/private/websites/immae/history/_sass
diff options
context:
space:
mode:
Diffstat (limited to 'modules/private/websites/immae/history/_sass')
-rw-r--r--modules/private/websites/immae/history/_sass/style.scss127
-rw-r--r--modules/private/websites/immae/history/_sass/syntex.scss38
-rw-r--r--modules/private/websites/immae/history/_sass/variables.scss16
3 files changed, 181 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 @@
1body {
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
13footer 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
diff --git a/modules/private/websites/immae/history/_sass/syntex.scss b/modules/private/websites/immae/history/_sass/syntex.scss
new file mode 100644
index 0000000..d09a98f
--- /dev/null
+++ b/modules/private/websites/immae/history/_sass/syntex.scss
@@ -0,0 +1,38 @@
1.highlight .hll { background-color: #ffffcc }
2.highlight { background: #f8f8f8; padding: 0.5em 1em; border-radius: 4px; margin-bottom: 0em;}
3.highlight .c { color: #008000 } /* Comment */
4.highlight .err { border: 1px solid #FF0000 } /* Error */
5.highlight .k { color: #0000ff } /* Keyword */
6.highlight .ch { color: #008000 } /* Comment.Hashbang */
7.highlight .cm { color: #008000 } /* Comment.Multiline */
8.highlight .cp { color: #0000ff } /* Comment.Preproc */
9.highlight .cpf { color: #008000 } /* Comment.PreprocFile */
10.highlight .c1 { color: #008000 } /* Comment.Single */
11.highlight .cs { color: #008000 } /* Comment.Special */
12.highlight .ge { font-style: italic } /* Generic.Emph */
13.highlight .gh { font-weight: bold } /* Generic.Heading */
14.highlight .gp { font-weight: bold } /* Generic.Prompt */
15.highlight .gs { font-weight: bold } /* Generic.Strong */
16.highlight .gu { font-weight: bold } /* Generic.Subheading */
17.highlight .kc { color: #0000ff } /* Keyword.Constant */
18.highlight .kd { color: #0000ff } /* Keyword.Declaration */
19.highlight .kn { color: #0000ff } /* Keyword.Namespace */
20.highlight .kp { color: #0000ff } /* Keyword.Pseudo */
21.highlight .kr { color: #0000ff } /* Keyword.Reserved */
22.highlight .kt { color: #2b91af } /* Keyword.Type */
23.highlight .s { color: #a31515 } /* Literal.String */
24.highlight .nc { color: #2b91af } /* Name.Class */
25.highlight .ow { color: #0000ff } /* Operator.Word */
26.highlight .sa { color: #a31515 } /* Literal.String.Affix */
27.highlight .sb { color: #a31515 } /* Literal.String.Backtick */
28.highlight .sc { color: #a31515 } /* Literal.String.Char */
29.highlight .dl { color: #a31515 } /* Literal.String.Delimiter */
30.highlight .sd { color: #a31515 } /* Literal.String.Doc */
31.highlight .s2 { color: #a31515 } /* Literal.String.Double */
32.highlight .se { color: #a31515 } /* Literal.String.Escape */
33.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
34.highlight .si { color: #a31515 } /* Literal.String.Interpol */
35.highlight .sx { color: #a31515 } /* Literal.String.Other */
36.highlight .sr { color: #a31515 } /* Literal.String.Regex */
37.highlight .s1 { color: #a31515 } /* Literal.String.Single */
38.highlight .ss { color: #a31515 } /* Literal.String.Symbol */ \ No newline at end of file
diff --git a/modules/private/websites/immae/history/_sass/variables.scss b/modules/private/websites/immae/history/_sass/variables.scss
new file mode 100644
index 0000000..5719431
--- /dev/null
+++ b/modules/private/websites/immae/history/_sass/variables.scss
@@ -0,0 +1,16 @@
1$primary-font: 'Source Sans Pro', sans-serif;
2$primary-color: #0775F8;
3$text-color-primary: #48586b;
4$border-color: #dae1e7;
5$bg-light: #f1f5f8;
6$blue: #0775F8;
7$purple: #6D75F1;
8$green: #00CECE;
9$red: #F7444E;
10$orange: #F27013;
11
12$tag-colors: ("blue": $blue,
13 "purple": $purple,
14 "green": $green,
15 "red": $red,
16 "orange": $orange); \ No newline at end of file