solar-flair 0.2.0 → 0.2.1

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.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/home.html +1 -1
  3. data/_layouts/styleguide.html +7 -7
  4. data/_sass/solar-flair/_base.scss +4 -1
  5. data/_sass/solar-flair/_typeography.scss +37 -35
  6. metadata +4 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3f10c89de636b8e938c72c680eacd8658e3044b3
4
- data.tar.gz: 30f662acf3c6c474f7f4322ec06ec990cfc71ebe
3
+ metadata.gz: 687ac1f3d0db88e675f1322cc3ca134a22d3197d
4
+ data.tar.gz: 6c24340f9d38c3dbdf205d5c253075f6b75b9dc6
5
5
  SHA512:
6
- metadata.gz: 46a75ae8d9c8c49885c19777ce77ca3d4b38ae4f0a9c4bfacdb9d6db211329078bb3938e42cfc9f3366982ca004a6361843565da6e3bb63a1dac75fb4d191b29
7
- data.tar.gz: 1419794a3d5e0dd4b2d48e385eb2df9a5f50e6d1f260b9a9cfa79161e437cfe1c53ad13246ba37e01344bd08258d1852882301b50079199b75006570df445840
6
+ metadata.gz: c074b56cb1bbfde8d73f1b2ae21b6ae3504b37cb799ad0d8d6ef5717ea9aab7acac493a51730150423238ddc00b8d47d4504f089ced124fd44782b62ae267b91
7
+ data.tar.gz: 613723f3bb710c9f09982d17d797d21ab60aaf72ad18f051d1423b6958e1798b72b583e101ec3b9598cb0ab7eda2124922e78af8741250b8ca255d94c7d5a03e
data/_layouts/home.html CHANGED
@@ -108,7 +108,7 @@ layout: default
108
108
  <div class="col-12 order-1 col-lg-6 order-lg-2 my-auto text-center p-5">
109
109
  <div class="text-three promo">
110
110
  <h3 class="text-d10-three">Accessible</h3>
111
- <p>One of Solar Flair's piorities is enabling any user the ability to use sites</p>
111
+ <p>One of Solar Flair's piorities is enabling any user the access to sites' using the theme</p>
112
112
  </div>
113
113
  </div>
114
114
  <div class="col-12 order-2 col-lg-3 order-lg-3 my-auto text-center">
data/_layouts/styleguide.html CHANGED
@@ -40,25 +40,25 @@ layout: default
40
40
  {% for theme in site.data.theme %}
41
41
  <tr>
42
42
  <td class="text-center text-l30-{{ theme[0] }}">
43
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
43
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
44
44
  </td>
45
45
  <td class="text-center text-l20-{{ theme[0] }}">
46
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
46
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
47
47
  </td>
48
48
  <td class="text-center text-l10-{{ theme[0] }}">
49
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
49
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
50
50
  </td>
51
51
  <td class="text-center text-{{ theme[0] }}">
52
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
52
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
53
53
  </td>
54
54
  <td class="text-center text-d10-{{ theme[0] }}">
55
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
55
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
56
56
  </td>
57
57
  <td class="text-center text-d20-{{ theme[0] }}">
58
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
58
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
59
59
  </td>
60
60
  <td class="text-center text-d30-{{ theme[0] }}">
61
- <i class="fas fa-square fa-4x "></i><br><code class="output"></code>
61
+ <i class="fas fa-square fa-4x "></i><br><code class="output "></code>
62
62
  </td>
63
63
  </tr>
64
64
  {% endfor %}
