From 0e198c9fcc5ab3f842dceb33ab45b5b0bb928140 Mon Sep 17 00:00:00 2001 From: Phreshhh Date: Thu, 31 Jan 2019 20:44:57 +0100 Subject: [PATCH] Switch components - stylelint fix 4 :) OMG alphabetical.. - Why?! lol --- src/components/_forms.scss | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/src/components/_forms.scss b/src/components/_forms.scss index b09b5b4..51837ba 100644 --- a/src/components/_forms.scss +++ b/src/components/_forms.scss @@ -161,17 +161,17 @@ select { } .paper-switch-slider { - cursor: pointer; bottom: 0; - top: 0; + cursor: pointer; left: 0; + top: 0; border: 2px solid $primary; border-top-left-radius: 255px 15px; - position: absolute; - right: 0; border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-right-radius: 15px 225px; + position: absolute; + right: 0; transition: 0.4s; &::before { @@ -262,12 +262,11 @@ select { height: 80px; margin: 40px 0 0 40px; perspective: 1000px; - width: 80px; cursor: pointer; - transform-style: preserve-3d; position: relative; + transform-style: preserve-3d; transform: translate(-50%, -50%); - + width: 80px; &:hover { .paper-switch-tile-card { box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2); @@ -298,16 +297,16 @@ select { border-color: transparent; height: 100%; position: relative; - width: 100%; transform-style: preserve-3d; transition: all 600ms; + width: 100%; div { backface-visibility: hidden; - line-height: 70px; - height: 100%; - text-align: center; box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); + height: 100%; + line-height: 70px; + text-align: center; position: absolute; width: 100%; }