scss_ninja 0.1.2 → 0.1.6

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,438 +0,0 @@
1
- body {
2
- margin: 0;
3
- width: 100vw;
4
- height: 100vh;
5
- padding: 0;
6
- }
7
-
8
- .flex-col {
9
- display: -webkit-box;
10
- display: -ms-flexbox;
11
- display: flex;
12
- -webkit-box-orient: vertical;
13
- -webkit-box-direction: normal;
14
- -ms-flex-direction: column;
15
- flex-direction: column;
16
- }
17
-
18
- .has-text-centered {
19
- text-align: center;
20
- -ms-flex-line-pack: center;
21
- align-content: center;
22
- width: 100%;
23
- }
24
-
25
- .is-fullwidth {
26
- width: inherit;
27
- }
28
-
29
- .submit {
30
- padding-left: 2.5rem;
31
- padding-right: 2.5rem;
32
- padding-top: 0.7rem;
33
- padding-bottom: 0.7rem;
34
- font-size: 17px;
35
- font-weight: 900;
36
- border: 1px solid #09e7c2;
37
- border-radius: 7px;
38
- color: white;
39
- margin-bottom: 1.2rem;
40
- text-align: center;
41
- text-decoration: none;
42
- }
43
-
44
- .main {
45
- margin: 0;
46
- height: 84%;
47
- width: 100%;
48
- }
49
-
50
- .button {
51
- padding: 0.7rem 2.5rem 0.7rem 2.5rem;
52
- font-size: 17px;
53
- font-weight: 900;
54
- background-color: #000000;
55
- border: 1px solid #09e7c2;
56
- border-radius: 7px;
57
- color: white;
58
- text-decoration: none;
59
- }
60
-
61
- /* ################ Styles for columns ################# */
62
- .column-1 {
63
- width: 8.33333%;
64
- height: inherit;
65
- }
66
-
67
- .column-2 {
68
- width: 16.66667%;
69
- height: inherit;
70
- }
71
-
72
- .column-3 {
73
- width: 25%;
74
- height: inherit;
75
- }
76
-
77
- .column-4 {
78
- width: 33.33333%;
79
- height: inherit;
80
- }
81
-
82
- .column-5 {
83
- width: 41.66667%;
84
- height: inherit;
85
- }
86
-
87
- .column-6 {
88
- width: 50%;
89
- height: inherit;
90
- }
91
-
92
- .column-7 {
93
- width: 58.33333%;
94
- height: inherit;
95
- }
96
-
97
- .column-8 {
98
- width: 66.66667%;
99
- height: inherit;
100
- }
101
-
102
- .column-9 {
103
- width: 75%;
104
- height: inherit;
105
- }
106
-
107
- .column-10 {
108
- width: 83.33333%;
109
- height: inherit;
110
- }
111
-
112
- .column-11 {
113
- width: 91.66667%;
114
- height: inherit;
115
- }
116
-
117
- .column-12 {
118
- width: 100%;
119
- height: inherit;
120
- }
121
-
122
- .columns {
123
- width: 100%;
124
- height: -webkit-fit-content;
125
- height: -moz-fit-content;
126
- height: fit-content;
127
- }
128
-
129
- .is-centered {
130
- margin-left: auto;
131
- margin-right: auto;
132
- }
133
-
134
- @media only screen and (max-width: 576px) {
135
- .m-column-1 {
136
- width: 8.33333% !important;
137
- height: inherit;
138
- }
139
- .m-column-2 {
140
- width: 16.66667% !important;
141
- height: inherit;
142
- }
143
- .m-column-3 {
144
- width: 25% !important;
145
- height: inherit;
146
- }
147
- .m-column-4 {
148
- width: 33.33333% !important;
149
- height: inherit;
150
- }
151
- .m-column-5 {
152
- width: 41.66667% !important;
153
- height: inherit;
154
- }
155
- .m-column-6 {
156
- width: 50% !important;
157
- height: inherit;
158
- }
159
- .m-column-7 {
160
- width: 58.33333% !important;
161
- height: inherit;
162
- }
163
- .m-column-8 {
164
- width: 66.66667% !important;
165
- height: inherit;
166
- }
167
- .m-column-9 {
168
- width: 75% !important;
169
- height: inherit;
170
- }
171
- .m-column-10 {
172
- width: 83.33333% !important;
173
- height: inherit;
174
- }
175
- .m-column-11 {
176
- width: 91.66667% !important;
177
- height: inherit;
178
- }
179
- .m-column-12 {
180
- width: 100% !important;
181
- height: inherit;
182
- }
183
- .columns {
184
- width: 100%;
185
- height: -webkit-fit-content;
186
- height: -moz-fit-content;
187
- height: fit-content;
188
- }
189
- .is-centered {
190
- margin-left: auto;
191
- margin-right: auto;
192
- }
193
- }
194
-
195
- @media only screen and (min-width: 577px) and (max-width: 768px) {
196
- .lm-column-1 {
197
- width: 8.33333%;
198
- height: inherit;
199
- }
200
- .lm-column-2 {
201
- width: 16.66667%;
202
- height: inherit;
203
- }
204
- .lm-column-3 {
205
- width: 25%;
206
- height: inherit;
207
- }
208
- .lm-column-4 {
209
- width: 33.33333%;
210
- height: inherit;
211
- }
212
- .lm-column-5 {
213
- width: 41.66667%;
214
- height: inherit;
215
- }
216
- .lm-column-6 {
217
- width: 50%;
218
- height: inherit;
219
- }
220
- .lm-column-7 {
221
- width: 58.33333%;
222
- height: inherit;
223
- }
224
- .lm-column-8 {
225
- width: 66.66667%;
226
- height: inherit;
227
- }
228
- .lm-column-9 {
229
- width: 75%;
230
- height: inherit;
231
- }
232
- .lm-column-10 {
233
- width: 83.33333%;
234
- height: inherit;
235
- }
236
- .lm-column-11 {
237
- width: 91.66667%;
238
- height: inherit;
239
- }
240
- .lm-column-12 {
241
- width: 100%;
242
- height: inherit;
243
- }
244
- .columns {
245
- width: 100%;
246
- height: -webkit-fit-content;
247
- height: -moz-fit-content;
248
- height: fit-content;
249
- }
250
- .is-centered {
251
- margin-left: auto;
252
- margin-right: auto;
253
- }
254
- }
255
-
256
- @media only screen and (min-width: 769px) and (max-width: 992px) {
257
- .t-column-1 {
258
- width: 8.33333%;
259
- height: inherit;
260
- }
261
- .t-column-2 {
262
- width: 16.66667%;
263
- height: inherit;
264
- }
265
- .t-column-3 {
266
- width: 25%;
267
- height: inherit;
268
- }
269
- .t-column-4 {
270
- width: 33.33333%;
271
- height: inherit;
272
- }
273
- .t-column-5 {
274
- width: 41.66667%;
275
- height: inherit;
276
- }
277
- .t-column-6 {
278
- width: 50%;
279
- height: inherit;
280
- }
281
- .t-column-7 {
282
- width: 58.33333%;
283
- height: inherit;
284
- }
285
- .t-column-8 {
286
- width: 66.66667%;
287
- height: inherit;
288
- }
289
- .t-column-9 {
290
- width: 75%;
291
- height: inherit;
292
- }
293
- .t-column-10 {
294
- width: 83.33333%;
295
- height: inherit;
296
- }
297
- .t-column-11 {
298
- width: 91.66667%;
299
- height: inherit;
300
- }
301
- .t-column-12 {
302
- width: 100%;
303
- height: inherit;
304
- }
305
- .columns {
306
- width: 100%;
307
- height: -webkit-fit-content;
308
- height: -moz-fit-content;
309
- height: fit-content;
310
- }
311
- .is-centered {
312
- margin-left: auto;
313
- margin-right: auto;
314
- }
315
- }
316
-
317
- @media only screen and (min-width: 992px) and (max-width: 1200px) {
318
- .d-column-1 {
319
- width: 8.33333%;
320
- height: inherit;
321
- }
322
- .d-column-2 {
323
- width: 16.66667%;
324
- height: inherit;
325
- }
326
- .d-column-3 {
327
- width: 25%;
328
- height: inherit;
329
- }
330
- .d-column-4 {
331
- width: 33.33333%;
332
- height: inherit;
333
- }
334
- .d-column-5 {
335
- width: 41.66667%;
336
- height: inherit;
337
- }
338
- .d-column-6 {
339
- width: 50%;
340
- height: inherit;
341
- }
342
- .d-column-7 {
343
- width: 58.33333%;
344
- height: inherit;
345
- }
346
- .d-column-8 {
347
- width: 66.66667%;
348
- height: inherit;
349
- }
350
- .d-column-9 {
351
- width: 75%;
352
- height: inherit;
353
- }
354
- .d-column-10 {
355
- width: 83.33333%;
356
- height: inherit;
357
- }
358
- .d-column-11 {
359
- width: 91.66667%;
360
- height: inherit;
361
- }
362
- .d-column-12 {
363
- width: 100%;
364
- height: inherit;
365
- }
366
- .columns {
367
- width: 100%;
368
- height: -webkit-fit-content;
369
- height: -moz-fit-content;
370
- height: fit-content;
371
- }
372
- .is-centered {
373
- margin-left: auto;
374
- margin-right: auto;
375
- }
376
- }
377
-
378
- @media only screen and (min-width: 1200px) {
379
- .ld-column-1 {
380
- width: 8.33333%;
381
- height: inherit;
382
- }
383
- .ld-column-2 {
384
- width: 16.66667%;
385
- height: inherit;
386
- }
387
- .ld-column-3 {
388
- width: 25%;
389
- height: inherit;
390
- }
391
- .ld-column-4 {
392
- width: 33.33333%;
393
- height: inherit;
394
- }
395
- .ld-column-5 {
396
- width: 41.66667%;
397
- height: inherit;
398
- }
399
- .ld-column-6 {
400
- width: 50%;
401
- height: inherit;
402
- }
403
- .ld-column-7 {
404
- width: 58.33333%;
405
- height: inherit;
406
- }
407
- .ld-column-8 {
408
- width: 66.66667%;
409
- height: inherit;
410
- }
411
- .ld-column-9 {
412
- width: 75%;
413
- height: inherit;
414
- }
415
- .ld-column-10 {
416
- width: 83.33333%;
417
- height: inherit;
418
- }
419
- .ld-column-11 {
420
- width: 91.66667%;
421
- height: inherit;
422
- }
423
- .ld-column-12 {
424
- width: 100%;
425
- height: inherit;
426
- }
427
- .columns {
428
- width: 100%;
429
- height: -webkit-fit-content;
430
- height: -moz-fit-content;
431
- height: fit-content;
432
- }
433
- .is-centered {
434
- margin-left: auto;
435
- margin-right: auto;
436
- }
437
- }
438
- /*# sourceMappingURL=columns.css.map */
@@ -1,46 +0,0 @@
1
- /* ############ Styles for forms ############# */
2
- form {
3
- display: -webkit-box;
4
- display: -ms-flexbox;
5
- display: flex;
6
- -webkit-box-orient: vertical;
7
- -webkit-box-direction: normal;
8
- -ms-flex-direction: column;
9
- flex-direction: column;
10
- width: 100%;
11
- font-family: 'Times New Roman', Times, serif;
12
- font-size: 17px;
13
- text-shadow: 2px 2px #cbcbce;
14
- }
15
-
16
- form .label {
17
- font-weight: 900;
18
- }
19
-
20
- form .field {
21
- margin-bottom: 1.2rem;
22
- }
23
-
24
- form .input {
25
- width: 100%;
26
- height: 4vh;
27
- border: 1px solid #e0dede;
28
- border-radius: 5px;
29
- font-size: 25px;
30
- padding-left: 0.5%;
31
- }
32
-
33
- form .actions {
34
- width: 100%;
35
- }
36
-
37
- form .actions .submit {
38
- padding: 0.7rem 2.5rem 0.7rem 2.5rem;
39
- font-size: 17px;
40
- font-weight: 900;
41
- border: 1px solid #09e7c2;
42
- border-radius: 7px;
43
- color: white;
44
- margin-bottom: 1.2rem;
45
- }
46
- /*# sourceMappingURL=forms.css.map */
@@ -1,80 +0,0 @@
1
- .h-1 {
2
- height: 10%;
3
- }
4
-
5
- .h-2 {
6
- height: 20%;
7
- }
8
-
9
- .h-3 {
10
- height: 30%;
11
- }
12
-
13
- .h-4 {
14
- height: 40%;
15
- }
16
-
17
- .h-5 {
18
- height: 50%;
19
- }
20
-
21
- .h-6 {
22
- height: 60%;
23
- }
24
-
25
- .h-7 {
26
- height: 70%;
27
- }
28
-
29
- .h-8 {
30
- height: 80%;
31
- }
32
-
33
- .h-9 {
34
- height: 90%;
35
- }
36
-
37
- .h-10 {
38
- height: 100%;
39
- }
40
-
41
- .w-1 {
42
- width: 10%;
43
- }
44
-
45
- .w-2 {
46
- width: 20%;
47
- }
48
-
49
- .w-3 {
50
- width: 30%;
51
- }
52
-
53
- .w-4 {
54
- width: 40%;
55
- }
56
-
57
- .w-5 {
58
- width: 50%;
59
- }
60
-
61
- .w-6 {
62
- width: 60%;
63
- }
64
-
65
- .w-7 {
66
- width: 70%;
67
- }
68
-
69
- .w-8 {
70
- width: 80%;
71
- }
72
-
73
- .w-9 {
74
- width: 90%;
75
- }
76
-
77
- .w-10 {
78
- width: 100%;
79
- }
80
- /*# sourceMappingURL=heights.css.map */