Updated some rules in the sass lint file

This commit is contained in:
Gregory Ballantine 2018-04-11 17:06:32 -04:00
parent 2d71ee3b2a
commit ce85491459
2 changed files with 28 additions and 13 deletions

View File

@ -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

View File

@ -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