scss_ninja 0.1.6 → 0.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.
@@ -0,0 +1,392 @@
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 */
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module ScssNinja
4
- VERSION = "0.1.6"
4
+ VERSION = "0.2.0"
5
5
  end
Binary file
Binary file
Binary file
Binary file
data/scss_ninja.gemspec CHANGED
@@ -1,4 +1,6 @@
1
1
  # frozen_string_literal: true
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
2
4
 
3
5
  require_relative "lib/scss_ninja/version"
4
6
 
@@ -35,4 +37,5 @@ Gem::Specification.new do |spec|
35
37
  # For more information and examples about making a new gem, checkout our
36
38
  # guide at: https://bundler.io/guides/creating_gem.html
37
39
  spec.add_runtime_dependency 'autoprefixer-rails', '~> 10.3', '>= 10.3.3.0'
40
+ spec.add_runtime_dependency 'sassc', '~> 2.0'
38
41
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: scss_ninja
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - tongoonamujera
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2021-11-04 00:00:00.000000000 Z
11
+ date: 2021-11-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: autoprefixer-rails
@@ -30,6 +30,20 @@ dependencies:
30
30
  - - ">="
31
31
  - !ruby/object:Gem::Version
32
32
  version: 10.3.3.0
33
+ - !ruby/object:Gem::Dependency
34
+ name: sassc
35
+ requirement: !ruby/object:Gem::Requirement
36
+ requirements:
37
+ - - "~>"
38
+ - !ruby/object:Gem::Version
39
+ version: '2.0'
40
+ type: :runtime
41
+ prerelease: false
42
+ version_requirements: !ruby/object:Gem::Requirement
43
+ requirements:
44
+ - - "~>"
45
+ - !ruby/object:Gem::Version
46
+ version: '2.0'
33
47
  description: Work still in progress
34
48
  email:
35
49
  - tongoonamujera@gmail.com
@@ -44,6 +58,7 @@ files:
44
58
  - CHANGELOG.md
45
59
  - CODE_OF_CONDUCT.md
46
60
  - Gemfile
61
+ - Gemfile.lock
47
62
  - LICENSE.txt
48
63
  - README.md
49
64
  - Rakefile
@@ -52,6 +67,21 @@ files:
52
67
  - app/assets/stylesheets/cards.scss
53
68
  - app/assets/stylesheets/carousel.scss
54
69
  - app/assets/stylesheets/columns.scss
70
+ - app/assets/stylesheets/css/border&radius.css
71
+ - app/assets/stylesheets/css/buttons.css
72
+ - app/assets/stylesheets/css/cards.css
73
+ - app/assets/stylesheets/css/carousel.css
74
+ - app/assets/stylesheets/css/columns.css
75
+ - app/assets/stylesheets/css/forms.css
76
+ - app/assets/stylesheets/css/heights.css
77
+ - app/assets/stylesheets/css/margins&paddings.css
78
+ - app/assets/stylesheets/css/modals.css
79
+ - app/assets/stylesheets/css/nav.css
80
+ - app/assets/stylesheets/css/opacity.css
81
+ - app/assets/stylesheets/css/scss_ninja.css
82
+ - app/assets/stylesheets/css/slidebtn.css
83
+ - app/assets/stylesheets/css/tables.css
84
+ - app/assets/stylesheets/css/texts&backgrounds.css
55
85
  - app/assets/stylesheets/forms.scss
56
86
  - app/assets/stylesheets/heights.scss
57
87
  - app/assets/stylesheets/margins&paddings.scss
@@ -69,6 +99,10 @@ files:
69
99
  - lib/scss_ninja/version.rb
70
100
  - scss_ninja-0.1.4.gem
71
101
  - scss_ninja-0.1.5.gem
102
+ - scss_ninja-0.1.6.gem
103
+ - scss_ninja-0.1.7.gem
104
+ - scss_ninja-0.1.8.gem
105
+ - scss_ninja-0.1.9.gem
72
106
  - scss_ninja.gemspec
73
107
  homepage: https://github.com/tongoonamujera/scss_ninja.git
74
108
  licenses: