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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 18ae02868114294ab82685941aa157d2a14ff4fa346669febb1eff517a9f82d9
4
- data.tar.gz: 8590e8d6013b41c8b2c5c0d1076a0121c626e647ce0fe178f9b012f4b6925a21
3
+ metadata.gz: 3a2a1b78938a3ef3bd20462be191890e09934d014da1c9913c7883665352e981
4
+ data.tar.gz: e00fec47b168461fe5591fa1b8254ba2e117afa1b64cf0223dd063c4daef9b16
5
5
  SHA512:
6
- metadata.gz: f64132a4e3d5e8ac51b1281fd601eefc2252689962db5bee5ddb0fdb550ab3f591c9e66b4250999623dade76f804535b0ee97a9b2668388fe5dd41c99c089399
7
- data.tar.gz: c57c8f7c297d47b8e6576668812567016be280615aedd9fe3d44d198c6228a71ae5bb6f6d2f70fa00fcfccf547af971c368922df9888e6a9c3b702e243a4aab6
6
+ metadata.gz: 9cc4c10e101bbb3f98bfa683539b173a745c00cb8a34b55c34fe9f0afb7674860830c57d6f6151e5309fbc075ef05ffbd62ad7724c2d56c8751724a269b04d26
7
+ data.tar.gz: 6ab7810ff02a0dd02d536902d965ccfd75fa064a49991015fcba8eac65afd724d720e978ef58ac558d6001c4b083d5d2bb9bdb91eba934ccaa7ae6622269dc4f
@@ -1,3 +1,3 @@
1
1
  module SpectreScss
2
- VERSION = '0.5.7.0'
2
+ VERSION = '0.5.8.0'
3
3
  end
@@ -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: 1.2rem;
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
- float: right;
56
- padding: $unit-1 0;
55
+ align-items: center;
56
+ display: flex;
57
+ height: 100%;
58
+ position: absolute;
59
+ right: 0;
60
+ top: 0;
57
61
 
58
- .btn {
59
- margin-top: -$unit-h;
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.7";
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
- .viewer-360 {
8
- align-items: center;
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
- height: $image-height;
31
+ max-width: 100%;
30
32
  order: 1;
31
- width: $image-width;
32
33
  }
33
- }
34
+ }
@@ -1,7 +1,7 @@
1
1
  // Label base style
2
2
  @mixin label-base() {
3
3
  border-radius: $border-radius;
4
- line-height: 1.2;
4
+ line-height: 1.25;
5
5
  padding: .1rem .2rem;
6
6
  }
7
7
 
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .divider {
19
- border-top: $border-width solid $border-color;
19
+ border-top: $border-width solid $border-color-light;
20
20
  height: $border-width;
21
21
  margin: $unit-2 0;
22
22
 
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.7.0
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: 2018-11-29 00:00:00.000000000 Z
11
+ date: 2019-01-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler