juicelang-theme 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9aa6b55c526c260ab1d21290280637645dec4775ef6584705074b450413305ed
4
- data.tar.gz: 89da06dfc67815e3ae31e661ffc25beaa77b9114900afaae26484fd5164ebcb0
3
+ metadata.gz: f99dda7a76a7e58911584c67bae19a6835ca676c5101c52e061d620fa6772447
4
+ data.tar.gz: 787ed0c4dabd723dee61a1f6a6fd484e7fb22f54ebf0e842708fc76c58984cf1
5
5
  SHA512:
6
- metadata.gz: 833c246ff0c3a7e2f46ffab51135b441b2089da04586bab4431ab5e730a74fc554432e3d04174c46bf3911f82fbd7912da0937e7332c458f628555a54d45d140
7
- data.tar.gz: 9fa354a6f3a576bc909c971bfbbb2d1184ecc615a8bd810a573430b2863c8fd83b0ebcbd24f5c432467b869e6b3b168a3c376a299edd9305eb59acc06ab26058
6
+ metadata.gz: 36d3c4715a83b981204c895d5f6e6a83473d66f51596066a30393565a5539fc408d0b069354afbff2d212f7cea02b132de32c777d2cdbebf43c50f4d2f5b7380
7
+ data.tar.gz: d2362d7b896b2c212dcc3bf5b3b9950687325763d3ace4850077a9491eecfd44afa38110b456fa3a48044a5aa6185fa7b276b223cb084fac5b4f3da8688a407d
@@ -30,7 +30,7 @@
30
30
  uk-flex-column uk-flex-row@m header-nav" uk-navbar>
31
31
  <div class="uk-navbar-left">
32
32
  <a class="uk-navbar-item uk-logo uk-text-italic uk-padding-small uk-padding-remove-left
33
- uk-visible@m logo" href="{{ site.baseurl }}">
33
+ uk-visible@m logo" href="{{ site.url }}">
34
34
  <div class="uk-flex">
35
35
  <div class="logo-image">
36
36
  {% include logo.html %}
@@ -41,7 +41,7 @@
41
41
  </div>
42
42
  </a>
43
43
  <a class="uk-navbar-item uk-logo uk-padding-small uk-padding-remove-left uk-hidden@m mobile-logo"
44
- href="{{ site.baseurl }}">
44
+ href="{{ site.url }}">
45
45
  <div class="uk-flex">
46
46
  <div class="logo-image">
47
47
  {% include logo.html %}
@@ -69,7 +69,7 @@
69
69
  <nav class="uk-navbar-container uk-container uk-container-small uk-navbar-transparent" uk-navbar>
70
70
  <div class="uk-navbar-left">
71
71
  <div class="uk-navbar-item uk-padding-remove">&copy; {{ 'now' | date: "%Y" }}&nbsp;</div>
72
- <a class="uk-navbar-item uk-padding-remove-left" href="{{ site.baseurl }}">juice-lang</a>
72
+ <a class="uk-navbar-item uk-padding-remove-left" href="{{ site.url }}">juice-lang</a>
73
73
  </div>
74
74
  <div class="uk-navbar-right">
75
75
  <ul class="uk-navbar-nav">
@@ -2,6 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="uk-container uk-container-expand uk-margin-large-top uk-margin-large-bottom content">
5
+ <div class="uk-container uk-container-expand content" uk-height-viewport="offset-top: true; offset-bottom: true">
6
6
  {{ content }}
7
7
  </div>
data/_layouts/page.html CHANGED
@@ -2,6 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="uk-container uk-container-small uk-margin-large-top uk-margin-large-bottom content">
5
+ <div class="uk-container uk-container-small content" uk-height-viewport="offset-top: true; offset-bottom: true">
6
6
  {{ content }}
7
7
  </div>
