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 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