1
1
@import url (' https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700' );
2
- @import url (' ./custom/code-highlight-dracula.scss' );
3
2
4
3
body {
5
4
font-family : ' Open Sans' , sans-serif ;
6
- --side-bar-size : 150 px ;
5
+ --side-bar-size : 240 px ;
7
6
}
8
7
9
8
.site-footer {
24
23
min-width : var (--side-bar-size );
25
24
}
26
25
27
- .navigation , .site-header , .site-footer {
26
+ .navigation-list , .site-header , .site-footer {
28
27
width : var (--side-bar-size );
29
28
}
30
29
.main-content {
@@ -36,6 +35,11 @@ code {
36
35
.site-header {
37
36
border : none ;
38
37
}
38
+ .main-nav {
39
+ box-sizing : content-box ;
40
+ padding-right : 0 ;
41
+ min-width : var (--side-bar-size );
42
+ }
39
43
}
40
44
41
45
@media (min-width : 31.25rem ) and (min-width : 50rem ) {
@@ -64,3 +68,84 @@ code {
64
68
font-weight : 300 ;
65
69
}
66
70
}
71
+
72
+ /* *
73
+ * Dracula Code highlight theme
74
+ */
75
+ .highlight .hll { background-color : #f1fa8c }
76
+ .highlight { background : #282a36 ; color : #f8f8f2 }
77
+ .highlight .c { color : #6272a4 } /* Comment */
78
+ .highlight .err { color : #f8f8f2 } /* Error */
79
+ .highlight .g { color : #f8f8f2 } /* Generic */
80
+ .highlight .k { color : #ff79c6 } /* Keyword */
81
+ .highlight .l { color : #f8f8f2 } /* Literal */
82
+ .highlight .n { color : #f8f8f2 } /* Name */
83
+ .highlight .o { color : #ff79c6 } /* Operator */
84
+ .highlight .x { color : #f8f8f2 } /* Other */
85
+ .highlight .p { color : #f8f8f2 } /* Punctuation */
86
+ .highlight .ch { color : #6272a4 } /* Comment.Hashbang */
87
+ .highlight .cm { color : #6272a4 } /* Comment.Multiline */
88
+ .highlight .cp { color : #ff79c6 } /* Comment.Preproc */
89
+ .highlight .cpf { color : #6272a4 } /* Comment.PreprocFile */
90
+ .highlight .c1 { color : #6272a4 } /* Comment.Single */
91
+ .highlight .cs { color : #6272a4 } /* Comment.Special */
92
+ .highlight .gd { color : #8b080b } /* Generic.Deleted */
93
+ .highlight .ge { color : #f8f8f2 ; text-decoration : underline } /* Generic.Emph */
94
+ .highlight .gr { color : #f8f8f2 } /* Generic.Error */
95
+ .highlight .gh { color : #f8f8f2 ; font-weight : bold } /* Generic.Heading */
96
+ .highlight .gi { color : #f8f8f2 ; font-weight : bold } /* Generic.Inserted */
97
+ .highlight .go { color : #44475a } /* Generic.Output */
98
+ .highlight .gp { color : #f8f8f2 } /* Generic.Prompt */
99
+ .highlight .gs { color : #f8f8f2 } /* Generic.Strong */
100
+ .highlight .gu { color : #f8f8f2 ; font-weight : bold } /* Generic.Subheading */
101
+ .highlight .gt { color : #f8f8f2 } /* Generic.Traceback */
102
+ .highlight .kc { color : #ff79c6 } /* Keyword.Constant */
103
+ .highlight .kd { color : #8be9fd ; font-style : italic } /* Keyword.Declaration */
104
+ .highlight .kn { color : #ff79c6 } /* Keyword.Namespace */
105
+ .highlight .kp { color : #ff79c6 } /* Keyword.Pseudo */
106
+ .highlight .kr { color : #ff79c6 } /* Keyword.Reserved */
107
+ .highlight .kt { color : #8be9fd } /* Keyword.Type */
108
+ .highlight .ld { color : #f8f8f2 } /* Literal.Date */
109
+ .highlight .m { color : #bd93f9 } /* Literal.Number */
110
+ .highlight .s { color : #f1fa8c } /* Literal.String */
111
+ .highlight .na { color : #50fa7b } /* Name.Attribute */
112
+ .highlight .nb { color : #8be9fd ; font-style : italic } /* Name.Builtin */
113
+ .highlight .nc { color : #50fa7b } /* Name.Class */
114
+ .highlight .no { color : #f8f8f2 } /* Name.Constant */
115
+ .highlight .nd { color : #f8f8f2 } /* Name.Decorator */
116
+ .highlight .ni { color : #f8f8f2 } /* Name.Entity */
117
+ .highlight .ne { color : #f8f8f2 } /* Name.Exception */
118
+ .highlight .nf { color : #50fa7b } /* Name.Function */
119
+ .highlight .nl { color : #8be9fd ; font-style : italic } /* Name.Label */
120
+ .highlight .nn { color : #f8f8f2 } /* Name.Namespace */
121
+ .highlight .nx { color : #f8f8f2 } /* Name.Other */
122
+ .highlight .py { color : #f8f8f2 } /* Name.Property */
123
+ .highlight .nt { color : #ff79c6 } /* Name.Tag */
124
+ .highlight .nv { color : #8be9fd ; font-style : italic } /* Name.Variable */
125
+ .highlight .ow { color : #ff79c6 } /* Operator.Word */
126
+ .highlight .w { color : #f8f8f2 } /* Text.Whitespace */
127
+ .highlight .mb { color : #bd93f9 } /* Literal.Number.Bin */
128
+ .highlight .mf { color : #bd93f9 } /* Literal.Number.Float */
129
+ .highlight .mh { color : #bd93f9 } /* Literal.Number.Hex */
130
+ .highlight .mi { color : #bd93f9 } /* Literal.Number.Integer */
131
+ .highlight .mo { color : #bd93f9 } /* Literal.Number.Oct */
132
+ .highlight .sa { color : #f1fa8c } /* Literal.String.Affix */
133
+ .highlight .sb { color : #f1fa8c } /* Literal.String.Backtick */
134
+ .highlight .sc { color : #f1fa8c } /* Literal.String.Char */
135
+ .highlight .dl { color : #f1fa8c } /* Literal.String.Delimiter */
136
+ .highlight .sd { color : #f1fa8c } /* Literal.String.Doc */
137
+ .highlight .s2 { color : #f1fa8c } /* Literal.String.Double */
138
+ .highlight .se { color : #f1fa8c } /* Literal.String.Escape */
139
+ .highlight .sh { color : #f1fa8c } /* Literal.String.Heredoc */
140
+ .highlight .si { color : #f1fa8c } /* Literal.String.Interpol */
141
+ .highlight .sx { color : #f1fa8c } /* Literal.String.Other */
142
+ .highlight .sr { color : #f1fa8c } /* Literal.String.Regex */
143
+ .highlight .s1 { color : #f1fa8c } /* Literal.String.Single */
144
+ .highlight .ss { color : #f1fa8c } /* Literal.String.Symbol */
145
+ .highlight .bp { color : #f8f8f2 ; font-style : italic } /* Name.Builtin.Pseudo */
146
+ .highlight .fm { color : #50fa7b } /* Name.Function.Magic */
147
+ .highlight .vc { color : #8be9fd ; font-style : italic } /* Name.Variable.Class */
148
+ .highlight .vg { color : #8be9fd ; font-style : italic } /* Name.Variable.Global */
149
+ .highlight .vi { color : #8be9fd ; font-style : italic } /* Name.Variable.Instance */
150
+ .highlight .vm { color : #8be9fd ; font-style : italic } /* Name.Variable.Magic */
151
+ .highlight .il { color : #bd93f9 } /* Literal.Number.Integer.Long */
0 commit comments