jekyll-theme-squire 0.1.3 → 4.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.
@@ -1,298 +0,0 @@
1
- /**
2
- * Site header
3
- */
4
- .site-header {
5
- border-top: 5px solid $grey-color-dark;
6
- border-bottom: 1px solid $grey-color-light;
7
- min-height: $spacing-unit * 1.865;
8
- line-height: $base-line-height * $base-font-size * 2.25;
9
-
10
- // Positioning context for the mobile navigation icon
11
- position: relative;
12
- }
13
-
14
- .site-title {
15
- @include relative-font-size(1.625);
16
- font-weight: 300;
17
- letter-spacing: -1px;
18
- margin-bottom: 0;
19
- float: left;
20
-
21
- @include media-query($on-palm) {
22
- padding-right: 45px;
23
- }
24
-
25
- &,
26
- &:visited {
27
- color: $grey-color-dark;
28
- }
29
- }
30
-
31
- .site-nav {
32
- position: absolute;
33
- top: 9px;
34
- right: $spacing-unit / 2;
35
- background-color: $background-color;
36
- border: 1px solid $grey-color-light;
37
- border-radius: 5px;
38
- text-align: right;
39
-
40
- .nav-trigger {
41
- display: none;
42
- }
43
-
44
- .menu-icon {
45
- float: right;
46
- width: 36px;
47
- height: 26px;
48
- line-height: 0;
49
- padding-top: 10px;
50
- text-align: center;
51
-
52
- > svg path {
53
- fill: $grey-color-dark;
54
- }
55
- }
56
-
57
- label[for="nav-trigger"] {
58
- display: block;
59
- float: right;
60
- width: 36px;
61
- height: 36px;
62
- z-index: 2;
63
- cursor: pointer;
64
- }
65
-
66
- input ~ .trigger {
67
- clear: both;
68
- display: none;
69
- }
70
-
71
- input:checked ~ .trigger {
72
- display: block;
73
- padding-bottom: 5px;
74
- }
75
-
76
- .page-link {
77
- color: $text-color;
78
- line-height: $base-line-height;
79
- display: block;
80
- padding: 5px 10px;
81
-
82
- // Gaps between nav items, but not on the last one
83
- &:not(:last-child) {
84
- margin-right: 0;
85
- }
86
- margin-left: 20px;
87
- }
88
-
89
- @media screen and (min-width: $on-medium) {
90
- position: static;
91
- float: right;
92
- border: none;
93
- background-color: inherit;
94
-
95
- label[for="nav-trigger"] {
96
- display: none;
97
- }
98
-
99
- .menu-icon {
100
- display: none;
101
- }
102
-
103
- input ~ .trigger {
104
- display: block;
105
- }
106
-
107
- .page-link {
108
- display: inline;
109
- padding: 0;
110
-
111
- &:not(:last-child) {
112
- margin-right: 20px;
113
- }
114
- margin-left: auto;
115
- }
116
- }
117
- }
118
-
119
-
120
-
121
- /**
122
- * Site footer
123
- */
124
- .site-footer {
125
- border-top: 1px solid $grey-color-light;
126
- padding: $spacing-unit 0;
127
- }
128
-
129
- .footer-heading {
130
- @include relative-font-size(1.125);
131
- margin-bottom: $spacing-unit / 2;
132
- }
133
-
134
- .contact-list,
135
- .social-media-list {
136
- list-style: none;
137
- margin-left: 0;
138
- }
139
-
140
- .footer-col-wrapper {
141
- @include relative-font-size(0.9375);
142
- color: $grey-color;
143
- margin-left: -$spacing-unit / 2;
144
- @extend %clearfix;
145
- }
146
-
147
- .footer-col {
148
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
149
- width: calc(100% - (#{$spacing-unit} / 2));
150
- margin-bottom: $spacing-unit / 2;
151
- padding-left: $spacing-unit / 2;
152
- }
153
-
154
- .footer-col-1,
155
- .footer-col-2 {
156
- width: -webkit-calc(50% - (#{$spacing-unit} / 2));
157
- width: calc(50% - (#{$spacing-unit} / 2));
158
- }
159
-
160
- .footer-col-3 {
161
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
162
- width: calc(100% - (#{$spacing-unit} / 2));
163
- }
164
-
165
- @media screen and (min-width: $on-large) {
166
- .footer-col-1 {
167
- width: -webkit-calc(35% - (#{$spacing-unit} / 2));
168
- width: calc(35% - (#{$spacing-unit} / 2));
169
- }
170
-
171
- .footer-col-2 {
172
- width: -webkit-calc(20% - (#{$spacing-unit} / 2));
173
- width: calc(20% - (#{$spacing-unit} / 2));
174
- }
175
-
176
- .footer-col-3 {
177
- width: -webkit-calc(45% - (#{$spacing-unit} / 2));
178
- width: calc(45% - (#{$spacing-unit} / 2));
179
- }
180
- }
181
-
182
- @media screen and (min-width: $on-medium) {
183
- .footer-col {
184
- float: left;
185
- }
186
- }
187
-
188
-
189
-
190
- /**
191
- * Page content
192
- */
193
- .page-content {
194
- padding: $spacing-unit 0;
195
- flex: 1 0 auto;
196
- }
197
-
198
- .page-heading {
199
- @include relative-font-size(2);
200
- }
201
-
202
- .post-list-heading {
203
- @include relative-font-size(1.75);
204
- }
205
-
206
- .post-list {
207
- margin-left: 0;
208
- list-style: none;
209
-
210
- > li {
211
- margin-bottom: $spacing-unit;
212
- }
213
- }
214
-
215
- .post-meta {
216
- font-size: $small-font-size;
217
- color: $grey-color;
218
- }
219
-
220
- .post-link {
221
- display: block;
222
- @include relative-font-size(1.5);
223
- }
224
-
225
-
226
-
227
- /**
228
- * Posts
229
- */
230
- .post-header {
231
- margin-bottom: $spacing-unit;
232
- }
233
-
234
- .post-title,
235
- .post-content h1 {
236
- @include relative-font-size(2.625);
237
- letter-spacing: -1px;
238
- line-height: 1;
239
-
240
- @media screen and (min-width: $on-large) {
241
- @include relative-font-size(2.625);
242
- }
243
- }
244
-
245
- .post-content {
246
- margin-bottom: $spacing-unit;
247
-
248
- h2 {
249
- @include relative-font-size(1.75);
250
-
251
- @media screen and (min-width: $on-large) {
252
- @include relative-font-size(2);
253
- }
254
- }
255
-
256
- h3 {
257
- @include relative-font-size(1.375);
258
-
259
- @media screen and (min-width: $on-large) {
260
- @include relative-font-size(1.625);
261
- }
262
- }
263
-
264
- h4 {
265
- @include relative-font-size(1.125);
266
-
267
- @media screen and (min-width: $on-large) {
268
- @include relative-font-size(1.25);
269
- }
270
- }
271
- }
272
-
273
-
274
- .social-media-list {
275
- display: table;
276
- margin: 0 auto;
277
- li {
278
- float: left;
279
- margin: 0 5px;
280
- &:first-of-type { margin-left: 0 }
281
- &:last-of-type { margin-right: 0 }
282
- a {
283
- display: block;
284
- padding: $spacing-unit / 4;
285
- border: 1px solid $grey-color-light
286
- }
287
- &:hover .svg-icon { fill: currentColor; }
288
- }
289
- }
290
-
291
-
292
- /**
293
- * Grid helpers
294
- */
295
- .one-half {
296
- width: -webkit-calc(50% - (#{$spacing-unit} / 2));
297
- width: calc(50% - (#{$spacing-unit} / 2));
298
- }
@@ -1,71 +0,0 @@
1
- /**
2
- * Syntax highlighting styles
3
- */
4
- .highlight {
5
- background: #fff;
6
- @extend %vertical-rhythm;
7
-
8
- .highlighter-rouge & {
9
- background: #eef;
10
- }
11
-
12
- .c { color: #998; font-style: italic } // Comment
13
- .err { color: #a61717; background-color: #e3d2d2 } // Error
14
- .k { font-weight: bold } // Keyword
15
- .o { font-weight: bold } // Operator
16
- .cm { color: #998; font-style: italic } // Comment.Multiline
17
- .cp { color: #999; font-weight: bold } // Comment.Preproc
18
- .c1 { color: #998; font-style: italic } // Comment.Single
19
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
- .ge { font-style: italic } // Generic.Emph
23
- .gr { color: #a00 } // Generic.Error
24
- .gh { color: #999 } // Generic.Heading
25
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
- .go { color: #888 } // Generic.Output
28
- .gp { color: #555 } // Generic.Prompt
29
- .gs { font-weight: bold } // Generic.Strong
30
- .gu { color: #aaa } // Generic.Subheading
31
- .gt { color: #a00 } // Generic.Traceback
32
- .kc { font-weight: bold } // Keyword.Constant
33
- .kd { font-weight: bold } // Keyword.Declaration
34
- .kp { font-weight: bold } // Keyword.Pseudo
35
- .kr { font-weight: bold } // Keyword.Reserved
36
- .kt { color: #458; font-weight: bold } // Keyword.Type
37
- .m { color: #099 } // Literal.Number
38
- .s { color: #d14 } // Literal.String
39
- .na { color: #008080 } // Name.Attribute
40
- .nb { color: #0086B3 } // Name.Builtin
41
- .nc { color: #458; font-weight: bold } // Name.Class
42
- .no { color: #008080 } // Name.Constant
43
- .ni { color: #800080 } // Name.Entity
44
- .ne { color: #900; font-weight: bold } // Name.Exception
45
- .nf { color: #900; font-weight: bold } // Name.Function
46
- .nn { color: #555 } // Name.Namespace
47
- .nt { color: #000080 } // Name.Tag
48
- .nv { color: #008080 } // Name.Variable
49
- .ow { font-weight: bold } // Operator.Word
50
- .w { color: #bbb } // Text.Whitespace
51
- .mf { color: #099 } // Literal.Number.Float
52
- .mh { color: #099 } // Literal.Number.Hex
53
- .mi { color: #099 } // Literal.Number.Integer
54
- .mo { color: #099 } // Literal.Number.Oct
55
- .sb { color: #d14 } // Literal.String.Backtick
56
- .sc { color: #d14 } // Literal.String.Char
57
- .sd { color: #d14 } // Literal.String.Doc
58
- .s2 { color: #d14 } // Literal.String.Double
59
- .se { color: #d14 } // Literal.String.Escape
60
- .sh { color: #d14 } // Literal.String.Heredoc
61
- .si { color: #d14 } // Literal.String.Interpol
62
- .sx { color: #d14 } // Literal.String.Other
63
- .sr { color: #009926 } // Literal.String.Regex
64
- .s1 { color: #d14 } // Literal.String.Single
65
- .ss { color: #990073 } // Literal.String.Symbol
66
- .bp { color: #999 } // Name.Builtin.Pseudo
67
- .vc { color: #008080 } // Name.Variable.Class
68
- .vg { color: #008080 } // Name.Variable.Global
69
- .vi { color: #008080 } // Name.Variable.Instance
70
- .il { color: #099 } // Literal.Number.Integer.Long
71
- }