Updated some rules in the sass lint file
This commit is contained in:
parent
2d71ee3b2a
commit
ce85491459
@ -23,7 +23,7 @@ rules:
|
|||||||
- breakpoint
|
- breakpoint
|
||||||
- mq
|
- mq
|
||||||
border-zero:
|
border-zero:
|
||||||
- none
|
- 2
|
||||||
-
|
-
|
||||||
convention: none
|
convention: none
|
||||||
no-warn: 1
|
no-warn: 1
|
||||||
@ -31,24 +31,24 @@ rules:
|
|||||||
no-ids: 0
|
no-ids: 0
|
||||||
no-important: 2
|
no-important: 2
|
||||||
hex-notation:
|
hex-notation:
|
||||||
- 2
|
- 1
|
||||||
-
|
-
|
||||||
style: lowercase
|
style: lowercase
|
||||||
indentation:
|
indentation:
|
||||||
- 2
|
- 2
|
||||||
-
|
-
|
||||||
size: 2
|
size: 2
|
||||||
property-sort-order:
|
no-qualifying-elements:
|
||||||
- 1
|
- 1
|
||||||
-
|
-
|
||||||
order:
|
allow-element-with-attribute: true
|
||||||
- display
|
allow-element-with-class: true
|
||||||
- margin
|
allow-element-with-id: true
|
||||||
ignore-custom-properties: true
|
no-selector-vendor-prefix:
|
||||||
variable-for-property:
|
|
||||||
- 2
|
- 2
|
||||||
-
|
-
|
||||||
properties:
|
include: false
|
||||||
- margin
|
no-transition-all:
|
||||||
- content
|
- 2
|
||||||
|
-
|
||||||
|
include: false
|
||||||
|
@ -20,6 +20,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
width: 100%
|
width: 100%
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active
|
&:active
|
||||||
outline: none
|
outline: none
|
||||||
@ -50,10 +51,12 @@ $slider-thumb-border-radius: 15px
|
|||||||
.mup-control
|
.mup-control
|
||||||
display: inline-block
|
display: inline-block
|
||||||
color: $text-color-white
|
color: $text-color-white
|
||||||
|
|
||||||
&:not(:last-child)
|
&:not(:last-child)
|
||||||
margin-right: 10px
|
margin-right: 10px
|
||||||
|
|
||||||
.mup-progress-bar, .mup-progress-fill
|
.mup-progress-bar,
|
||||||
|
.mup-progress-fill
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 0
|
padding: 0
|
||||||
border: none
|
border: none
|
||||||
@ -82,6 +85,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
font-size: 16px
|
font-size: 16px
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
transition: all 200ms ease-in-out
|
transition: all 200ms ease-in-out
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background: lighten($control-background-light, 10%)
|
background: lighten($control-background-light, 10%)
|
||||||
color: $text-color-dark
|
color: $text-color-dark
|
||||||
@ -95,6 +99,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
padding: 0
|
padding: 0
|
||||||
background: none
|
background: none
|
||||||
border: none
|
border: none
|
||||||
|
|
||||||
//# Chromium-based and Safari browser styles
|
//# Chromium-based and Safari browser styles
|
||||||
&::-webkit-slider-runnable-track
|
&::-webkit-slider-runnable-track
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -106,6 +111,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
border-radius: 25px
|
border-radius: 25px
|
||||||
border: none
|
border: none
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
|
|
||||||
&::-webkit-slider-thumb
|
&::-webkit-slider-thumb
|
||||||
box-shadow: -100px 0 0 90px $main-color
|
box-shadow: -100px 0 0 90px $main-color
|
||||||
border: none
|
border: none
|
||||||
@ -116,8 +122,10 @@ $slider-thumb-border-radius: 15px
|
|||||||
cursor: pointer
|
cursor: pointer
|
||||||
-webkit-appearance: none
|
-webkit-appearance: none
|
||||||
margin-top: -2.4px
|
margin-top: -2.4px
|
||||||
|
|
||||||
&:focus::-webkit-slider-runnable-track
|
&:focus::-webkit-slider-runnable-track
|
||||||
background: $slider-track-color
|
background: $slider-track-color
|
||||||
|
|
||||||
//# Mozilla browser styles for range
|
//# Mozilla browser styles for range
|
||||||
&::-moz-range-track
|
&::-moz-range-track
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -128,10 +136,12 @@ $slider-thumb-border-radius: 15px
|
|||||||
background: $slider-track-color
|
background: $slider-track-color
|
||||||
border-radius: 25px
|
border-radius: 25px
|
||||||
border: none
|
border: none
|
||||||
|
|
||||||
&::-moz-range-progress
|
&::-moz-range-progress
|
||||||
height: 100%
|
height: 100%
|
||||||
background: $main-color
|
background: $main-color
|
||||||
border-radius: $slider-thumb-border-radius
|
border-radius: $slider-thumb-border-radius
|
||||||
|
|
||||||
&::-moz-range-thumb
|
&::-moz-range-thumb
|
||||||
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
||||||
border: none
|
border: none
|
||||||
@ -140,6 +150,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
border-radius: $slider-thumb-border-radius
|
border-radius: $slider-thumb-border-radius
|
||||||
background: $main-color
|
background: $main-color
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
//# Microsoft browser styles for range
|
//# Microsoft browser styles for range
|
||||||
&::-ms-track
|
&::-ms-track
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -150,14 +161,17 @@ $slider-thumb-border-radius: 15px
|
|||||||
border-color: transparent
|
border-color: transparent
|
||||||
border-width: 39px 0
|
border-width: 39px 0
|
||||||
color: transparent
|
color: transparent
|
||||||
|
|
||||||
&::-ms-fill-lower,
|
&::-ms-fill-lower,
|
||||||
&::-ms-fill-upper
|
&::-ms-fill-upper
|
||||||
background: $slider-track-color
|
background: $slider-track-color
|
||||||
border: none
|
border: none
|
||||||
border-radius: 50px
|
border-radius: 50px
|
||||||
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
||||||
|
|
||||||
&::-ms-fill-lower
|
&::-ms-fill-lower
|
||||||
background: $slider-thumb-color
|
background: $slider-thumb-color
|
||||||
|
|
||||||
&::-ms-thumb
|
&::-ms-thumb
|
||||||
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
|
||||||
border: none
|
border: none
|
||||||
@ -166,6 +180,7 @@ $slider-thumb-border-radius: 15px
|
|||||||
border-radius: $slider-thumb-border-radius
|
border-radius: $slider-thumb-border-radius
|
||||||
background: $main-color
|
background: $main-color
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
&:focus
|
&:focus
|
||||||
&::-ms-fill-lower, &::-ms-fill-upper
|
&::-ms-fill-lower, &::-ms-fill-upper
|
||||||
background: $main-color
|
background: $main-color
|
||||||
|
Loading…
Reference in New Issue
Block a user