spectre_scss 0.5.7.0 → 0.5.8.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|