scss_ninja 0.1.5 → 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.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/{vendor → app}/assets/stylesheets/border&radius.scss +0 -0
  3. data/{vendor → app}/assets/stylesheets/buttons.scss +0 -0
  4. data/{vendor → app}/assets/stylesheets/cards.scss +0 -0
  5. data/{vendor → app}/assets/stylesheets/carousel.scss +0 -0
  6. data/{vendor → app}/assets/stylesheets/columns.scss +0 -0
  7. data/{vendor → app}/assets/stylesheets/forms.scss +0 -0
  8. data/{vendor → app}/assets/stylesheets/heights.scss +0 -0
  9. data/{vendor → app}/assets/stylesheets/margins&paddings.scss +0 -0
  10. data/{vendor → app}/assets/stylesheets/modals.scss +0 -0
  11. data/{vendor → app}/assets/stylesheets/nav.scss +0 -0
  12. data/{vendor → app}/assets/stylesheets/opacity.scss +0 -0
  13. data/{vendor → app}/assets/stylesheets/scss_ninja.scss +0 -0
  14. data/{vendor → app}/assets/stylesheets/slidebtn.scss +0 -0
  15. data/{vendor → app}/assets/stylesheets/tables.scss +0 -0
  16. data/{vendor → app}/assets/stylesheets/texts&backgrounds.scss +0 -0
  17. data/lib/scss_ninja/version.rb +1 -1
  18. data/scss_ninja-0.1.5.gem +0 -0
  19. metadata +17 -31
  20. data/app/assets/stylesheets/css/border&radius.css +0 -228
  21. data/app/assets/stylesheets/css/buttons.css +0 -72
  22. data/app/assets/stylesheets/css/cards.css +0 -157
  23. data/app/assets/stylesheets/css/carousel.css +0 -13872
  24. data/app/assets/stylesheets/css/columns.css +0 -438
  25. data/app/assets/stylesheets/css/forms.css +0 -46
  26. data/app/assets/stylesheets/css/heights.css +0 -80
  27. data/app/assets/stylesheets/css/margins&paddings.css +0 -390
  28. data/app/assets/stylesheets/css/modals.css +0 -58
  29. data/app/assets/stylesheets/css/nav.css +0 -259
  30. data/app/assets/stylesheets/css/opacity.css +0 -40
  31. data/app/assets/stylesheets/css/scss_ninja.css +0 -14
  32. data/app/assets/stylesheets/css/slidebtn.css +0 -59
  33. data/app/assets/stylesheets/css/tables.css +0 -610
  34. data/app/assets/stylesheets/css/texts&backgrounds.css +0 -392
