jekyll-theme-consulting 0.3.2 → 0.3.3

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: b472f88b06676b1b0878b8b232c6817aa364bbdcfb9da75b57d1cbfa50a17eb1
4
- data.tar.gz: aad2ea464a575ebadf676288418c1adff9b8b21c89424606fa08f01e3d7e1132
3
+ metadata.gz: 94e77bf5370dec8681cf1bdcf454f61f4ea5ef5ead2c57797b672e71dd16e654
4
+ data.tar.gz: 798d30cc55b84fcbc398805136c6e9269b2a537c11415a37759085c4140619ab
5
5
  SHA512:
6
- metadata.gz: 2f716876b2f1f62df6ce8a44c2b2229cb0e4d80316f2c1ea417ea731f19fbcfa595355d0a4f4d73e4539b69b89be4206543a592873b98283a767dc650c812e32
7
- data.tar.gz: 22b06398c815e37e44a45cf76b0343e057b345b36afe2c8057fa0c051742acc715c1875a640f988a83908c725e23ac0d1e4506a1b38f41cf014c54474d24103b
6
+ metadata.gz: 84d8859d898cc5a4985e79a13db6b2f9244abe401466d95e8bcc5bfa4de547ebc5d1446679c85faa03b70b7a43e864a24c8ab4c5ab76dc551195b28a05a02df5
7
+ data.tar.gz: 25b4c143ceca28e5f49645f8c09ec31f63b93549d1bdcfdca313754810a893b0f73a66165bd169322256722b638f32605b4075fd1dd1f26bfd2f66e901cd67fd
@@ -8,10 +8,10 @@
8
8
  <li><a href="{{ site.facebook_url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
9
9
  {% endif %}
10
10
  {% if site.snapchat_url %}
11
- <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Facebook</span></a></li>
11
+ <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Snapchat</span></a></li>
12
12
  {% endif %}
13
13
  {% if site.medium_url %}
14
- <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Facebook</span></a></li>
14
+ <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Medium</span></a></li>
15
15
  {% endif %}
16
16
  {% if site.instagram_url %}
17
17
  <li><a href="{{ site.instagram_url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
@@ -193,7 +193,7 @@ body .inverted {
193
193
  }
194
194
 
