From e78b3c34348f26d40a813612c5a3786f1c56607a Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 29 Aug 2017 18:07:53 +0800 Subject: Initial SASS build --- src/bars.less | 71 ----------------------------------------------------------- 1 file changed, 71 deletions(-) delete mode 100644 src/bars.less (limited to 'src/bars.less') diff --git a/src/bars.less b/src/bars.less deleted file mode 100644 index 4c3824a..0000000 --- a/src/bars.less +++ /dev/null @@ -1,71 +0,0 @@ -// Bars -.bar { - background: @bg-color-dark; - border-radius: @border-radius; - display: flex; - flex-wrap: nowrap; - height: @unit-4; - width: 100%; - - &.bar-sm { - height: @unit-1; - } - - // TODO: attr() support - .bar-item { - background: @primary-color; - color: @light-color; - display: block; - font-size: @font-size-sm; - flex-shrink: 0; - line-height: @unit-4; - height: 100%; - position: relative; - text-align: center; - width: 0; - - &:first-child { - border-bottom-left-radius: @border-radius; - border-top-left-radius: @border-radius; - } - &:last-child { - border-bottom-right-radius: @border-radius; - border-top-right-radius: @border-radius; - flex-shrink: 1; - } - } -} - -// Slider bar -.bar-slider { - height: @border-width-lg; - margin: @layout-spacing 0; - position: relative; - - .bar-item { - left: 0; - padding: 0; - position: absolute; - &:not(:last-child):first-child { - background: @bg-color-dark; - z-index: @zindex-0; - } - } - - .bar-slider-btn { - background: @primary-color; - border: 0; - border-radius: 50%; - height: @unit-3; - padding: 0; - position: absolute; - right: 0; - top: 50%; - transform: translate(50%, -50%); - width: @unit-3; - - &:active { - box-shadow: 0 0 0 .1rem @primary-color; - } - } -} -- cgit v1.2.3