From 3f73a923a0863aa6b62216e5702ab4ec41c2ff77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Checa?= Date: Tue, 20 Sep 2016 15:31:21 +0200 Subject: [PATCH] Removed slider component This component is no longer used in the builder as it has been replaced by a new JS component. --- src/scss/cdb-components/forms/sliders.scss | 143 --------------------- 1 file changed, 143 deletions(-) delete mode 100644 src/scss/cdb-components/forms/sliders.scss diff --git a/src/scss/cdb-components/forms/sliders.scss b/src/scss/cdb-components/forms/sliders.scss deleted file mode 100644 index 9b76b2b..0000000 --- a/src/scss/cdb-components/forms/sliders.scss +++ /dev/null @@ -1,143 +0,0 @@ -// Sliders styles -// ---------------------------------------------- - -/* SG -# Forms/Sliders - -``` - -``` -*/ - -@import '../../cdb-variables/sizes'; -@import '../../cdb-variables/colors'; - -.CDB-Range { - -webkit-appearance: none; - -moz-appearance: none; - position: relative; - width: 100%; - margin: -4px 0 0; - padding: 0 6px; - border: 0; - background: transparent; - cursor: pointer; - overflow: hidden; - vertical-align: middle; - - &:focus { - outline: 0; - } -} - -.CDB-Range::-webkit-slider-runnable-track { - height: $baseSize / 4; - margin: $baseSize 0; - border-radius: $baseSize / 2; - background: $cMainLine; -} - -.CDB-Range::-webkit-slider-thumb { - position: relative; - width: $baseSize / 2; - height: 100%; - border-radius: $baseSize / 2; - - &::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: -3000px; - height: $baseSize / 4; - border-radius: $baseSize / 2; - background: $cBlue; - content: ''; - } - - &::after { - position: absolute; - top: -6px; - right: -6px; - left: -6px; - width: $baseSize + 4; - height: $baseSize + 4; - border: 1px solid $cBlue; - border-radius: 50%; - background: $cWhite; - content: ''; - z-index: 1; - } - - &:focus, - &:hover { - &::after { - cursor: pointer; - } - } - - &:disabled { - &::before, - &::after { - opacity: 0.2; - } - } -} - -.CDB-Range::-moz-range-track { - height: $baseSize / 4; - margin: $baseSize 0; - border: 0; - border-radius: $baseSize / 2; - outline: none; - background: $cMainLine; -} - -.CDB-Range::-moz-range-thumb { - position: absolute; - top: -6px; - right: -6px; - left: -6px; - width: $baseSize + 4; - height: $baseSize + 4; - border: 1px solid $cBlue; - border-radius: 50%; - background: $cWhite; - content: ''; - z-index: 1; -} - -.CDB-Range::-moz-range-progress { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: -3000px; - height: $baseSize / 4; - border-radius: $baseSize / 2; - background: $cBlue; - content: ''; -} - -.CDB-Range::-ms-track { - height: $baseSize / 4; - margin: $baseSize 0; - border: transparent; - border-radius: $baseSize / 2; - background: $cMainLine; - color: transparent; -} - -.CDB-Range::-ms-thumb { - position: absolute; - top: -6px; - right: -6px; - left: -6px; - width: $baseSize + 4; - height: $baseSize + 4; - border: 1px solid $cBlue; - border-radius: 50%; - background: $cWhite; - content: ''; - z-index: 1; -}