195
195
  .inverted {
196
- input, select, textarea, p {
196
+ p {
197
197
  color: _palette(fg-inverted);
198
198
  }
199
199
 
@@ -227,11 +227,15 @@ body .inverted {
227
227
  }
228
228
 
229
229
  code {
230
- background: _palette(border-bg-inverted);
231
- border: solid 1px _palette(border-inverted);
230
+ background: _palette(border-bg);
231
+ border: solid 1px _palette(border);
232
232
  }
233
233
 
234
234
  hr {
235
235
  border-bottom: solid 1px _palette(border-inverted);
236
236
  }
237
+
238
+ input, select, textarea {
239
+ color: _palette(fg);
240
+ }
237
241
  }
@@ -6,174 +6,254 @@
6
6
 
7
7
  /* Form */
8
8
 
9
- form {
10
- margin: 0 0 _size(element-margin) 0;
9
+ form {
10
+ margin: 0 0 _size(element-margin) 0;
11
+ }
12
+
13
+ label {
14
+ color: _palette(fg-bold);
15
+ display: block;
16
+ font-size: 0.9em;
17
+ font-weight: _font(weight-bold);
18
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
19
+ }
20
+
21
+ input[type="text"],
22
+ input[type="password"],
23
+ input[type="email"],
24
+ input[type="tel"],
25
+ input[type="search"],
26
+ input[type="url"],
27
+ select,
28
+ textarea {
29
+ @include vendor('appearance', 'none');
30
+ background: _palette(bg);
31
+ border-radius: _size(border-radius);
32
+ border: none;
33
+ border: solid 1px _palette(border);
34
+ color: inherit;
35
+ display: block;
36
+ outline: 0;
37
+ padding: 0 1em;
38
+ text-decoration: none;
39
+ width: 100%;
40
+
41
+ &:invalid {
42
+ box-shadow: none;
11
43
  }
12
44
 
13
- label {
14
- color: _palette(fg-bold);
15
- display: block;
16
- font-size: 0.9em;
17
- font-weight: _font(weight-bold);
18
- margin: 0 0 (_size(element-margin) * 0.5) 0;
45
+ &:focus {
46
+ border-color: _palette(accent);
47
+ box-shadow: 0 0 0 1px _palette(accent);
19
48
  }
49
+ }
50
+
51
+ select {
52
+ background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
53
+ background-size: 1.25em;
54
+ background-repeat: no-repeat;
55
+ background-position: calc(100% - 1em) center;
56
+ height: _size(element-height);
57
+ padding-right: _size(element-height);
58
+ text-overflow: ellipsis;
20
59
 
21
- input[type="text"],
22
- input[type="password"],
23
- input[type="email"],
24
- input[type="tel"],
25
- input[type="search"],
26
- input[type="url"],
27
- select,
28
- textarea {
29
- @include vendor('appearance', 'none');
60
+ option {
61
+ color: _palette(fg-bold);
30
62
  background: _palette(bg);
31
- border-radius: _size(border-radius);
32
- border: none;
33
- border: solid 1px _palette(border);
34
- color: inherit;
35
- display: block;
36
- outline: 0;
37
- padding: 0 1em;
38
- text-decoration: none;
39
- width: 100%;
40
-
41
- &:invalid {
42
- box-shadow: none;
43
- }
63
+ }
44
64
 
45
- &:focus {
46
- border-color: _palette(accent);
47
- box-shadow: 0 0 0 1px _palette(accent);
65
+ &:focus {
66
+ &::-ms-value {
67
+ background-color: transparent;
48
68
  }
49
69
  }
50
70
 
51
- select {
52
- background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
53
- background-size: 1.25em;
54
- background-repeat: no-repeat;
55
- background-position: calc(100% - 1em) center;
56
- height: _size(element-height);
57
- padding-right: _size(element-height);
58
- text-overflow: ellipsis;
59
-
60
- option {
61
- color: _palette(fg-bold);
71
+ &::-ms-expand {
72
+ display: none;
73
+ }
74
+ }
75
+
76
+ input[type="text"],
77
+ input[type="password"],
78
+ input[type="email"],
79
+ input[type="tel"],
80
+ input[type="search"],
81
+ input[type="url"],
82
+ select {
83
+ height: _size(element-height);
84
+ }
85
+
86
+ textarea {
87
+ padding: 0.75em 1em;
88
+ }
89
+
90
+ input[type="checkbox"],
91
+ input[type="radio"], {
92
+ @include vendor('appearance', 'none');
93
+ display: block;
94
+ float: left;
95
+ margin-right: -2em;
96
+ opacity: 0;
97
+ width: 1em;
98
+ z-index: -1;
99
+
100
+ & + label {
101
+ @include icon(false, solid);
102
+ color: _palette(fg);
103
+ cursor: pointer;
104
+ display: inline-block;
105
+ font-size: 1em;
106
+ font-weight: _font(weight);
107
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
108
+ padding-right: 0.75em;
109
+ position: relative;
110
+
111
+ &:before {
62
112
  background: _palette(bg);
113
+ border-radius: _size(border-radius);
114
+ border: solid 1px _palette(border);
115
+ content: '';
116
+ display: inline-block;
117
+ font-size: 0.8em;
118
+ height: (_size(element-height) * 0.75);
119
+ left: 0;
120
+ line-height: (_size(element-height) * 0.75);
121
+ position: absolute;
122
+ text-align: center;
123
+ top: 0;
124
+ width: (_size(element-height) * 0.75);
63
125
  }
126
+ }
64
127
 
65
- &:focus {
66
- &::-ms-value {
67
- background-color: transparent;
68
- }
128
+ &:checked + label {
129
+ &:before {
130
+ background: _palette(fg-bold);
131
+ border-color: _palette(fg-bold);
132
+ color: _palette(bg);
133
+ content: '\f00c';
69
134
  }
135
+ }
70
136
 
71
- &::-ms-expand {
72
- display: none;
137
+ &:focus + label {
138
+ &:before {
139
+ border-color: _palette(accent);
140
+ box-shadow: 0 0 0 1px _palette(accent);
73
141
  }
74
142
  }
143
+ }
75
144
 
76
- input[type="text"],
77
- input[type="password"],
78
- input[type="email"],
79
- input[type="tel"],
80
- input[type="search"],
81
- input[type="url"],
82
- select {
83
- height: _size(element-height);
145
+ input[type="checkbox"] {
146
+ & + label {
147
+ &:before {
148
+ border-radius: _size(border-radius);
149
+ }
84
150
  }
151
+ }
85
152
 
86
- textarea {
87
- padding: 0.75em 1em;
153
+ input[type="radio"] {
154
+ & + label {
155
+ &:before {
156
+ border-radius: 100%;
157
+ }
88
158
  }
159
+ }
89
160
 
90
- input[type="checkbox"],
91
- input[type="radio"], {
92
- @include vendor('appearance', 'none');
93
- display: block;
94
- float: left;
95
- margin-right: -2em;
96
- opacity: 0;
97
- width: 1em;
98
- z-index: -1;
99
-
100
- & + label {
101
- @include icon(false, solid);
102
- color: _palette(fg);
103
- cursor: pointer;
104
- display: inline-block;
105
- font-size: 1em;
106
- font-weight: _font(weight);
107
- padding-left: (_size(element-height) * 0.6) + 0.75em;
108
- padding-right: 0.75em;
109
- position: relative;
110
-
111
- &:before {
112
- background: _palette(bg);
113
- border-radius: _size(border-radius);
114
- border: solid 1px _palette(border);
115
- content: '';
116
- display: inline-block;
117
- font-size: 0.8em;
118
- height: (_size(element-height) * 0.75);
119
- left: 0;
120
- line-height: (_size(element-height) * 0.75);
121
- position: absolute;
122
- text-align: center;
123
- top: 0;
124
- width: (_size(element-height) * 0.75);
125
- }
126
- }
161
+ ::-webkit-input-placeholder {
162
+ color: _palette(fg-light) !important;
163
+ opacity: 1.0;
164
+ }
127
165
 
128
- &:checked + label {
129
- &:before {
130
- background: _palette(fg-bold);
131
- border-color: _palette(fg-bold);
132
- color: _palette(bg);
133
- content: '\f00c';
134
- }
135
- }
166
+ :-moz-placeholder {
167
+ color: _palette(fg-light) !important;
168
+ opacity: 1.0;
169
+ }
136
170
 
137
- &:focus + label {
138
- &:before {
139
- border-color: _palette(accent);
140
- box-shadow: 0 0 0 1px _palette(accent);
141
- }
142
- }
171
+ ::-moz-placeholder {
172
+ color: _palette(fg-light) !important;
173
+ opacity: 1.0;
174
+ }
175
+
176
+ :-ms-input-placeholder {
177
+ color: _palette(fg-light) !important;
178
+ opacity: 1.0;
179
+ }
180
+
181
+ /* Inverted */
182
+
183
+ .inverted label {
184
+ color: _palette(fg-bold-inverted);
185
+ }
186
+
187
+ .inverted input[type="text"],
188
+ .inverted input[type="password"],
189
+ .inverted input[type="email"],
190
+ .inverted input[type="tel"],
191
+ .inverted input[type="search"],
192
+ .inverted input[type="url"],
193
+ .inverted select,
194
+ .inverted textarea {
195
+ background: _palette(bg);
196
+ border: solid 1px _palette(border);
197
+ color: _palette(fg);
198
+
199
+ &:focus {
200
+ border-color: _palette(accent);
201
+ box-shadow: 0 0 0 1px _palette(accent);
143
202
  }
203
+ }
144
204
 
145
- input[type="checkbox"] {
146
- & + label {
147
- &:before {
148
- border-radius: _size(border-radius);
149
- }
150
- }
205
+ .inverted select {
206
+ option {
207
+ color: _palette(fg-bold);
208
+ background: _palette(bg);
151
209
  }
210
+ }
211
+
212
+ .inverted input[type="checkbox"],
213
+ .inverted input[type="radio"], {
214
+
215
+ & + label {
216
+ color: _palette(fg);
152
217
 
153
- input[type="radio"] {
154
- & + label {
155
- &:before {
156
- border-radius: 100%;
157
- }
218
+ &:before {
219
+ background: _palette(bg);
220
+ border: solid 1px _palette(border);
158
221
  }
159
222
  }
160
223
 
161
- ::-webkit-input-placeholder {
162
- color: _palette(fg-light) !important;
163
- opacity: 1.0;
224
+ &:checked + label {
225
+ &:before {
226
+ background: _palette(fg-bold);
227
+ border-color: _palette(fg-bold);
228
+ color: _palette(bg);
229
+ content: '\f00c';
230
+ }
164
231
  }
165
232
 
166
- :-moz-placeholder {
167
- color: _palette(fg-light) !important;
168
- opacity: 1.0;
233
+ &:focus + label {
234
+ &:before {
235
+ border-color: _palette(accent);
236
+ box-shadow: 0 0 0 1px _palette(accent);
237
+ }
169
238
  }
239
+ }
170
240
 
171
- ::-moz-placeholder {
172
- color: _palette(fg-light) !important;
173
- opacity: 1.0;
174
- }
241
+ .inverted::-webkit-input-placeholder {
242
+ color: _palette(fg-light) !important;
243
+ opacity: 1.0;
244
+ }
245
+
246
+ .inverted:-moz-placeholder {
247
+ color: _palette(fg-light) !important;
248
+ opacity: 1.0;
249
+ }
250
+
251
+ .inverted::-moz-placeholder {
252
+ color: _palette(fg-light) !important;
253
+ opacity: 1.0;
254
+ }
175
255
 
176
- :-ms-input-placeholder {
177
- color: _palette(fg-light) !important;
178
- opacity: 1.0;
179
- }
256
+ :-ms-input-placeholder {
257
+ color: _palette(fg-light) !important;
258
+ opacity: 1.0;
259
+ }
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-consulting
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Mougeolle
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-08-18 00:00:00.000000000 Z
11
+ date: 2019-08-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll