deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-29 02:40:02 +02:00
Code Issues Projects Releases Wiki Activity

Switch components - stylelint fix 4 :) OMG alphabetical.. - Why?! lol

Browse source
This commit is contained in:
Phreshhh 2019-01-31 20:44:57 +01:00 committed by Rhyne Vlaservich
parent 262db03fe0
commit 0e198c9fcc
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/_forms.scss
View file

@ -161,17 +161,17 @@ select {
} }
.paper-switch-slider { .paper-switch-slider {
cursor: pointer;
bottom: 0; bottom: 0;
top: 0; cursor: pointer;
left: 0; left: 0;
top: 0;
border: 2px solid $primary; border: 2px solid $primary;
border-top-left-radius: 255px 15px; border-top-left-radius: 255px 15px;
position: absolute;
right: 0;
border-bottom-left-radius: 15px 255px; border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px; border-bottom-right-radius: 225px 15px;
border-top-right-radius: 15px 225px; border-top-right-radius: 15px 225px;
position: absolute;
right: 0;
transition: 0.4s; transition: 0.4s;
&::before { &::before {
@ -262,12 +262,11 @@ select {
height: 80px; height: 80px;
margin: 40px 0 0 40px; margin: 40px 0 0 40px;
perspective: 1000px; perspective: 1000px;
width: 80px;
cursor: pointer; cursor: pointer;
transform-style: preserve-3d;
position: relative; position: relative;
transform-style: preserve-3d;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 80px;
&:hover { &:hover {
.paper-switch-tile-card { .paper-switch-tile-card {
box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2); box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2);
@ -298,16 +297,16 @@ select {
border-color: transparent; border-color: transparent;
height: 100%; height: 100%;
position: relative; position: relative;
width: 100%;
transform-style: preserve-3d; transform-style: preserve-3d;
transition: all 600ms; transition: all 600ms;
width: 100%;
div { div {
backface-visibility: hidden; backface-visibility: hidden;
line-height: 70px;
height: 100%;
text-align: center;
box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
height: 100%;
line-height: 70px;
text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
} }