diff --git a/browser/main/modals/PreferencesModal/ConfigTab.styl b/browser/main/modals/PreferencesModal/ConfigTab.styl index 9312041d..26d14a8a 100644 --- a/browser/main/modals/PreferencesModal/ConfigTab.styl +++ b/browser/main/modals/PreferencesModal/ConfigTab.styl @@ -1,12 +1,12 @@ @import('./Tab') .container - display: flex - flex-direction: column - align-items: center - justify-content: center + display flex + flex-direction column + align-items center + justify-content center position relative - margin-bottom: 2em + margin-bottom 2em margin-left 2em .box-minmax @@ -27,83 +27,83 @@ background $ui-backgroundColor div[id^="secondRow"] - position absolute; - z-index 2; - left 0; - top 0; - margin-bottom -42px; + position absolute + z-index 2 + left 0 + top 0 + margin-bottom -42px .rs-label margin-left -20px div[id^="firstRow"] - position absolute; - z-index 2; - left 0; - top 0; - margin-bottom -25px; + position absolute + z-index 2 + left 0 + top 0 + margin-bottom -25px .rs-range &::-webkit-slider-thumb - margin-top: 0px - transform: rotate(180deg) + margin-top 0px + transform rotate(180deg) .rs-label margin-bottom -85px margin-top 85px .rs-range - margin-top: 29px - width: 600px - -webkit-appearance: none + margin-top 29px + width 600px + -webkit-appearance none &:focus - outline: black + outline black &::-webkit-slider-runnable-track - width: 100% - height: 0.1px - cursor: pointer - box-shadow: none - background: $ui-backgroundColor - border-radius: 0px - border: 0px solid #010101 + width 100% + height 0.1px + cursor pointer + box-shadow none + background $ui-backgroundColor + border-radius 0px + border 0px solid #010101 cursor none &::-webkit-slider-thumb - box-shadow: none - border: 1px solid $ui-borderColor - box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25) - height: 32px - width: 32px - border-radius: 22px - background: white - cursor: pointer - -webkit-appearance: none - margin-top: -20px - border-color: $ui-default-button-backgroundColor + box-shadow none + border 1px solid $ui-borderColor + box-shadow 0px 10px 10px rgba(0, 0, 0, 0.25) height 32px - border-top-left-radius: 10% - border-top-right-radius: 10% + width 32px + border-radius 22px + background white + cursor pointer + -webkit-appearance none + margin-top -20px + border-color $ui-default-button-backgroundColor + height 32px + border-top-left-radius 10% + border-top-right-radius 10% .rs-label - position: relative - transform-origin: center center - display: block - background: transparent - border-radius: none - line-height: 30px - font-weight: normal - box-sizing: border-box - border: none - margin-bottom: -5px - margin-top: -10px - clear:both; - float:left; + position relative + transform-origin center center + display block + background transparent + border-radius none + line-height 30px + font-weight normal + box-sizing border-box + border none + margin-bottom -5px + margin-top -10px + clear both + float left height 17px - margin-left: -25px - left: attr(value) - color: $ui-text-color - font-style: normal - font-weight: normal - line-height: normal - font-size: $tab--button-font-size + margin-left -25px + left attr(value) + color $ui-text-color + font-style normal + font-weight normal + line-height normal + font-size $tab--button-font-size .root padding 15px color $ui-text-color