data/_sass/solar-flair/_base.scss CHANGED
@@ -87,7 +87,10 @@ h1, h2, h3, h4, h5, h6 {
87
87
 
88
88
  div.promo{
89
89
  h3{
90
- font-size: 3.5rem;
90
+ font-size: 2.5rem;
91
+ }
92
+ p{
93
+ font-size: .85rem;
91
94
  }
92
95
  }
93
96
 
data/_sass/solar-flair/_typeography.scss CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  span.grey{
2
4
  color:$color-grey;
3
5
  }
@@ -6,62 +8,62 @@ span.grey{
6
8
 
7
9
  .text-one{
8
10
  color: $color-one;
9
- code.output:before{
11
+ code.output:after{
10
12
  content: "#{$color-one}";
11
13
  }
12
14
  }
13
15
  .text-two{
14
16
  color: $color-two;
15
- code.output:before{
17
+ code.output:after{
16
18
  content: "#{$color-two}";
17
19
  }
18
20
  }
19
21
  .text-three{
20
22
  color: $color-three;
21
- code.output:before{
23
+ code.output:after{
22
24
  content: "#{$color-three}";
23
25
  }
24
26
  }
25
27
  .text-four{
26
28
  color: $color-four;
27
- code.output:before{
29
+ code.output:after{
28
30
  content: "#{$color-four}";
29
31
  }
30
32
  }
31
33
  .text-grey{
32
34
  color: $color-grey;
33
- code.output:before{
35
+ code.output:after{
34
36
  content: "#{$color-grey}";
35
37
  }
36
38
  }
37
39
 
38
40
  .text-d10-one{
39
41
  color: darken($color-one, 10%);
40
- code.output:before{
42
+ code.output:after{
41
43
  content: "#{darken($color-one, 10%) }";
42
44
  }
43
45
  }
44
46
  .text-d10-two{
45
47
  color: darken($color-two, 10%);
46
- code.output:before{
48
+ code.output:after{
47
49
  content: "#{darken($color-two, 10%) }";
48
50
  }
49
51
  }
50
52
  .text-d10-three{
51
53
  color: darken($color-three, 10%);
52
- code.output:before{
54
+ code.output:after{
53
55
  content: "#{darken($color-three, 10%) }";
54
56
  }
55
57
  }
56
58
  .text-d10-four{
57
59
  color: darken($color-four, 10%);
58
- code.output:before{
60
+ code.output:after{
59
61
  content: "#{darken($color-four, 10%) }";
60
62
  }
61
63
  }
62
64
  .text-d10-grey{
63
65
  color: darken($color-grey, 10%);
64
- code.output:before{
66
+ code.output:after{
65
67
  content: "#{darken($color-grey, 10%) }";
66
68
  }
67
69
  }
@@ -72,31 +74,31 @@ span.grey{
72
74
 
73
75
  .text-d20-one{
74
76
  color: darken($color-one, 20%);
75
- code.output:before{
77
+ code.output:after{
76
78
  content: "#{darken($color-one, 20%) }";
77
79
  }
78
80
  }
79
81
  .text-d20-two{
80
82
  color: darken($color-two, 20%);
81
- code.output:before{
83
+ code.output:after{
82
84
  content: "#{darken($color-two, 20%) }";
83
85
  }
84
86
  }
85
87
  .text-d20-three{
86
88
  color: darken($color-three, 20%);
87
- code.output:before{
89
+ code.output:after{
88
90
  content: "#{darken($color-three, 20%) }";
89
91
  }
90
92
  }
91
93
  .text-d20-four{
92
94
  color: darken($color-four, 20%);
93
- code.output:before{
95
+ code.output:after{
94
96
  content: "#{darken($color-four, 20%) }";
95
97
  }
96
98
  }
97
99
  .text-d20-grey{
98
100
  color: darken($color-grey, 20%);
99
- code.output:before{
101
+ code.output:after{
100
102
  content: "#{darken($color-grey, 20%) }";
101
103
  }
102
104
  }
@@ -106,31 +108,31 @@ span.grey{
106
108
 
107
109
  .text-d30-one{
108
110
  color: darken($color-one, 30%);
109
- code.output:before{
111
+ code.output:after{
110
112
  content: "#{darken($color-one, 30%) }";
111
113
  }
112
114
  }
113
115
  .text-d30-two{
114
116
  color: darken($color-two, 30%);
115
- code.output:before{
117
+ code.output:after{
116
118
  content: "#{darken($color-two, 30%) }";
117
119
  }
118
120
  }
119
121
  .text-d30-three{
120
122
  color: darken($color-three, 30%);
121
- code.output:before{
123
+ code.output:after{
122
124
  content: "#{darken($color-three, 30%) }";
123
125
  }
124
126
  }
125
127
  .text-d30-four{
126
128
  color: darken($color-four, 30%);
127
- code.output:before{
129
+ code.output:after{
128
130
  content: "#{darken($color-four, 30%) }";
129
131
  }
130
132
  }
131
133
  .text-d30-grey{
132
134
  color: darken($color-grey, 30%);
133
- code.output:before{
135
+ code.output:after{
134
136
  content: "#{darken($color-grey, 30%) }";
135
137
  }
136
138
  }
@@ -141,31 +143,31 @@ span.grey{
141
143
 
142
144
  .text-l10-one{
143
145
  color: lighten($color-one, 10%);
144
- code.output:before{
146
+ code.output:after{
145
147
  content: "#{lighten($color-one, 10%) }";
146
148
  }
147
149
  }
148
150
  .text-l10-two{
149
151
  color: lighten($color-two, 10%);
150
- code.output:before{
152
+ code.output:after{
151
153
  content: "#{lighten($color-two, 10%) }";
152
154
  }
153
155
  }
154
156
  .text-l10-three{
155
157
  color: lighten($color-three, 10%);
156
- code.output:before{
158
+ code.output:after{
157
159
  content: "#{lighten($color-three, 10%) }";
158
160
  }
159
161
  }
160
162
  .text-l10-four{
161
163
  color: lighten($color-four, 10%);
162
- code.output:before{
164
+ code.output:after{
163
165
  content: "#{lighten($color-four, 10%) }";
164
166
  }
165
167
  }
166
168
  .text-l10-grey{
167
169
  color: lighten($color-grey, 10%);
168
- code.output:before{
170
+ code.output:after{
169
171
  content: "#{lighten($color-grey, 10%) }";
170
172
  }
171
173
  }
@@ -176,31 +178,31 @@ span.grey{
176
178
 
177
179
  .text-l20-one{
178
180
  color: lighten($color-one, 20%);
179
- code.output:before{
181
+ code.output:after{
180
182
  content: "#{lighten($color-one, 20%) }";
181
183
  }
182
184
  }
183
185
  .text-l20-two{
184
186
  color: lighten($color-two, 20%);
185
- code.output:before{
187
+ code.output:after{
186
188
  content: "#{lighten($color-two, 20%) }";
187
189
  }
188
190
  }
189
191
  .text-l20-three{
190
192
  color: lighten($color-three, 20%);
191
- code.output:before{
193
+ code.output:after{
192
194
  content: "#{lighten($color-three, 20%) }";
193
195
  }
194
196
  }
195
197
  .text-l20-four{
196
198
  color: lighten($color-four, 20%);
197
- code.output:before{
199
+ code.output:after{
198
200
  content: "#{lighten($color-four, 20%) }";
199
201
  }
200
202
  }
201
203
  .text-l20-grey{
202
204
  color: lighten($color-grey, 20%);
203
- code.output:before{
205
+ code.output:after{
204
206
  content: "#{lighten($color-grey, 20%) }";
205
207
  }
206
208
  }
@@ -210,31 +212,31 @@ span.grey{
210
212
 
211
213
  .text-l30-one{
212
214
  color: lighten($color-one, 30%);
213
- code.output:before{
215
+ code.output:after{
214
216
  content: "#{lighten($color-one, 30%) }";
215
217
  }
216
218
  }
217
219
  .text-l30-two{
218
220
  color: lighten($color-two, 30%);
219
- code.output:before{
221
+ code.output:after{
220
222
  content: "#{lighten($color-two, 30%) }";
221
223
  }
222
224
  }
223
225
  .text-l30-three{
224
226
  color: lighten($color-three, 30%);
225
- code.output:before{
227
+ code.output:after{
226
228
  content: "#{lighten($color-three, 30%) }";
227
229
  }
228
230
  }
229
231
  .text-l30-four{
230
232
  color: lighten($color-four, 30%);
231
- code.output:before{
233
+ code.output:after{
232
234
  content: "#{lighten($color-four, 30%) }";
233
235
  }
234
236
  }
235
237
  .text-l30-grey{
236
238
  color: lighten($color-grey, 30%);
237
- code.output:before{
239
+ code.output:after{
238
240
  content: "#{lighten($color-grey, 30%) }";
239
241
  }
240
242
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: solar-flair
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
- - Nicholas Kline
7
+ - Nicholas D. Kline
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-03-12 00:00:00.000000000 Z
11
+ date: 2018-03-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -125,7 +125,7 @@ files:
125
125
  - assets/main.scss
126
126
  - assets/solar-flair.js
127
127
  - assets/solar-flair.min.js
128
- homepage: http://solarflair.url.solar/
128
+ homepage: https://flair.planning.solar/
129
129
  licenses:
130
130
  - MIT
131
131
  metadata: {}