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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2c26b29cc7104b647b1a24732115e7b00cc39030b355be9a62b6233fb1f398c0
4
- data.tar.gz: a3e934c71ce599fd618c0ca217db54fe57090821e7a9edebd82173212f683ed1
3
+ metadata.gz: 44b5176df9c6ed8eb32def41ecf0776bfed62bd51918a3930116db110fc0b1d4
4
+ data.tar.gz: 2c64435535569ecd2be6e288fccb206757c911cece09f7429675348d607462f9
5
5
  SHA512:
6
- metadata.gz: 2ae3f4fc31df2769bf3b7814f30d0c3d13d1fcb93cf451550d39118c8facfc2366310ce2145aa011592f57430d41fe591664ef7d26f755e2d1f80ceae6640f51
7
- data.tar.gz: f89a7cb7d97148ba3118bc7eb1d3f3174610528580c96bdd0f06bcb5c68cfc58a0ac3720fce19759e1453f54cde3964d47186b624f98491276381ea5a2293b22
6
+ metadata.gz: a09972e4a302aa45f31961ff0e50962a934caed8fd19d5cbbfa24f10472f73d0ae49ed638ed19a88cd3f0d9dd8623344eb3febdc0481dd3cb6cb41440560cd38
7
+ data.tar.gz: a8870a1c46a76d189c037d203d5c8613ce9704ef7c9fb32226bed02d747e13108760d843f745c8289293af482338123e7f454138f1c75424c2a6810ae9189a51
data/Gemfile.lock ADDED
@@ -0,0 +1,59 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ scss_ninja (0.1.9)
5
+ autoprefixer-rails (~> 10.3, >= 10.3.3.0)
6
+
7
+ GEM
8
+ remote: https://rubygems.org/
9
+ specs:
10
+ ast (2.4.2)
11
+ autoprefixer-rails (10.3.3.0)
12
+ execjs (~> 2)
13
+ diff-lcs (1.4.4)
14
+ execjs (2.8.1)
15
+ parallel (1.20.1)
16
+ parser (3.0.2.0)
17
+ ast (~> 2.4.1)
18
+ rainbow (3.0.0)
19
+ rake (13.0.6)
20
+ regexp_parser (2.1.1)
21
+ rexml (3.2.5)
22
+ rspec (3.10.0)
23
+ rspec-core (~> 3.10.0)
24
+ rspec-expectations (~> 3.10.0)
25
+ rspec-mocks (~> 3.10.0)
26
+ rspec-core (3.10.1)
27
+ rspec-support (~> 3.10.0)
28
+ rspec-expectations (3.10.1)
29
+ diff-lcs (>= 1.2.0, < 2.0)
30
+ rspec-support (~> 3.10.0)
31
+ rspec-mocks (3.10.2)
32
+ diff-lcs (>= 1.2.0, < 2.0)
33
+ rspec-support (~> 3.10.0)
34
+ rspec-support (3.10.2)
35
+ rubocop (1.19.0)
36
+ parallel (~> 1.10)
37
+ parser (>= 3.0.0.0)
38
+ rainbow (>= 2.2.2, < 4.0)
39
+ regexp_parser (>= 1.8, < 3.0)
40
+ rexml
41
+ rubocop-ast (>= 1.9.1, < 2.0)
42
+ ruby-progressbar (~> 1.7)
43
+ unicode-display_width (>= 1.4.0, < 3.0)
44
+ rubocop-ast (1.10.0)
45
+ parser (>= 3.0.1.1)
46
+ ruby-progressbar (1.11.0)
47
+ unicode-display_width (2.0.0)
48
+
49
+ PLATFORMS
50
+ x86_64-linux
51
+
52
+ DEPENDENCIES
53
+ rake (~> 13.0)
54
+ rspec (~> 3.0)
55
+ rubocop (~> 1.7)
56
+ scss_ninja!
57
+
58
+ BUNDLED WITH
59
+ 2.2.16
@@ -0,0 +1,228 @@
1
+ .br-1 {
2
+ border-radius: 1rem;
3
+ }
4
+
5
+ .bbrr-1 {
6
+ border-bottom-right-radius: 1rem;
7
+ }
8
+
9
+ .btrr-1 {
10
+ border-top-right-radius: 1rem;
11
+ }
12
+
13
+ .btlr-1 {
14
+ border-top-right-radius: 1rem;
15
+ }
16
+
17
+ .bblr-1 {
18
+ border-top-right-radius: 1rem;
19
+ }
20
+
21
+ .br-2 {
22
+ border-radius: 2rem;
23
+ }
24
+
25
+ .bbrr-2 {
26
+ border-bottom-right-radius: 2rem;
27
+ }
28
+
29
+ .btrr-2 {
30
+ border-top-right-radius: 2rem;
31
+ }
32
+
33
+ .btlr-2 {
34
+ border-top-right-radius: 2rem;
35
+ }
36
+
37
+ .bblr-2 {
38
+ border-top-right-radius: 2rem;
39
+ }
40
+
41
+ .br-3 {
42
+ border-radius: 3rem;
43
+ }
44
+
45
+ .bbrr-3 {
46
+ border-bottom-right-radius: 3rem;
47
+ }
48
+
49
+ .btrr-3 {
50
+ border-top-right-radius: 3rem;
51
+ }
52
+
53
+ .btlr-3 {
54
+ border-top-right-radius: 3rem;
55
+ }
56
+
57
+ .bblr-3 {
58
+ border-top-right-radius: 3rem;
59
+ }
60
+
61
+ .br-4 {
62
+ border-radius: 4rem;
63
+ }
64
+
65
+ .bbrr-4 {
66
+ border-bottom-right-radius: 4rem;
67
+ }
68
+
69
+ .btrr-4 {
70
+ border-top-right-radius: 4rem;
71
+ }
72
+
73
+ .btlr-4 {
74
+ border-top-right-radius: 4rem;
75
+ }
76
+
77
+ .bblr-4 {
78
+ border-top-right-radius: 4rem;
79
+ }
80
+
81
+ .br-r {
82
+ border-radius: 100%;
83
+ }
84
+
85
+ .bbrr-r {
86
+ border-bottom-right-radius: 5rem;
87
+ }
88
+
89
+ .btrr-r {
90
+ border-top-right-radius: 5rem;
91
+ }
92
+
93
+ .btlr-r {
94
+ border-top-right-radius: 5rem;
95
+ }
96
+
97
+ .bblr-r {
98
+ border-top-right-radius: 5rem;
99
+ }
100
+
101
+ .bt-red {
102
+ border-top: 1px solid red;
103
+ }
104
+
105
+ .bt-pnk {
106
+ border-top: 1px solid #a30c97;
107
+ }
108
+
109
+ .bt-orn {
110
+ border-top: 1px solid orange;
111
+ }
112
+
113
+ .bt-pri {
114
+ border-top: 1px solid cyan;
115
+ }
116
+
117
+ .bt-info {
118
+ border-top: 1px solid blue;
119
+ }
120
+
121
+ .bt-light {
122
+ border-top: 1px solid gray;
123
+ }
124
+
125
+ .bt-dark {
126
+ border-top: 1px solid black;
127
+ }
128
+
129
+ .bt-dark {
130
+ border-top: 1px solid white;
131
+ }
132
+
133
+ .bl-red {
134
+ border-left: 1px solid red;
135
+ }
136
+
137
+ .bl-pnk {
138
+ border-left: 1px solid #a30c97;
139
+ }
140
+
141
+ .bl-orn {
142
+ border-left: 1px solid orange;
143
+ }
144
+
145
+ .bl-pri {
146
+ border-left: 1px solid cyan;
147
+ }
148
+
149
+ .bl-info {
150
+ border-left: 1px solid blue;
151
+ }
152
+
153
+ .bl-light {
154
+ border-left: 1px solid gray;
155
+ }
156
+
157
+ .bl-dark {
158
+ border-left: 1px solid black;
159
+ }
160
+
161
+ .bl-dark {
162
+ border-left: 1px solid white;
163
+ }
164
+
165
+ .bb-red {
166
+ border-bottom: 1px solid red;
167
+ }
168
+
169
+ .bb-pnk {
170
+ border-bottom: 1px solid #a30c97;
171
+ }
172
+
173
+ .bb-orn {
174
+ border-bottom: 1px solid orange;
175
+ }
176
+
177
+ .bb-pri {
178
+ border-bottom: 1px solid cyan;
179
+ }
180
+
181
+ .bb-info {
182
+ border-bottom: 1px solid blue;
183
+ }
184
+
185
+ .bb-light {
186
+ border-bottom: 1px solid gray;
187
+ }
188
+
189
+ .bb-dark {
190
+ border-bottom: 1px solid black;
191
+ }
192
+
193
+ .bb-dark {
194
+ border-bottom: 1px solid white;
195
+ }
196
+
197
+ .br-red {
198
+ border-right: 1px solid red;
199
+ }
200
+
201
+ .br-pnk {
202
+ border-right: 1px solid #a30c97;
203
+ }
204
+
205
+ .br-orn {
206
+ border-right: 1px solid orange;
207
+ }
208
+
209
+ .br-pri {
210
+ border-right: 1px solid cyan;
211
+ }
212
+
213
+ .br-info {
214
+ border-right: 1px solid blue;
215
+ }
216
+
217
+ .br-light {
218
+ border-right: 1px solid gray;
219
+ }
220
+
221
+ .br-dark {
222
+ border-right: 1px solid black;
223
+ }
224
+
225
+ .br-dark {
226
+ border-right: 1px solid white;
227
+ }
228
+ /*# sourceMappingURL=border&radius.css.map */
@@ -0,0 +1,72 @@
1
+ .btn {
2
+ font-size: 17px;
3
+ padding: 2% 5% 2% 5%;
4
+ margin: 4px 0 4px 0;
5
+ border-radius: 12px;
6
+ text-align: center;
7
+ text-decoration: none;
8
+ }
9
+
10
+ .btn-warning {
11
+ background-color: orange;
12
+ color: gray;
13
+ }
14
+
15
+ .warning-outline {
16
+ border: 1px solid orange;
17
+ }
18
+
19
+ .btn-success {
20
+ background-color: green;
21
+ color: white;
22
+ }
23
+
24
+ .success-outline {
25
+ border: 1px solid green;
26
+ }
27
+
28
+ .btn-primary {
29
+ background-color: #08c9eb;
30
+ color: white;
31
+ }
32
+
33
+ .primary-outline {
34
+ border: 1px solid #08c9eb;
35
+ }
36
+
37
+ .btn-light {
38
+ background-color: #9e9a9a;
39
+ color: white;
40
+ }
41
+
42
+ .light-outline {
43
+ border: 1px solid #9e9a9a;
44
+ }
45
+
46
+ .btn-dark {
47
+ background-color: #0d0d0e;
48
+ color: white;
49
+ }
50
+
51
+ .dark-outline {
52
+ border: 1px solid black;
53
+ }
54
+
55
+ .btn-danger {
56
+ background-color: #f32207;
57
+ color: white;
58
+ }
59
+
60
+ .danger-outline {
61
+ border: 1px solid #f32207 !important;
62
+ }
63
+
64
+ .btn-pink {
65
+ background-color: #d909f5;
66
+ color: #0d0d0e;
67
+ }
68
+
69
+ .pink-outline {
70
+ border: 1px solid #d909f5;
71
+ }
72
+ /*# sourceMappingURL=buttons.css.map */
@@ -0,0 +1,157 @@
1
+ /* ####### Styles for card ######## */
2
+ .card {
3
+ width: 94%;
4
+ display: -webkit-box;
5
+ display: -ms-flexbox;
6
+ display: flex;
7
+ border: 1px solid #e2dede;
8
+ border-radius: 20px;
9
+ padding: 0 3% 3% 0;
10
+ -webkit-box-shadow: 5px 10px #e9e8e8;
11
+ box-shadow: 5px 10px #e9e8e8;
12
+ }
13
+
14
+ .card .aside {
15
+ display: -webkit-box;
16
+ display: -ms-flexbox;
17
+ display: flex;
18
+ -webkit-box-orient: vertical;
19
+ -webkit-box-direction: normal;
20
+ -ms-flex-direction: column;
21
+ flex-direction: column;
22
+ -webkit-box-align: center;
23
+ -ms-flex-align: center;
24
+ align-items: center;
25
+ margin-left: 0;
26
+ padding-left: 0;
27
+ border: inherit;
28
+ border-top-left-radius: inherit;
29
+ font-family: 'Times New Roman', Times, serif;
30
+ }
31
+
32
+ .card .aside .aside-header {
33
+ margin-top: 0%;
34
+ }
35
+
36
+ .card .aside .aside-body {
37
+ width: 100%;
38
+ display: -webkit-box;
39
+ display: -ms-flexbox;
40
+ display: flex;
41
+ -webkit-box-orient: vertical;
42
+ -webkit-box-direction: normal;
43
+ -ms-flex-direction: column;
44
+ flex-direction: column;
45
+ -webkit-box-pack: space-evenly;
46
+ -ms-flex-pack: space-evenly;
47
+ justify-content: space-evenly;
48
+ -webkit-box-align: center;
49
+ -ms-flex-align: center;
50
+ align-items: center;
51
+ margin-left: 10px;
52
+ padding-left: 0;
53
+ }
54
+
55
+ .card .body {
56
+ display: -webkit-box;
57
+ display: -ms-flexbox;
58
+ display: flex;
59
+ -webkit-box-orient: vertical;
60
+ -webkit-box-direction: normal;
61
+ -ms-flex-direction: column;
62
+ flex-direction: column;
63
+ }
64
+
65
+ .card .body .card-header {
66
+ font-weight: 900;
67
+ text-align: center;
68
+ }
69
+
70
+ .card .body .card-content {
71
+ width: 100%;
72
+ margin-left: 0.9%;
73
+ }
74
+
75
+ .card .body .card-footer {
76
+ display: -webkit-box;
77
+ display: -ms-flexbox;
78
+ display: flex;
79
+ -webkit-box-pack: space-evenly;
80
+ -ms-flex-pack: space-evenly;
81
+ justify-content: space-evenly;
82
+ }
83
+
84
+ .cards {
85
+ width: 100%;
86
+ background-color: #f5eeee;
87
+ color: black;
88
+ border-radius: 10px;
89
+ position: relative;
90
+ height: 100%;
91
+ }
92
+
93
+ .cards .card-header {
94
+ background-color: #bbb8b8;
95
+ width: 100%;
96
+ border-top-left-radius: inherit;
97
+ border-top-right-radius: inherit;
98
+ position: absolute;
99
+ top: 0;
100
+ left: auto;
101
+ height: 20%;
102
+ font-weight: 900;
103
+ -webkit-box-shadow: 0 5px #e7e5e5;
104
+ box-shadow: 0 5px #e7e5e5;
105
+ }
106
+
107
+ .cards .card-header .card-header-content {
108
+ width: -webkit-fit-content;
109
+ width: -moz-fit-content;
110
+ width: fit-content;
111
+ height: 70%;
112
+ margin: auto auto auto auto;
113
+ -webkit-transform: translateY(50%);
114
+ transform: translateY(50%);
115
+ }
116
+
117
+ .cards .card-body {
118
+ margin-left: 3%;
119
+ margin-right: 3%;
120
+ position: absolute;
121
+ top: 22%;
122
+ width: -webkit-fit-content;
123
+ width: -moz-fit-content;
124
+ width: fit-content;
125
+ max-width: inherit;
126
+ height: 63%;
127
+ border-radius: inherit;
128
+ }
129
+
130
+ .cards .card-body .card-body-content {
131
+ width: -webkit-fit-content;
132
+ width: -moz-fit-content;
133
+ width: fit-content;
134
+ margin: auto auto auto auto;
135
+ text-align: center;
136
+ padding: 1%;
137
+ }
138
+
139
+ .cards .card-footer {
140
+ position: absolute;
141
+ bottom: 0;
142
+ height: 13%;
143
+ width: 100%;
144
+ background-color: #e0dede;
145
+ border-bottom-left-radius: inherit;
146
+ border-bottom-right-radius: inherit;
147
+ display: -webkit-box;
148
+ display: -ms-flexbox;
149
+ display: flex;
150
+ }
151
+
152
+ .cards .card-footer .card-footer-content {
153
+ width: auto;
154
+ margin: auto;
155
+ padding: 2% 1% 2% 1%;
156
+ }
157
+ /*# sourceMappingURL=cards.css.map */