spectre_scss 0.5.6.0 → 0.5.7.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/_carousels.scss +22 -12
- data/vendor/assets/stylesheets/spectre/_forms.scss +5 -1
- data/vendor/assets/stylesheets/spectre/_variables.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_viewer-360.scss +33 -0
- data/vendor/assets/stylesheets/spectre/spectre-exp.scss +1 -0
- metadata +2 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 18ae02868114294ab82685941aa157d2a14ff4fa346669febb1eff517a9f82d9
|
4
|
+
data.tar.gz: 8590e8d6013b41c8b2c5c0d1076a0121c626e647ce0fe178f9b012f4b6925a21
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f64132a4e3d5e8ac51b1281fd601eefc2252689962db5bee5ddb0fdb550ab3f591c9e66b4250999623dade76f804535b0ee97a9b2668388fe5dd41c99c089399
|
7
|
+
data.tar.gz: c57c8f7c297d47b8e6576668812567016be280615aedd9fe3d44d198c6228a71ae5bb6f6d2f70fa00fcfccf547af971c368922df9888e6a9c3b702e243a4aab6
|
data/lib/spectre_scss/version.rb
CHANGED
@@ -1,4 +1,17 @@
|
|
1
1
|
// Carousels
|
2
|
+
// The number of carousel images
|
3
|
+
$carousel-number: 8;
|
4
|
+
|
5
|
+
%carousel-image-checked {
|
6
|
+
animation: carousel-slidein .75s ease-in-out 1;
|
7
|
+
opacity: 1;
|
8
|
+
z-index: $zindex-1;
|
9
|
+
}
|
10
|
+
|
11
|
+
%carousel-nav-checked {
|
12
|
+
color: $gray-color-light;
|
13
|
+
}
|
14
|
+
|
2
15
|
.carousel {
|
3
16
|
background: $bg-color;
|
4
17
|
display: block;
|
@@ -57,19 +70,16 @@
|
|
57
70
|
}
|
58
71
|
|
59
72
|
.carousel-locator {
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
animation: carousel-slidein .75s ease-in-out 1;
|
65
|
-
opacity: 1;
|
66
|
-
z-index: $zindex-1;
|
73
|
+
@for $i from 1 through ($carousel-number) {
|
74
|
+
&:nth-of-type(#{$i}):checked ~ .carousel-container .carousel-item:nth-of-type(#{$i}) {
|
75
|
+
@extend %carousel-image-checked;
|
76
|
+
}
|
67
77
|
}
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
78
|
+
|
79
|
+
@for $i from 1 through ($carousel-number) {
|
80
|
+
&:nth-of-type(#{$i}):checked ~ .carousel-nav .nav-item:nth-of-type(#{$i}) {
|
81
|
+
@extend %carousel-nav-checked;
|
82
|
+
}
|
73
83
|
}
|
74
84
|
}
|
75
85
|
|
@@ -0,0 +1,33 @@
|
|
1
|
+
// 360 Degree Viewer
|
2
|
+
// The number of images
|
3
|
+
$image-height: 9rem;
|
4
|
+
$image-number: 36 !default;
|
5
|
+
$image-width: 24rem;
|
6
|
+
|
7
|
+
.viewer-360 {
|
8
|
+
align-items: center;
|
9
|
+
display: flex;
|
10
|
+
flex-direction: column;
|
11
|
+
|
12
|
+
@for $s from 1 through ($image-number) {
|
13
|
+
.viewer-slider[value='#{$s}'] + .viewer-image {
|
14
|
+
background-position-y: percentage((($s)-1) * 1/(($image-number)-1));
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
.viewer-slider {
|
19
|
+
cursor: ew-resize;
|
20
|
+
margin: 1rem;
|
21
|
+
order: 2;
|
22
|
+
width: 60%;
|
23
|
+
}
|
24
|
+
|
25
|
+
.viewer-image {
|
26
|
+
background-position-y: 0;
|
27
|
+
background-repeat: no-repeat;
|
28
|
+
background-size: 100%;
|
29
|
+
height: $image-height;
|
30
|
+
order: 1;
|
31
|
+
width: $image-width;
|
32
|
+
}
|
33
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
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.7.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Zoran
|
@@ -121,6 +121,7 @@ files:
|
|
121
121
|
- vendor/assets/stylesheets/spectre/_typography.scss
|
122
122
|
- vendor/assets/stylesheets/spectre/_utilities.scss
|
123
123
|
- vendor/assets/stylesheets/spectre/_variables.scss
|
124
|
+
- vendor/assets/stylesheets/spectre/_viewer-360.scss
|
124
125
|
- vendor/assets/stylesheets/spectre/icons/_icons-action.scss
|
125
126
|
- vendor/assets/stylesheets/spectre/icons/_icons-core.scss
|
126
127
|
- vendor/assets/stylesheets/spectre/icons/_icons-navigation.scss
|