|
|
|
@ -69,12 +69,7 @@ $background-color: #e6e7e8 !default; |
|
|
|
|
|
|
|
color: #424242; |
|
|
|
cursor: pointer; |
|
|
|
-pie-background: -pie-linear-gradient(270deg, #bbb, #ddd); |
|
|
|
background: #ddd; |
|
|
|
background: -owg-linear-gradient(270deg, #bbb, #ddd); |
|
|
|
background: -webkit-linear-gradient(270deg, #bbb, #ddd); |
|
|
|
background: -moz-linear-gradient(270deg, #bbb, #ddd); |
|
|
|
background: -o-linear-gradient(270deg, #bbb, #ddd); |
|
|
|
background: linear-gradient(180deg, #bbb, #ddd); |
|
|
|
border-radius: 130px; |
|
|
|
|
|
|
|
@ -141,10 +136,6 @@ $background-color: #e6e7e8 !default; |
|
|
|
padding: 4px 4px; |
|
|
|
cursor: pointer; |
|
|
|
background-color: #888787; |
|
|
|
background-image: -owg-linear-gradient(0deg, transparent 30%, transparent 70%), -owg-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
|
|
|
background-image: -webkit-linear-gradient(0deg, transparent 30%, transparent 70%), -webkit-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
|
|
|
background-image: -moz-linear-gradient(0deg, transparent 30%, transparent 70%), -moz-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
|
|
|
background-image: -o-linear-gradient(0deg, transparent 30%, transparent 70%), -o-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
|
|
|
background-image: linear-gradient(-90deg, transparent 30%, transparent 70%), linear-gradient(0deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
|
|
|
border-radius: 105px; |
|
|
|
|
|
|
|
@ -181,10 +172,6 @@ $background-color: #e6e7e8 !default; |
|
|
|
input:checked + .back .but{ |
|
|
|
margin-top: 20px; |
|
|
|
background: #dcdcdc; |
|
|
|
background-image: -owg-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); |
|
|
|
background-image: -webkit-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); |
|
|
|
background-image: -moz-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); |
|
|
|
background-image: -o-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); |
|
|
|
background-image: radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); |
|
|
|
border-radius: 400px 400px 400px 400px / 300px 300px 400px 400px; |
|
|
|
|
|
|
|
@ -199,10 +186,6 @@ $background-color: #e6e7e8 !default; |
|
|
|
input:checked + .back{ |
|
|
|
padding: 2px 4px; |
|
|
|
|
|
|
|
background-image: -owg-linear-gradient(90deg, #868686 30%, transparent 70%), -owg-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); |
|
|
|
background-image: -webkit-linear-gradient(90deg, #868686 30%, transparent 70%), -webkit-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); |
|
|
|
background-image: -moz-linear-gradient(90deg, #868686 30%, transparent 70%), -moz-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); |
|
|
|
background-image: -o-linear-gradient(90deg, #868686 30%, transparent 70%), -o-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); |
|
|
|
background-image: linear-gradient(0deg, #868686 30%, transparent 70%), linear-gradient(90deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); |
|
|
|
|
|
|
|
@include box-shadow(30px 30px 30px -20px rgba(49, 49, 49, .1), |
|
|
|
|