bubblin-jekyll 1.0.3 → 1.0.4
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
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 642b17f64bb988d9e232bcf3b53396058784e6e6
|
|
4
|
+
data.tar.gz: 9e5fbd864331409815f5e1263d9380b8da5f4212
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ccf7a3be2c2fcb3a393688f91f9c414dfb296616cb3cd79ddea23a5baefb89663036d60f887cc9e42f210ef16487171583c408d490d45d2ff6ddaec75d9c696e
|
|
7
|
+
data.tar.gz: aafad947bd9c082be69e61f5f4c664a449557dd0e5c95ae342f821404f2fa8181ed512ded2062874bc67d6c244742af9230518db21ce7d986ac936ef6f93318c
|
data/_sass/bubblin-jekyll.scss
CHANGED
|
@@ -1,36 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
$base-font-family: 'EB Garamond', serif;
|
|
4
|
-
$base-font-size: 16px !default;
|
|
1
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
2
|
+
$base-font-size: 16px !default;
|
|
5
3
|
$base-font-weight: 400 !default;
|
|
6
|
-
$small-font-size:
|
|
4
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
|
7
5
|
$base-line-height: 1.5 !default;
|
|
8
|
-
|
|
9
|
-
$
|
|
10
|
-
|
|
11
|
-
$
|
|
12
|
-
$
|
|
6
|
+
|
|
7
|
+
$spacing-unit: 30px !default;
|
|
8
|
+
|
|
9
|
+
$text-color: #111 !default;
|
|
10
|
+
$background-color: #fdfdfd !default;
|
|
11
|
+
$brand-color: #2a7ae2 !default;
|
|
12
|
+
|
|
13
|
+
$grey-color: #828282 !default;
|
|
13
14
|
$grey-color-light: lighten($grey-color, 40%) !default;
|
|
14
|
-
$grey-color-dark:
|
|
15
|
+
$grey-color-dark: darken($grey-color, 25%) !default;
|
|
16
|
+
|
|
15
17
|
$table-text-align: left !default;
|
|
16
18
|
|
|
19
|
+
// Width of the content area
|
|
20
|
+
$content-width: 800px !default;
|
|
17
21
|
|
|
18
|
-
$
|
|
19
|
-
$on-
|
|
20
|
-
$on-laptop: 800px !default;
|
|
22
|
+
$on-palm: 600px !default;
|
|
23
|
+
$on-laptop: 800px !default;
|
|
21
24
|
|
|
25
|
+
// Use media queries like this:
|
|
26
|
+
// @include media-query($on-palm) {
|
|
27
|
+
// .wrapper {
|
|
28
|
+
// padding-right: $spacing-unit / 2;
|
|
29
|
+
// padding-left: $spacing-unit / 2;
|
|
30
|
+
// }
|
|
31
|
+
// }
|
|
22
32
|
@mixin media-query($device) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
33
|
+
@media screen and (max-width: $device) {
|
|
34
|
+
@content;
|
|
35
|
+
}
|
|
26
36
|
}
|
|
27
37
|
|
|
28
38
|
@mixin relative-font-size($ratio) {
|
|
29
|
-
|
|
39
|
+
font-size: $base-font-size * $ratio;
|
|
30
40
|
}
|
|
31
41
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
42
|
+
// Import partials.
|
|
43
|
+
@import
|
|
44
|
+
"scss/base",
|
|
45
|
+
"scss/layout",
|
|
46
|
+
"scss/syntax-highlighting";
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reset some basic elements
|
|
3
|
+
*/
|
|
1
4
|
body, h1, h2, h3, h4, h5, h6,
|
|
2
5
|
p, blockquote, pre, hr,
|
|
3
6
|
dl, dd, ol, ul, figure {
|
|
@@ -5,16 +8,15 @@ dl, dd, ol, ul, figure {
|
|
|
5
8
|
padding: 0;
|
|
6
9
|
}
|
|
7
10
|
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Basic styling
|
|
15
|
+
*/
|
|
8
16
|
body {
|
|
9
17
|
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
10
18
|
color: $text-color;
|
|
11
19
|
background-color: $background-color;
|
|
12
|
-
font-smooth: always;
|
|
13
|
-
-webkit-font-smoothing: subpixel-antialiased;
|
|
14
|
-
text-rendering: optimizelegibility;
|
|
15
|
-
font-display: optional;
|
|
16
|
-
-moz-osx-font-smoothing: grayscale;
|
|
17
|
-
-webkit-osx-font-smoothing: antialiased;
|
|
18
20
|
-webkit-text-size-adjust: 100%;
|
|
19
21
|
-webkit-font-feature-settings: "kern" 1;
|
|
20
22
|
-moz-font-feature-settings: "kern" 1;
|
|
@@ -23,6 +25,11 @@ body {
|
|
|
23
25
|
font-kerning: normal;
|
|
24
26
|
}
|
|
25
27
|
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Set `margin-bottom` to maintain vertical rhythm
|
|
32
|
+
*/
|
|
26
33
|
h1, h2, h3, h4, h5, h6,
|
|
27
34
|
p, blockquote, pre,
|
|
28
35
|
ul, ol, dl, figure,
|
|
@@ -30,11 +37,21 @@ ul, ol, dl, figure,
|
|
|
30
37
|
margin-bottom: $spacing-unit / 2;
|
|
31
38
|
}
|
|
32
39
|
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Images
|
|
44
|
+
*/
|
|
33
45
|
img {
|
|
34
46
|
max-width: 100%;
|
|
35
47
|
vertical-align: middle;
|
|
36
48
|
}
|
|
37
49
|
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Figures
|
|
54
|
+
*/
|
|
38
55
|
figure > img {
|
|
39
56
|
display: block;
|
|
40
57
|
}
|
|
@@ -43,6 +60,11 @@ figcaption {
|
|
|
43
60
|
font-size: $small-font-size;
|
|
44
61
|
}
|
|
45
62
|
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Lists
|
|
67
|
+
*/
|
|
46
68
|
ul, ol {
|
|
47
69
|
margin-left: $spacing-unit;
|
|
48
70
|
}
|
|
@@ -54,10 +76,20 @@ li {
|
|
|
54
76
|
}
|
|
55
77
|
}
|
|
56
78
|
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Headings
|
|
83
|
+
*/
|
|
57
84
|
h1, h2, h3, h4, h5, h6 {
|
|
58
85
|
font-weight: $base-font-weight;
|
|
59
86
|
}
|
|
60
87
|
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Links
|
|
92
|
+
*/
|
|
61
93
|
a {
|
|
62
94
|
color: $brand-color;
|
|
63
95
|
text-decoration: none;
|
|
@@ -80,6 +112,10 @@ a {
|
|
|
80
112
|
}
|
|
81
113
|
}
|
|
82
114
|
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* Blockquotes
|
|
118
|
+
*/
|
|
83
119
|
blockquote {
|
|
84
120
|
color: $grey-color;
|
|
85
121
|
border-left: 4px solid $grey-color-light;
|
|
@@ -93,6 +129,11 @@ blockquote {
|
|
|
93
129
|
}
|
|
94
130
|
}
|
|
95
131
|
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* Code formatting
|
|
136
|
+
*/
|
|
96
137
|
pre,
|
|
97
138
|
code {
|
|
98
139
|
@include relative-font-size(0.9375);
|
|
@@ -116,29 +157,44 @@ pre {
|
|
|
116
157
|
}
|
|
117
158
|
}
|
|
118
159
|
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* Wrapper
|
|
164
|
+
*/
|
|
119
165
|
.wrapper {
|
|
120
|
-
|
|
121
|
-
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
166
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
167
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
122
168
|
margin-right: auto;
|
|
123
169
|
margin-left: auto;
|
|
124
170
|
padding-right: $spacing-unit;
|
|
125
171
|
padding-left: $spacing-unit;
|
|
126
172
|
@extend %clearfix;
|
|
127
173
|
|
|
128
|
-
|
|
174
|
+
@include media-query($on-laptop) {
|
|
129
175
|
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
|
|
130
176
|
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
|
131
177
|
padding-right: $spacing-unit / 2;
|
|
132
178
|
padding-left: $spacing-unit / 2;
|
|
133
|
-
}
|
|
179
|
+
}
|
|
134
180
|
}
|
|
135
181
|
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
/**
|
|
185
|
+
* Clearfix
|
|
186
|
+
*/
|
|
136
187
|
%clearfix:after {
|
|
137
188
|
content: "";
|
|
138
189
|
display: table;
|
|
139
190
|
clear: both;
|
|
140
191
|
}
|
|
141
192
|
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
/**
|
|
196
|
+
* Icons
|
|
197
|
+
*/
|
|
142
198
|
.icon > svg {
|
|
143
199
|
display: inline-block;
|
|
144
200
|
vertical-align: middle;
|
|
@@ -158,6 +214,11 @@ pre {
|
|
|
158
214
|
}
|
|
159
215
|
}
|
|
160
216
|
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
/**
|
|
220
|
+
* Tables
|
|
221
|
+
*/
|
|
161
222
|
table {
|
|
162
223
|
margin-bottom: $spacing-unit;
|
|
163
224
|
width: 100%;
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Site header
|
|
3
|
+
*/
|
|
1
4
|
.site-header {
|
|
2
5
|
border-top: 5px solid $grey-color-dark;
|
|
3
6
|
border-bottom: 1px solid $grey-color-light;
|
|
@@ -200,6 +203,10 @@
|
|
|
200
203
|
}
|
|
201
204
|
|
|
202
205
|
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* Posts
|
|
209
|
+
*/
|
|
203
210
|
.post-header {
|
|
204
211
|
margin-bottom: $spacing-unit;
|
|
205
212
|
}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Syntax highlighting styles
|
|
3
|
+
*/
|
|
1
4
|
.highlight {
|
|
2
5
|
background: #fff;
|
|
3
6
|
@extend %vertical-rhythm;
|
|
@@ -65,4 +68,4 @@
|
|
|
65
68
|
.vg { color: #008080 } // Name.Variable.Global
|
|
66
69
|
.vi { color: #008080 } // Name.Variable.Instance
|
|
67
70
|
.il { color: #099 } // Literal.Number.Integer.Long
|
|
68
|
-
}
|
|
71
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bubblin-jekyll
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Marvin Danig
|
|
@@ -89,9 +89,9 @@ files:
|
|
|
89
89
|
- _layouts/page.html
|
|
90
90
|
- _layouts/post.html
|
|
91
91
|
- _sass/bubblin-jekyll.scss
|
|
92
|
-
- _sass/
|
|
93
|
-
- _sass/
|
|
94
|
-
- _sass/
|
|
92
|
+
- _sass/scss/_base.scss
|
|
93
|
+
- _sass/scss/_layout.scss
|
|
94
|
+
- _sass/scss/_syntax-highlighting.scss
|
|
95
95
|
- assets/main.scss
|
|
96
96
|
homepage: https://github.com/marvindanig/bubblin-jekyll.git
|
|
97
97
|
licenses:
|