@@ -1,392 +0,0 @@
1
- .has-text-center {
2
- text-align: center;
3
- }
4
-
5
- .text-upcase {
6
- text-transform: uppercase;
7
- }
8
-
9
- .text-lowercase {
10
- text-transform: lowercase;
11
- }
12
-
13
- .text-dark {
14
- color: #000000;
15
- }
16
-
17
- .text-pri {
18
- color: #00ffff;
19
- }
20
-
21
- .text-danger {
22
- color: #ff0000;
23
- }
24
-
25
- .text-success {
26
- color: #008000;
27
- }
28
-
29
- .text-warning {
30
- color: #ffa500;
31
- }
32
-
33
- .text-pink {
34
- color: #ff00ff;
35
- }
36
-
37
- .text-gray {
38
- color: #808080;
39
- }
40
-
41
- .text-light {
42
- color: #e6e6e6;
43
- }
44
-
45
- .text-info {
46
- color: #0000ff;
47
- }
48
-
49
- .shadow-red {
50
- text-shadow: 2px 2px #ff0000;
51
- }
52
-
53
- .shadow-blue {
54
- text-shadow: 2px 2px #0000ff;
55
- }
56
-
57
- .shadow-white {
58
- text-shadow: 2px 2px white;
59
- }
60
-
61
- .shadow-light {
62
- text-shadow: 2px 2px #dfdcdc;
63
- }
64
-
65
- .shadow-dark {
66
- text-shadow: 2px 2px #000;
67
- }
68
-
69
- .text-white {
70
- color: white;
71
- font-weight: 900;
72
- text-shadow: 2px 2px #343450;
73
- font-size: 25px;
74
- letter-spacing: 1px;
75
- }
76
-
77
- /* ############# colors ############ */
78
- .bg-dark {
79
- background-color: #000000;
80
- }
81
-
82
- .bg-light {
83
- background-color: #e6e6e6;
84
- }
85
-
86
- .bg-gray {
87
- background-color: #808080;
88
- }
89
-
90
- .bg-white {
91
- background-color: white;
92
- }
93
-
94
- /* ############# primary colors ########### */
95
- .bg-pri {
96
- background-color: #00ffff;
97
- }
98
-
99
- .bg-pri-light-1 {
100
- background-color: #1affff;
101
- }
102
-
103
- .bg-pri-light-2 {
104
- background-color: #4dffff;
105
- }
106
-
107
- .bg-pri-light-3 {
108
- background-color: #80ffff;
109
- }
110
-
111
- .bg-pri-light-4 {
112
- background-color: #b3ffff;
113
- }
114
-
115
- .bg-pri-light-5 {
116
- background-color: #e6ffff;
117
- }
118
-
119
- /* ######## primary dark colors */
120
- .bg-pri-dark-1 {
121
- background-color: #001a1a;
122
- }
123
-
124
- .bg-pri-dark-2 {
125
- background-color: #004d4d;
126
- }
127
-
128
- .bg-pri-dark-3 {
129
- background-color: #008080;
130
- }
131
-
132
- .bg-pri-dark-4 {
133
- background-color: #00b3b3;
134
- }
135
-
136
- .bg-pri-dark-4 {
137
- background-color: #00cccc;
138
- }
139
-
140
- /* ################# Red backgounds ############### */
141
- .bg-red {
142
- background-color: #ff0000;
143
- }
144
-
145
- .bg-red-light-1 {
146
- background-color: #ff3333;
147
- }
148
-
149
- .bg-red-light-2 {
150
- background-color: #ff4d4d;
151
- }
152
-
153
- .bg-red-light-3 {
154
- background-color: #ff8080;
155
- }
156
-
157
- .bg-red-light-4 {
158
- background-color: #ff9999;
159
- }
160
-
161
- .bg-red-light-5 {
162
- background-color: #ffcccc;
163
- }
164
-
165
- /* ########### red dark styles ############ */
166
- .bg-red-dark-1 {
167
- background-color: #1a0000;
168
- }
169
-
170
- .bg-red-dark-2 {
171
- background-color: #4d0000;
172
- }
173
-
174
- .bg-red-dark-3 {
175
- background-color: #800000;
176
- }
177
-
178
- .bg-red-dark-4 {
179
- background-color: #b30000;
180
- }
181
-
182
- .bg-red-dark-5 {
183
- background-color: #e60000;
184
- }
185
-
186
- /* ########## orange backgrounds ########## */
187
- .bg-orn {
188
- background-color: #ffa500;
189
- }
190
-
191
- .bg-orn-light-1 {
192
- background-color: #ffb833;
193
- }
194
-
195
- .bg-orn-light-2 {
196
- background-color: #ffc966;
197
- }
198
-
199
- .bg-orn-light-3 {
200
- background-color: #ffdb99;
201
- }
202
-
203
- .bg-orn-light-4 {
204
- background-color: #ffedcc;
205
- }
206
-
207
- .bg-orn-light-5 {
208
- background-color: #fff6e6;
209
- }
210
-
211
- /* ############# Orange dark ############### */
212
- .bg-orn-dark-1 {
213
- background-color: #1a1100;
214
- }
215
-
216
- .bg-orn-dark-2 {
217
- background-color: #4d3200;
218
- }
219
-
220
- .bg-orn-dark-3 {
221
- background-color: #805300;
222
- }
223
-
224
- .bg-orn-dark-4 {
225
- background-color: #b37400;
226
- }
227
-
228
- .bg-orn-dark-5 {
229
- background-color: #e69500;
230
- }
231
-
232
- /* ############ Success colurs ############## */
233
- .bg-suc {
234
- background-color: #008000;
235
- }
236
-
237
- .bg-suc-light-1 {
238
- background-color: #00b300;
239
- }
240
-
241
- .bg-suc-light-2 {
242
- background-color: #00ff00;
243
- }
244
-
245
- .bg-suc-light-3 {
246
- background-color: #4dff4d;
247
- }
248
-
249
- .bg-suc-light-4 {
250
- background-color: #99ff99;
251
- }
252
-
253
- .bg-suc-light-5 {
254
- background-color: #ccffcc;
255
- }
256
-
257
- /* ############# success dark colors ############## */
258
- .bg-suc-dark-1 {
259
- background-color: #001a00;
260
- }
261
-
262
- .bg-suc-dark-2 {
263
- background-color: #003300;
264
- }
265
-
266
- .bg-suc-dark-3 {
267
- background-color: #004d00;
268
- }
269
-
270
- .bg-suc-dark-4 {
271
- background-color: #006600;
272
- }
273
-
274
- .bg-suc-dark-5 {
275
- background-color: #028502;
276
- }
277
-
278
- /* ############# Pink backgrounds ############ */
279
- .bg-pnk {
280
- background-color: #ff00ff;
281
- }
282
-
283
- .bg-pnk-light-1 {
284
- background-color: #ff33ff;
285
- }
286
-
287
- .bg-pnk-light-2 {
288
- background-color: #ff66ff;
289
- }
290
-
291
- .bg-pnk-light-3 {
292
- background-color: #ff99ff;
293
- }
294
-
295
- .bg-pnk-light-4 {
296
- background-color: #ffb3ff;
297
- }
298
-
299
- .bg-pnk-light-5 {
300
- background-color: #ffe6ff;
301
- }
302
-
303
- /* ############ Pink dark colors ############# */
304
- .bg-pnk-dark-1 {
305
- background-color: #1a001a;
306
- }
307
-
308
- .bg-pnk-dark-2 {
309
- background-color: #4d004d;
310
- }
311
-
312
- .bg-pnk-dark-3 {
313
- background-color: #800080;
314
- }
315
-
316
- .bg-pnk-dark-4 {
317
- background-color: #b300b3;
318
- }
319
-
320
- .bg-pnk-dark-5 {
321
- background-color: #cc00cc;
322
- }
323
-
324
- /* ############ Info background colors ########### */
325
- .bg-info {
326
- background-color: #0000ff;
327
- }
328
-
329
- .bg-info-light-1 {
330
- background-color: #3333ff;
331
- }
332
-
333
- .bg-info-light-2 {
334
- background-color: #6666ff;
335
- }
336
-
337
- .bg-info-light-3 {
338
- background-color: #9999ff;
339
- }
340
-
341
- .bg-info-light-4 {
342
- background-color: #bdbdfd;
343
- }
344
-
345
- .bg-info-light-5 {
346
- background-color: #d0d0fa;
347
- }
348
-
349
- /* ############ Info dark styles ############### */
350
- .bg-info-dark-1 {
351
- background-color: #000033;
352
- }
353
-
354
- .bg-info-dark-2 {
355
- background-color: #000066;
356
- }
357
-
358
- .bg-info-dark-3 {
359
- background-color: #000099;
360
- }
361
-
362
- .bg-info-dark-4 {
363
- background-color: #0303ca;
364
- }
365
-
366
- .bg-info-dark-5 {
367
- background-color: #0404d8;
368
- }
369
-
370
- /* ############ Gradients x-axis ############# */
371
- .grdx-pnkl-orn {
372
- background: -webkit-gradient(linear, left top, right top, from(#cc99ff), to(#ff9966));
373
- background: linear-gradient(to right, #cc99ff 0%, #ff9966 100%);
374
- }
375
-
376
- .grdx-pri-orn {
377
- background: -webkit-gradient(linear, left top, right top, from(#66ffcc), color-stop(71%, #ff9933));
378
- background: linear-gradient(to right, #66ffcc 0%, #ff9933 71%);
379
- }
380
-
381
- .rrg-red-orn-grn {
382
- background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
383
- }
384
-
385
- .rrg-red-orn-pri {
386
- background-image: repeating-radial-gradient(red, yellow 10%, cyan 15%);
387
- }
388
-
389
- .rrg-red-orn-pnk {
390
- background-image: repeating-radial-gradient(red, yellow 10%, #db08ca 15%);
391
- }
392
- /*# sourceMappingURL=texts&backgrounds.css.map */