@@ -0,0 +1,265 @@
1
+ $syntax-background-color: #272822;
2
+ $syntax-comment-color: #75715e;
3
+ $syntax-error-color: #960050;
4
+ $syntax-error-background-color: #1e0010;
5
+ $syntax-keyword-color: #66d9ef;
6
+ $syntax-literal-color: #ae81ff;
7
+ $syntax-string-literal-color: #e6db74;
8
+ $syntax-color-light: #f8f8f2;
9
+ $syntax-operator-color: #f92672;
10
+ $syntax-name-color: #a6e22e;
11
+
12
+ .highlight {
13
+ pre {
14
+ background-color: $syntax-background-color;
15
+ }
16
+
17
+ .hll {
18
+ background-color: $syntax-background-color;
19
+ }
20
+
21
+ .c {
22
+ color: $syntax-comment-color;
23
+ }
24
+
25
+ .err {
26
+ color: $syntax-error-color;
27
+ background-color: $syntax-error-background-color;
28
+ }
29
+
30
+ .k {
31
+ color: $syntax-keyword-color;
32
+ }
33
+
34
+ .l {
35
+ color: $syntax-literal-color;
36
+ }
37
+
38
+ .n {
39
+ color: $syntax-color-light;
40
+ }
41
+
42
+ .o {
43
+ color: $syntax-operator-color;
44
+ }
45
+
46
+ .p {
47
+ color: $syntax-color-light;
48
+ }
49
+
50
+ .cm {
51
+ color: $syntax-comment-color;
52
+ }
53
+
54
+ .cp {
55
+ color: $syntax-comment-color;
56
+ }
57
+
58
+ .c1 {
59
+ color: $syntax-comment-color;
60
+ }
61
+
62
+ .cs {
63
+ color: $syntax-comment-color;
64
+ }
65
+
66
+ .ge {
67
+ font-style: italic
68
+ }
69
+
70
+ .gs {
71
+ font-weight: bold
72
+ }
73
+
74
+ .kc {
75
+ color: $syntax-keyword-color;
76
+ }
77
+
78
+ .kd {
79
+ color: $syntax-keyword-color;
80
+ }
81
+
82
+ .kn {
83
+ color: $syntax-operator-color;
84
+ }
85
+
86
+ .kp {
87
+ color: $syntax-keyword-color;
88
+ }
89
+
90
+ .kr {
91
+ color: $syntax-keyword-color;
92
+ }
93
+
94
+ .kt {
95
+ color: $syntax-keyword-color;
96
+ }
97
+
98
+ .ld {
99
+ color: $syntax-string-literal-color;
100
+ }
101
+
102
+ .m {
103
+ color: $syntax-literal-color;
104
+ }
105
+
106
+ .s {
107
+ color: $syntax-string-literal-color;
108
+ }
109
+
110
+ .na {
111
+ color: $syntax-name-color;
112
+ }
113
+
114
+ .nb {
115
+ color: $syntax-color-light;
116
+ }
117
+
118
+ .nc {
119
+ color: $syntax-name-color;
120
+ }
121
+
122
+ .no {
123
+ color: $syntax-keyword-color;
124
+ }
125
+
126
+ .nd {
127
+ color: $syntax-name-color;
128
+ }
129
+
130
+ .ni {
131
+ color: $syntax-color-light;
132
+ }
133
+
134
+ .ne {
135
+ color: $syntax-name-color;
136
+ }
137
+
138
+ .nf {
139
+ color: $syntax-name-color;
140
+ }
141
+
142
+ .nl {
143
+ color: $syntax-color-light;
144
+ }
145
+
146
+ .nn {
147
+ color: $syntax-color-light;
148
+ }
149
+
150
+ .nx {
151
+ color: $syntax-name-color;
152
+ }
153
+
154
+ .py {
155
+ color: $syntax-color-light;
156
+ }
157
+
158
+ .nt {
159
+ color: $syntax-operator-color;
160
+ }
161
+
162
+ .nv {
163
+ color: $syntax-color-light;
164
+ }
165
+
166
+ .ow {
167
+ color: $syntax-operator-color;
168
+ }
169
+
170
+ .w {
171
+ color: $syntax-color-light;
172
+ }
173
+
174
+ .mf {
175
+ color: $syntax-literal-color;
176
+ }
177
+
178
+ .mh {
179
+ color: $syntax-literal-color;
180
+ }
181
+
182
+ .mi {
183
+ color: $syntax-literal-color;
184
+ }
185
+
186
+ .mo {
187
+ color: $syntax-literal-color;
188
+ }
189
+
190
+ .sb {
191
+ color: $syntax-string-literal-color;
192
+ }
193
+
194
+ .sc {
195
+ color: $syntax-string-literal-color;
196
+ }
197
+
198
+ .sd {
199
+ color: $syntax-string-literal-color;
200
+ }
201
+
202
+ .s2 {
203
+ color: $syntax-string-literal-color;
204
+ }
205
+
206
+ .se {
207
+ color: $syntax-literal-color;
208
+ }
209
+
210
+ .sh {
211
+ color: $syntax-string-literal-color;
212
+ }
213
+
214
+ .si {
215
+ color: $syntax-string-literal-color;
216
+ }
217
+
218
+ .sx {
219
+ color: $syntax-string-literal-color;
220
+ }
221
+
222
+ .sr {
223
+ color: $syntax-string-literal-color;
224
+ }
225
+
226
+ .s1 {
227
+ color: $syntax-string-literal-color;
228
+ }
229
+
230
+ .ss {
231
+ color: $syntax-string-literal-color;
232
+ }
233
+
234
+ .bp {
235
+ color: $syntax-color-light;
236
+ }
237
+
238
+ .vc {
239
+ color: $syntax-color-light;
240
+ }
241
+
242
+ .vg {
243
+ color: $syntax-color-light;
244
+ }
245
+
246
+ .vi {
247
+ color: $syntax-color-light;
248
+ }
249
+
250
+ .il {
251
+ color: $syntax-literal-color;
252
+ }
253
+
254
+ .gu {
255
+ color: $syntax-comment-color;
256
+ }
257
+
258
+ .gd {
259
+ color: $syntax-operator-color;
260
+ }
261
+
262
+ .gi {
263
+ color: $syntax-name-color;
264
+ }
265
+ }
@@ -16,6 +16,7 @@ $logo-font-family: $base-heading-font-family;
16
16
 
