beyond-rails 0.0.160 → 0.0.161
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/src/sass/_beyond.scss +1 -0
- data/src/sass/components/_switch.scss +53 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 30832a50b2aae162b82541dd7b09432f178fa5496dffc9a3c3a04ed5078952a8
|
4
|
+
data.tar.gz: 7fcb4b5aede8e9c84a70aec2efc5590dfbfb77ae8beb2743740c7acaf13ef82c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ad3f7e21ca7724066401c49d0c452b64b58806fcbcb3cdea1fb3357de53221d323b68a1647a0561e766b236784d9eb0aa656b56c07849ec46ab1b8aaf487ff29
|
7
|
+
data.tar.gz: 40e5335b608f18f801589edad7fab6a33212717d9505d50cabf6cded57d0369e24d23ebae433fe6fe7737ee5f2b0550c450ff3c58a368ff72da404464dca26f8
|
data/src/sass/_beyond.scss
CHANGED
@@ -0,0 +1,53 @@
|
|
1
|
+
.form-switch {
|
2
|
+
color: #3c4257;
|
3
|
+
cursor: pointer;
|
4
|
+
margin-bottom: 1rem;
|
5
|
+
font-size: 14px;
|
6
|
+
display: block;
|
7
|
+
.switch-wrap + span {
|
8
|
+
vertical-align: top;
|
9
|
+
margin-left: 7px;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
.switch-wrap {
|
13
|
+
display: inline-block;
|
14
|
+
position: relative;
|
15
|
+
input[type="checkbox"] {
|
16
|
+
position: absolute;
|
17
|
+
cursor: pointer;
|
18
|
+
opacity: 0;
|
19
|
+
width: 38px;
|
20
|
+
height: 20px;
|
21
|
+
&:checked + .switch {
|
22
|
+
background-color: #cfd1e2;
|
23
|
+
&:after {
|
24
|
+
background-color: #60659d;
|
25
|
+
right: -1px;
|
26
|
+
left: initial;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
&.focus input[type="checkbox"] + .switch:after {
|
31
|
+
box-shadow: 0 0 0 3px $bg-outline;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
.switch {
|
35
|
+
transition: .3s all;
|
36
|
+
width: 38px;
|
37
|
+
height: 20px;
|
38
|
+
position: relative;
|
39
|
+
display: inline-block;
|
40
|
+
background-color: #e2e2e2;
|
41
|
+
border-radius: 20px;
|
42
|
+
&:after {
|
43
|
+
transition: .3s all;
|
44
|
+
position: absolute;
|
45
|
+
content: '';
|
46
|
+
display: block;
|
47
|
+
background-color: #a3a3a3;
|
48
|
+
@include size(25px);
|
49
|
+
left: -1px;
|
50
|
+
top: -2px;
|
51
|
+
border-radius: 100%;
|
52
|
+
}
|
53
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: beyond-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.161
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- kmsheng
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-05-
|
12
|
+
date: 2020-05-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sassc
|
@@ -189,6 +189,7 @@ files:
|
|
189
189
|
- src/sass/components/_select.scss
|
190
190
|
- src/sass/components/_sidebar.scss
|
191
191
|
- src/sass/components/_spinner.scss
|
192
|
+
- src/sass/components/_switch.scss
|
192
193
|
- src/sass/components/_tabbox.scss
|
193
194
|
- src/sass/components/_table.scss
|
194
195
|
- src/sass/components/_tag.scss
|