Multi tab WIP

browser/main/modals/PreferencesModal/ConfigTab.styl

@@ -1,5 +1,83 @@
 @import('./Tab')
 
+.container
+  display: flex
+  flex-direction: column
+  align-items: center
+  justify-content: center
+  position relative
+  margin-bottom: 2em
+
+.box-minmax
+  width 608px
+  display flex
+  justify-content space-between
+  font-size $tab--button-font-size
+  color $ui-text-color
+  span first-child
+  margin-top 18px
+  padding-right 10px
+  position relative
+
+div[id^="secondRow"]
+  position absolute;
+  z-index 2;
+  left 0;
+  top 0;
+  margin-bottom -42px;
+  
+div[id^="firstRow"]
+  position absolute;
+  z-index 2;
+  left 0;
+  top 0;
+  margin-bottom -25px;
+
+.rs-range
+  margin-top: 29px
+  width: 600px
+  -webkit-appearance: none
+  &:focus
+    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
+    
+  &::-webkit-slider-thumb
+    box-shadow: none
+    border: 0px solid $ui-borderColor
+    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25)
+    height: 42px
+    width: 22px
+    border-radius: 22px
+    background: $ui-backgroundColor
+    cursor: pointer
+    -webkit-appearance: none
+    margin-top: -20px
+
+.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: -15px
+  margin-left: 0px
+  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
@@ -170,6 +248,11 @@ body[data-theme="dark"]
     select, .group-section-control-input
       colorDarkControl()
 
+  .box-minmax
+    colorDarkControl()
+  
+  .rs-range
+    colorDarkControl()
 
 body[data-theme="solarized-dark"]
   .root