juicelang-theme 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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