spectre_scss 0.4.2.0 → 0.4.3.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 +4 -4
- data/lib/spectre_scss/version.rb +1 -1
- data/vendor/assets/stylesheets/spectre/_accordions.scss +1 -0
- data/vendor/assets/stylesheets/spectre/_avatars.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_buttons.scss +3 -3
- data/vendor/assets/stylesheets/spectre/_empty.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_filters.scss +21 -13
- data/vendor/assets/stylesheets/spectre/_forms.scss +19 -19
- data/vendor/assets/stylesheets/spectre/_icons.scss +4 -655
- data/vendor/assets/stylesheets/spectre/_labels.scss +3 -1
- data/vendor/assets/stylesheets/spectre/_modals.scss +16 -4
- data/vendor/assets/stylesheets/spectre/_tooltips.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_variables.scss +8 -6
- data/vendor/assets/stylesheets/spectre/icons/_icons-action.scss +316 -0
- data/vendor/assets/stylesheets/spectre/icons/_icons-core.scss +47 -0
- data/vendor/assets/stylesheets/spectre/icons/_icons-navigation.scss +133 -0
- data/vendor/assets/stylesheets/spectre/icons/_icons-object.scss +176 -0
- data/vendor/assets/stylesheets/spectre/spectre-icons.scss +4 -1
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a21322a1c1f3732b1ddeb34f86b7b0d587a53bc4
|
4
|
+
data.tar.gz: 529555351cf07d6167362f95635a8e4f4326e7eb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4257b974d3bc94d5b3687e747834ac9d9474c7e7eb715a29f55325b5a506cfbe955c623e47b224592345e572f0e088dfe2b72fcbc0cc6a924cd98cf4add6a25a
|
7
|
+
data.tar.gz: 876f830df1d7e9928cbc8d90aaa468c7ddd582131e55faf2a361d9ce0b6a4c9f3fce69a421569bb9cd62ca2f56070147f7271edb13725875e530835b47590073
|
data/lib/spectre_scss/version.rb
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
height: $control-size;
|
13
13
|
line-height: $line-height;
|
14
14
|
outline: none;
|
15
|
-
padding: $control-padding-
|
15
|
+
padding: $control-padding-y $control-padding-x;
|
16
16
|
text-align: center;
|
17
17
|
text-decoration: none;
|
18
18
|
user-select: none;
|
@@ -90,13 +90,13 @@
|
|
90
90
|
&.btn-sm {
|
91
91
|
font-size: $font-size-sm;
|
92
92
|
height: $control-size-sm;
|
93
|
-
padding: $control-padding-
|
93
|
+
padding: $control-padding-y-sm $control-padding-x-sm;
|
94
94
|
}
|
95
95
|
|
96
96
|
&.btn-lg {
|
97
97
|
font-size: $font-size-lg;
|
98
98
|
height: $control-size-lg;
|
99
|
-
padding: $control-padding-
|
99
|
+
padding: $control-padding-y-lg $control-padding-x-lg;
|
100
100
|
}
|
101
101
|
|
102
102
|
// Button Block
|
@@ -1,4 +1,16 @@
|
|
1
|
-
// Filters
|
1
|
+
// Filters
|
2
|
+
// The number of filter options
|
3
|
+
$filter-number: 8 !default;
|
4
|
+
|
5
|
+
%filter-checked-nav {
|
6
|
+
background: $primary-color;
|
7
|
+
color: $light-color;
|
8
|
+
}
|
9
|
+
|
10
|
+
%filter-checked-body {
|
11
|
+
display: none;
|
12
|
+
}
|
13
|
+
|
2
14
|
.filter {
|
3
15
|
.filter-nav {
|
4
16
|
margin: $layout-spacing 0;
|
@@ -10,20 +22,16 @@
|
|
10
22
|
}
|
11
23
|
|
12
24
|
.filter-tag {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
&#tag-sports:checked ~ .filter-nav .chip[for="tag-sports"] {
|
18
|
-
background: $primary-color;
|
19
|
-
color: $light-color;
|
25
|
+
@for $i from 0 through ($filter-number) {
|
26
|
+
&#tag-#{$i}:checked ~ .filter-nav .chip[for="tag-#{$i}"] {
|
27
|
+
@extend %filter-checked-nav;
|
28
|
+
}
|
20
29
|
}
|
21
30
|
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
display: none;
|
31
|
+
@for $i from 1 through ($filter-number) {
|
32
|
+
&#tag-#{$i}:checked ~ .filter-body .filter-item:not([data-tag~="tag-#{$i}"]) {
|
33
|
+
@extend %filter-checked-body;
|
34
|
+
}
|
27
35
|
}
|
28
36
|
}
|
29
37
|
}
|
@@ -18,14 +18,14 @@ legend {
|
|
18
18
|
// Form element: Label
|
19
19
|
.form-label {
|
20
20
|
display: block;
|
21
|
-
padding: $control-padding-
|
21
|
+
padding: $control-padding-y + $border-width 0;
|
22
22
|
|
23
23
|
&.label-sm {
|
24
|
-
padding: $control-padding-
|
24
|
+
padding: $control-padding-y-sm + $border-width 0;
|
25
25
|
}
|
26
26
|
|
27
27
|
&.label-lg {
|
28
|
-
padding: $control-padding-
|
28
|
+
padding: $control-padding-y-lg + $border-width 0;
|
29
29
|
}
|
30
30
|
}
|
31
31
|
|
@@ -44,7 +44,7 @@ legend {
|
|
44
44
|
line-height: $line-height;
|
45
45
|
max-width: 100%;
|
46
46
|
outline: none;
|
47
|
-
padding: $control-padding-
|
47
|
+
padding: $control-padding-y $control-padding-x;
|
48
48
|
position: relative;
|
49
49
|
width: 100%;
|
50
50
|
&:focus {
|
@@ -59,13 +59,13 @@ legend {
|
|
59
59
|
&.input-sm {
|
60
60
|
font-size: $font-size-sm;
|
61
61
|
height: $control-size-sm;
|
62
|
-
padding: $control-padding-
|
62
|
+
padding: $control-padding-y-sm $control-padding-x-sm;
|
63
63
|
}
|
64
64
|
|
65
65
|
&.input-lg {
|
66
66
|
font-size: $font-size-lg;
|
67
67
|
height: $control-size-lg;
|
68
|
-
padding: $control-padding-
|
68
|
+
padding: $control-padding-y-lg $control-padding-x-lg;
|
69
69
|
}
|
70
70
|
|
71
71
|
&.input-inline {
|
@@ -112,7 +112,7 @@ textarea.form-input {
|
|
112
112
|
height: $control-size;
|
113
113
|
line-height: $line-height;
|
114
114
|
outline: none;
|
115
|
-
padding: $control-padding-
|
115
|
+
padding: $control-padding-y $control-padding-x;
|
116
116
|
vertical-align: middle;
|
117
117
|
width: 100%;
|
118
118
|
|
@@ -125,8 +125,8 @@ textarea.form-input {
|
|
125
125
|
}
|
126
126
|
}
|
127
127
|
&:not([multiple]):not([size]) {
|
128
|
-
background:
|
129
|
-
padding-right: $control-icon-size + $control-padding-
|
128
|
+
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
|
129
|
+
padding-right: $control-icon-size + $control-padding-x;
|
130
130
|
}
|
131
131
|
&:focus {
|
132
132
|
@include control-shadow();
|
@@ -140,13 +140,13 @@ textarea.form-input {
|
|
140
140
|
&.select-sm {
|
141
141
|
font-size: $font-size-sm;
|
142
142
|
height: $control-size-sm;
|
143
|
-
padding: $control-padding-
|
143
|
+
padding: $control-padding-y-sm ($control-icon-size + $control-padding-x-sm) $control-padding-y-sm $control-padding-x-sm;
|
144
144
|
}
|
145
145
|
|
146
146
|
&.select-lg {
|
147
147
|
font-size: $font-size-lg;
|
148
148
|
height: $control-size-lg;
|
149
|
-
padding: $control-padding-
|
149
|
+
padding: $control-padding-y-lg ($control-icon-size + $control-padding-x-lg) $control-padding-y-lg $control-padding-x-lg;
|
150
150
|
}
|
151
151
|
}
|
152
152
|
|
@@ -157,7 +157,7 @@ textarea.form-input {
|
|
157
157
|
|
158
158
|
.form-icon {
|
159
159
|
height: $control-icon-size;
|
160
|
-
margin: 0 $control-padding-
|
160
|
+
margin: 0 $control-padding-y;
|
161
161
|
position: absolute;
|
162
162
|
top: 50%;
|
163
163
|
transform: translateY(-50%);
|
@@ -171,7 +171,7 @@ textarea.form-input {
|
|
171
171
|
}
|
172
172
|
|
173
173
|
.form-input {
|
174
|
-
padding-left: $control-icon-size + $control-padding-
|
174
|
+
padding-left: $control-icon-size + $control-padding-y * 2;
|
175
175
|
}
|
176
176
|
}
|
177
177
|
|
@@ -181,7 +181,7 @@ textarea.form-input {
|
|
181
181
|
}
|
182
182
|
|
183
183
|
.form-input {
|
184
|
-
padding-right: $control-icon-size + $control-padding-
|
184
|
+
padding-right: $control-icon-size + $control-padding-y * 2;
|
185
185
|
}
|
186
186
|
}
|
187
187
|
|
@@ -191,7 +191,7 @@ textarea.form-input {
|
|
191
191
|
.form-switch {
|
192
192
|
display: inline-block;
|
193
193
|
line-height: $line-height;
|
194
|
-
padding: (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-
|
194
|
+
padding: (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
|
195
195
|
position: relative;
|
196
196
|
|
197
197
|
input {
|
@@ -301,7 +301,7 @@ textarea.form-input {
|
|
301
301
|
|
302
302
|
// Form element: Switch
|
303
303
|
.form-switch {
|
304
|
-
padding-left: ($unit-8 + $control-padding-
|
304
|
+
padding-left: ($unit-8 + $control-padding-x);
|
305
305
|
|
306
306
|
.form-icon {
|
307
307
|
background: $gray-color-light;
|
@@ -348,15 +348,15 @@ textarea.form-input {
|
|
348
348
|
border: $border-width solid $border-color-dark;
|
349
349
|
border-radius: $border-radius;
|
350
350
|
line-height: $line-height;
|
351
|
-
padding: $control-padding-
|
351
|
+
padding: $control-padding-y $control-padding-x;
|
352
352
|
|
353
353
|
&.addon-sm {
|
354
354
|
font-size: $font-size-sm;
|
355
|
-
padding: $control-padding-
|
355
|
+
padding: $control-padding-y-sm $control-padding-x-sm;
|
356
356
|
}
|
357
357
|
&.addon-lg {
|
358
358
|
font-size: $font-size-lg;
|
359
|
-
padding: $control-padding-
|
359
|
+
padding: $control-padding-y-lg $control-padding-x-lg;
|
360
360
|
}
|
361
361
|
}
|
362
362
|
|