17
17
  $inverse-logo-hover-color: rgba(white, .85);
18
18
  $logo-font-size: 4rem;
19
+ $navbar-gap: 0;
19
20
 
20
21
  // 2. Import default variables and available mixins.
21
22
  @import "uikit/variables-theme";
@@ -184,6 +185,8 @@ $logo-font-size: 4rem;
184
185
  // 4. Import UIkit.
185
186
  @import "uikit/uikit-theme";
186
187
 
188
+ @import "syntax-highlighting";
189
+
187
190
 
188
191
  .header {
189
192
  background: #df8e15 linear-gradient(to right, #df8e15, #df8e15 50%, #ee5a16 50%, #ee5a16);
@@ -191,30 +194,35 @@ $logo-font-size: 4rem;
191
194
  .header-nav {
192
195
  background: #df8e15 linear-gradient(to right, #df8e15, #df8e15 1.5em, #ee5a16);
193
196
  }
194
- }
195
-
196
- .logo {
197
- .logo-text {
198
- margin-left: .1em;
199
197
 
200
- .logo-name {
201
- transform: skewX(-17deg);
198
+ .logo {
199
+ .logo-text {
200
+ margin-left: .1em;
201
+
202
+ .logo-name {
203
+ transform: skewX(-17deg);
204
+ }
202
205
  }
203
206
  }
204
- }
205
-
206
- .mobile-logo {
207
- font-size: 3rem;
208
-
209
- .mobile-logo-text {
210
- margin-left: .1em;
211
-
212
- .mobile-logo-name {
213
- line-height: 1.2em;
207
+
208
+ .mobile-logo {
209
+ font-size: 3rem;
210
+
211
+ .mobile-logo-text {
212
+ margin-left: .1em;
213
+
214
+ .mobile-logo-name {
215
+ transform: skewX(-17deg);
216
+ line-height: 1.2em;
217
+ }
218
+ }
219
+
220
+ .mobile-logo-subtitle {
221
+ font-size: .75rem;
214
222
  }
215
223
  }
224
+ }
216
225
 
217
- .mobile-logo-subtitle {
218
- font-size: .75rem;
219
- }
226
+ .content :first-child {
227
+ margin-top: $margin-large-margin;
220
228
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: juicelang-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Josef Zoller
@@ -52,6 +52,7 @@ files:
52
52
  - _layouts/fullwidth_page.html
53
53
  - _layouts/page.html
54
54
  - _layouts/post.html
55
+ - _sass/syntax-highlighting.scss
55
56
  - _sass/uikit/components/_import.components.scss
56
57
  - _sass/uikit/components/_import.scss
57
58
  - _sass/uikit/components/_import.utilities.scss