spectre_scss 0.5.7.0 → 0.5.8.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/_forms.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_layout.scss +27 -6
- data/vendor/assets/stylesheets/spectre/_menus.scss +10 -6
- data/vendor/assets/stylesheets/spectre/_variables.scss +2 -1
- data/vendor/assets/stylesheets/spectre/_viewer-360.scss +14 -13
- data/vendor/assets/stylesheets/spectre/mixins/_label.scss +1 -1
- data/vendor/assets/stylesheets/spectre/utilities/_divider.scss +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3a2a1b78938a3ef3bd20462be191890e09934d014da1c9913c7883665352e981
|
4
|
+
data.tar.gz: e00fec47b168461fe5591fa1b8254ba2e117afa1b64cf0223dd063c4daef9b16
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9cc4c10e101bbb3f98bfa683539b173a745c00cb8a34b55c34fe9f0afb7674860830c57d6f6151e5309fbc075ef05ffbd62ad7724c2d56c8751724a269b04d26
|
7
|
+
data.tar.gz: 6ab7810ff02a0dd02d536902d965ccfd75fa064a49991015fcba8eac65afd724d720e978ef58ac558d6001c4b083d5d2bb9bdb91eba934ccaa7ae6622269dc4f
|
data/lib/spectre_scss/version.rb
CHANGED
@@ -203,7 +203,7 @@ textarea.form-input {
|
|
203
203
|
display: block;
|
204
204
|
line-height: $line-height;
|
205
205
|
margin: ($control-size - $control-size-sm) / 2 0;
|
206
|
-
min-height:
|
206
|
+
min-height: $control-size-sm;
|
207
207
|
padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
|
208
208
|
position: relative;
|
209
209
|
|
@@ -76,7 +76,8 @@
|
|
76
76
|
&.col-4,
|
77
77
|
&.col-3,
|
78
78
|
&.col-2,
|
79
|
-
&.col-1
|
79
|
+
&.col-1,
|
80
|
+
&.col-auto {
|
80
81
|
flex: none;
|
81
82
|
}
|
82
83
|
}
|
@@ -143,7 +144,8 @@
|
|
143
144
|
.col-xl-4,
|
144
145
|
.col-xl-3,
|
145
146
|
.col-xl-2,
|
146
|
-
.col-xl-1
|
147
|
+
.col-xl-1,
|
148
|
+
.col-xl-auto {
|
147
149
|
flex: none;
|
148
150
|
}
|
149
151
|
.col-xl-12 {
|
@@ -182,6 +184,9 @@
|
|
182
184
|
.col-xl-1 {
|
183
185
|
width: 8.33333333%;
|
184
186
|
}
|
187
|
+
.col-xl-auto {
|
188
|
+
width: auto;
|
189
|
+
}
|
185
190
|
.hide-xl {
|
186
191
|
display: none !important;
|
187
192
|
}
|
@@ -201,7 +206,8 @@
|
|
201
206
|
.col-lg-4,
|
202
207
|
.col-lg-3,
|
203
208
|
.col-lg-2,
|
204
|
-
.col-lg-1
|
209
|
+
.col-lg-1,
|
210
|
+
.col-lg-auto {
|
205
211
|
flex: none;
|
206
212
|
}
|
207
213
|
.col-lg-12 {
|
@@ -240,6 +246,9 @@
|
|
240
246
|
.col-lg-1 {
|
241
247
|
width: 8.33333333%;
|
242
248
|
}
|
249
|
+
.col-lg-auto {
|
250
|
+
width: auto;
|
251
|
+
}
|
243
252
|
.hide-lg {
|
244
253
|
display: none !important;
|
245
254
|
}
|
@@ -259,7 +268,8 @@
|
|
259
268
|
.col-md-4,
|
260
269
|
.col-md-3,
|
261
270
|
.col-md-2,
|
262
|
-
.col-md-1
|
271
|
+
.col-md-1,
|
272
|
+
.col-md-auto {
|
263
273
|
flex: none;
|
264
274
|
}
|
265
275
|
.col-md-12 {
|
@@ -298,6 +308,9 @@
|
|
298
308
|
.col-md-1 {
|
299
309
|
width: 8.33333333%;
|
300
310
|
}
|
311
|
+
.col-md-auto {
|
312
|
+
width: auto;
|
313
|
+
}
|
301
314
|
.hide-md {
|
302
315
|
display: none !important;
|
303
316
|
}
|
@@ -317,7 +330,8 @@
|
|
317
330
|
.col-sm-4,
|
318
331
|
.col-sm-3,
|
319
332
|
.col-sm-2,
|
320
|
-
.col-sm-1
|
333
|
+
.col-sm-1,
|
334
|
+
.col-sm-auto {
|
321
335
|
flex: none;
|
322
336
|
}
|
323
337
|
.col-sm-12 {
|
@@ -356,6 +370,9 @@
|
|
356
370
|
.col-sm-1 {
|
357
371
|
width: 8.33333333%;
|
358
372
|
}
|
373
|
+
.col-sm-auto {
|
374
|
+
width: auto;
|
375
|
+
}
|
359
376
|
.hide-sm {
|
360
377
|
display: none !important;
|
361
378
|
}
|
@@ -375,7 +392,8 @@
|
|
375
392
|
.col-xs-4,
|
376
393
|
.col-xs-3,
|
377
394
|
.col-xs-2,
|
378
|
-
.col-xs-1
|
395
|
+
.col-xs-1,
|
396
|
+
.col-xs-auto {
|
379
397
|
flex: none;
|
380
398
|
}
|
381
399
|
.col-xs-12 {
|
@@ -414,6 +432,9 @@
|
|
414
432
|
.col-xs-1 {
|
415
433
|
width: 8.33333333%;
|
416
434
|
}
|
435
|
+
.col-xs-auto {
|
436
|
+
width: auto;
|
437
|
+
}
|
417
438
|
.hide-xs {
|
418
439
|
display: none !important;
|
419
440
|
}
|
@@ -18,8 +18,8 @@
|
|
18
18
|
.menu-item {
|
19
19
|
margin-top: 0;
|
20
20
|
padding: 0 $unit-2;
|
21
|
+
position: relative;
|
21
22
|
text-decoration: none;
|
22
|
-
user-select: none;
|
23
23
|
|
24
24
|
& > a {
|
25
25
|
border-radius: $border-radius;
|
@@ -52,11 +52,15 @@
|
|
52
52
|
}
|
53
53
|
|
54
54
|
.menu-badge {
|
55
|
-
|
56
|
-
|
55
|
+
align-items: center;
|
56
|
+
display: flex;
|
57
|
+
height: 100%;
|
58
|
+
position: absolute;
|
59
|
+
right: 0;
|
60
|
+
top: 0;
|
57
61
|
|
58
|
-
.
|
59
|
-
margin-
|
62
|
+
.label {
|
63
|
+
margin-right: $unit-2;
|
60
64
|
}
|
61
65
|
}
|
62
|
-
}
|
66
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
// Core variables
|
2
|
-
$version: "0.5.
|
2
|
+
$version: "0.5.8";
|
3
3
|
|
4
4
|
// Core features
|
5
5
|
$rtl: false !default;
|
@@ -21,6 +21,7 @@ $gray-color-light: lighten($gray-color, 20%) !default;
|
|
21
21
|
|
22
22
|
$border-color: lighten($dark-color, 65%) !default;
|
23
23
|
$border-color-dark: darken($border-color, 10%) !default;
|
24
|
+
$border-color-light: lighten($border-color, 8%) !default;
|
24
25
|
$bg-color: lighten($dark-color, 75%) !default;
|
25
26
|
$bg-color-dark: darken($bg-color, 3%) !default;
|
26
27
|
$bg-color-light: $light-color !default;
|
@@ -1,19 +1,21 @@
|
|
1
1
|
// 360 Degree Viewer
|
2
|
-
// The number of images
|
3
|
-
$image-height: 9rem;
|
4
|
-
$image-number: 36 !default;
|
5
|
-
$image-width: 24rem;
|
6
2
|
|
7
|
-
|
8
|
-
|
9
|
-
display: flex;
|
10
|
-
flex-direction: column;
|
11
|
-
|
3
|
+
// Mixin: Viewer slider sizes
|
4
|
+
@mixin viewer-slider-size($image-number: 36) {
|
12
5
|
@for $s from 1 through ($image-number) {
|
13
|
-
.viewer-slider[value='#{$s}'] + .viewer-image {
|
6
|
+
.viewer-slider[max='#{$image-number}'][value='#{$s}'] + .viewer-image {
|
14
7
|
background-position-y: percentage((($s)-1) * 1/(($image-number)-1));
|
15
8
|
}
|
16
9
|
}
|
10
|
+
}
|
11
|
+
|
12
|
+
.viewer-360 {
|
13
|
+
align-items: center;
|
14
|
+
display: flex;
|
15
|
+
flex-direction: column;
|
16
|
+
|
17
|
+
// Copy and add more numbers if you need
|
18
|
+
@include viewer-slider-size(36);
|
17
19
|
|
18
20
|
.viewer-slider {
|
19
21
|
cursor: ew-resize;
|
@@ -26,8 +28,7 @@ $image-width: 24rem;
|
|
26
28
|
background-position-y: 0;
|
27
29
|
background-repeat: no-repeat;
|
28
30
|
background-size: 100%;
|
29
|
-
|
31
|
+
max-width: 100%;
|
30
32
|
order: 1;
|
31
|
-
width: $image-width;
|
32
33
|
}
|
33
|
-
}
|
34
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: spectre_scss
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.8.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Zoran
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2019-01-02 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|