tech(sass): sasslint fixes for css3

bergquist · bergquist · commit 3adee1eda091 · 2016-06-20T10:37:47.000+02:00
Pseudo-elements must start with double colons pseudo-element
diff --git a/public/sass/components/_dropdown.scss b/public/sass/components/_dropdown.scss
@@ -207,7 +207,7 @@
 }
 
 // Caret to indicate there is a submenu
-.dropdown-submenu > a:after {
+.dropdown-submenu > a::after {
   display: block;
   content: " ";
   float: right;
@@ -220,7 +220,7 @@
   margin-top: 5px;
   margin-right: -10px;
 }
-.dropdown-submenu:hover > a:after {
+.dropdown-submenu:hover > a::after {
   border-left-color: $dropdownLinkColorHover;
 }
 
diff --git a/public/sass/components/_footer.scss b/public/sass/components/_footer.scss
@@ -23,14 +23,14 @@
   li {
     display: inline-block;
     padding-right: 2px;
-    &:after {
+    &::after {
       content: ' | ';
       padding-left: 2px;
     }
   }
 
   li:last-child {
-    &:after {
+    &::after {
       padding-left: 0;
       content: '';
     }
diff --git a/public/sass/components/_gf-form.scss b/public/sass/components/_gf-form.scss
@@ -127,7 +127,7 @@ $gf-form-margin: 0.25rem;
   &--dropdown {
     padding-right: $input-padding-x*2;
 
-    &:after {
+    &::after {
       position: absolute;
       top: 35%;
       right: $input-padding-x/2;
@@ -164,7 +164,7 @@ $gf-form-margin: 0.25rem;
     }
   }
 
-  &:after {
+  &::after {
     position: absolute;
     top: 35%;
     right: $input-padding-x/2;
@@ -176,7 +176,7 @@ $gf-form-margin: 0.25rem;
   }
 
   &--has-help-icon {
-    &:after {
+    &::after {
       right: $input-padding-x*3;
     }
   }
@@ -215,7 +215,7 @@ $gf-form-margin: 0.25rem;
   background-color: $input-bg;
   padding-right: $input-padding-x;
 
-  &:after {
+  &::after {
     position: absolute;
     top: 35%;
     right: $input-padding-x/2;
diff --git a/public/sass/components/_infobox.scss b/public/sass/components/_infobox.scss
@@ -1,4 +1,4 @@
-.grafana-info-box:before {
+.grafana-info-box::before {
   content: "\f05a";
   font-family:'FontAwesome';
   position: absolute;
diff --git a/public/sass/components/_panel_graph.scss b/public/sass/components/_panel_graph.scss
@@ -47,19 +47,19 @@
   white-space: nowrap;
   font-size: 85%;
   text-align: left;
-  &.current:before {
+  &.current::before {
     content: "Current: "
   }
-  &.max:before {
+  &.max::before {
     content: "Max: "
   }
-  &.min:before {
+  &.min::before {
     content: "Min: "
   }
-  &.total:before {
+  &.total::before {
     content: "Total: "
   }
-  &.avg:before {
+  &.avg::before {
     content: "Avg: "
   }
 }
@@ -95,7 +95,7 @@
     &--right-y {
       float: none;
 
-      .graph-legend-alias:after {
+      .graph-legend-alias::after {
         content: '(right-y)';
         padding: 0 5px;
         color: $text-color-weak;
@@ -137,7 +137,7 @@
 
   .graph-legend-value {
     &.current, &.max, &.min, &.total, &.avg {
-      &:before {
+      &::before {
         content: '';
       }
     }
diff --git a/public/sass/components/_search.scss b/public/sass/components/_search.scss
@@ -74,11 +74,11 @@
     background-color: $grafanaListBackground;
     margin-bottom: 4px;
 
-    .search-result-icon:before {
+    .search-result-icon::before {
       content: "\f009";
     }
 
-    &.search-item-dash-home .search-result-icon:before {
+    &.search-item-dash-home .search-result-icon::before {
       content: "\f015";
     }
   }
diff --git a/public/sass/components/_sidemenu.scss b/public/sass/components/_sidemenu.scss
@@ -151,7 +151,7 @@
   display: inline-block;
   position: relative;
 
-  &:after {
+  &::after {
     display: block;
     position: absolute;
     top: 50%;
diff --git a/public/sass/components/_switch.scss b/public/sass/components/_switch.scss
@@ -30,7 +30,7 @@ $switch-height: 1.5rem;
     background-color: $page-bg;
   }
 
-  input + label:before, input + label:after {
+  input + label::before, input + label::after {
     @include buttonBackground($input-bg, $input-bg);
 
     display: block;
@@ -47,21 +47,21 @@ $switch-height: 1.5rem;
   }
 
   &:hover {
-    input + label:before {
+    input + label::before {
       @include buttonBackground($input-bg, lighten($input-bg, 5%));
       color: $text-color;
       text-shadow: $text-shadow-faint;
     }
 
-    input + label:after {
+    input + label::after {
       @include buttonBackground($input-bg, lighten($input-bg, 5%));
       color: lighten($orange, 10%);
       text-shadow: $text-shadow-strong;
     }
 
   }
 
-  input + label:before {
+  input + label::before {
     font-family: 'FontAwesome';
     content: "\f096"; // square-o
     color: $text-color-faint;
@@ -70,7 +70,7 @@ $switch-height: 1.5rem;
     text-shadow: $text-shadow-faint;
   }
 
-  input + label:after {
+  input + label::after {
     content: "\f046"; // check-square-o
     color: $orange;
     text-shadow: $text-shadow-strong;
@@ -81,11 +81,11 @@ $switch-height: 1.5rem;
     backface-visibility: hidden;
   }
 
-  input:checked + label:before {
+  input:checked + label::before {
     transform: rotateY(180deg);
   }
 
-  input:checked + label:after {
+  input:checked + label::after {
     transform: rotateY(0);
   }
 }
diff --git a/public/sass/components/_tagsinput.scss b/public/sass/components/_tagsinput.scss
@@ -24,7 +24,7 @@
     [data-role="remove"] {
       margin-left:8px;
       cursor:pointer;
-      &:after{
+      &::after{
         content: "x";
         padding:0px 2px;
       }
diff --git a/public/sass/components/_tightform.scss b/public/sass/components/_tightform.scss
@@ -25,12 +25,11 @@
   border: 1px solid $tight-form-border;
   border-bottom: none;
 
-  .tight-form, .tight-form-item, [type=text].tight-form-input, [type=text].tight-form-clear-input  {
+  .tight-form, .tight-form-item, [type="text"].tight-form-input, [type="text"].tight-form-clear-input  {
     border: none;
   }
 }
 
-
 .spaced-form {
   .tight-form {
     margin: 7px 0;
@@ -122,14 +121,14 @@
   }
 }
 
-input[type=text].tight-form-func-param {
+input[type="text"].tight-form-func-param {
   background: transparent;
   border: none;
   margin: 0;
   padding: 0;
 }
 
-input[type=text].tight-form-clear-input {
+input[type="text"].tight-form-clear-input {
   padding: 8px 7px;
   border: none;
   margin: 0px;
@@ -138,10 +137,10 @@ input[type=text].tight-form-clear-input {
   border-right: 1px solid $tight-form-border;
 }
 
-[type=text],
-[type=email],
-[type=number],
-[type=password] {
+[type="text"],
+[type="email"],
+[type="number"],
+[type="password"] {
   &.tight-form-input {
     background-color: $input-bg;
     border: none;
@@ -157,7 +156,7 @@ input[type=text].tight-form-clear-input {
   }
 }
 
-input[type=checkbox].tight-form-checkbox {
+input[type="checkbox"].tight-form-checkbox {
   margin: 0;
 }
 
@@ -200,7 +199,7 @@ select.tight-form-input {
 }
 
 .tight-form-radio {
-  input[type=radio] {
+  input[type="radio"] {
     margin: 0;
   }
   label {
diff --git a/public/sass/components/_timepicker.scss b/public/sass/components/_timepicker.scss
@@ -99,10 +99,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.fa-chevron-left:before {
+.fa-chevron-left::before {
   content: "\f053";
 }
-.fa-chevron-right:before {
+.fa-chevron-right::before {
   content: "\f054";
 }
 

Original file line number	Diff line number	Diff line change
`@@ -207,7 +207,7 @@`
`207`	`207`	`}`
`208`	`208`
`209`	`209`	`// Caret to indicate there is a submenu`
`210`		`-.dropdown-submenu > a:after {`
	`210`	`+.dropdown-submenu > a::after {`
`211`	`211`	`display: block;`
`212`	`212`	`content: " ";`
`213`	`213`	`float: right;`
`@@ -220,7 +220,7 @@`
`220`	`220`	`margin-top: 5px;`
`221`	`221`	`margin-right: -10px;`
`222`	`222`	`}`
`223`		`-.dropdown-submenu:hover > a:after {`
	`223`	`+.dropdown-submenu:hover > a::after {`
`224`	`224`	`border-left-color: $dropdownLinkColorHover;`
`225`	`225`	`}`
`226`	`226`
Original file line number	Diff line number	Diff line change
`@@ -23,14 +23,14 @@`
`23`	`23`	`li {`
`24`	`24`	`display: inline-block;`
`25`	`25`	`padding-right: 2px;`
`26`		`- &:after {`
	`26`	`+ &::after {`
`27`	`27`	`content: ' \| ';`
`28`	`28`	`padding-left: 2px;`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`li:last-child {`
`33`		`- &:after {`
	`33`	`+ &::after {`
`34`	`34`	`padding-left: 0;`
`35`	`35`	`content: '';`
`36`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@ $gf-form-margin: 0.25rem;`
`127`	`127`	`&--dropdown {`
`128`	`128`	`padding-right: $input-padding-x*2;`
`129`	`129`
`130`		`- &:after {`
	`130`	`+ &::after {`
`131`	`131`	`position: absolute;`
`132`	`132`	`top: 35%;`
`133`	`133`	`right: $input-padding-x/2;`
`@@ -164,7 +164,7 @@ $gf-form-margin: 0.25rem;`
`164`	`164`	`}`
`165`	`165`	`}`
`166`	`166`
`167`		`- &:after {`
	`167`	`+ &::after {`
`168`	`168`	`position: absolute;`
`169`	`169`	`top: 35%;`
`170`	`170`	`right: $input-padding-x/2;`
`@@ -176,7 +176,7 @@ $gf-form-margin: 0.25rem;`
`176`	`176`	`}`
`177`	`177`
`178`	`178`	`&--has-help-icon {`
`179`		`- &:after {`
	`179`	`+ &::after {`
`180`	`180`	`right: $input-padding-x*3;`
`181`	`181`	`}`
`182`	`182`	`}`
`@@ -215,7 +215,7 @@ $gf-form-margin: 0.25rem;`
`215`	`215`	`background-color: $input-bg;`
`216`	`216`	`padding-right: $input-padding-x;`
`217`	`217`
`218`		`- &:after {`
	`218`	`+ &::after {`
`219`	`219`	`position: absolute;`
`220`	`220`	`top: 35%;`
`221`	`221`	`right: $input-padding-x/2;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.grafana-info-box:before {`
	`1`	`+.grafana-info-box::before {`
`2`	`2`	`content: "\f05a";`
`3`	`3`	`font-family:'FontAwesome';`
`4`	`4`	`position: absolute;`
Original file line number	Diff line number	Diff line change
`@@ -47,19 +47,19 @@`
`47`	`47`	`white-space: nowrap;`
`48`	`48`	`font-size: 85%;`
`49`	`49`	`text-align: left;`
`50`		`- &.current:before {`
	`50`	`+ &.current::before {`
`51`	`51`	`content: "Current: "`
`52`	`52`	`}`
`53`		`- &.max:before {`
	`53`	`+ &.max::before {`
`54`	`54`	`content: "Max: "`
`55`	`55`	`}`
`56`		`- &.min:before {`
	`56`	`+ &.min::before {`
`57`	`57`	`content: "Min: "`
`58`	`58`	`}`
`59`		`- &.total:before {`
	`59`	`+ &.total::before {`
`60`	`60`	`content: "Total: "`
`61`	`61`	`}`
`62`		`- &.avg:before {`
	`62`	`+ &.avg::before {`
`63`	`63`	`content: "Avg: "`
`64`	`64`	`}`
`65`	`65`	`}`
`@@ -95,7 +95,7 @@`
`95`	`95`	`&--right-y {`
`96`	`96`	`float: none;`
`97`	`97`
`98`		`- .graph-legend-alias:after {`
	`98`	`+ .graph-legend-alias::after {`
`99`	`99`	`content: '(right-y)';`
`100`	`100`	`padding: 0 5px;`
`101`	`101`	`color: $text-color-weak;`
`@@ -137,7 +137,7 @@`
`137`	`137`
`138`	`138`	`.graph-legend-value {`
`139`	`139`	`&.current, &.max, &.min, &.total, &.avg {`
`140`		`- &:before {`
	`140`	`+ &::before {`
`141`	`141`	`content: '';`
`142`	`142`	`}`
`143`	`143`	`}`
Original file line number	Diff line number	Diff line change
`@@ -74,11 +74,11 @@`
`74`	`74`	`background-color: $grafanaListBackground;`
`75`	`75`	`margin-bottom: 4px;`
`76`	`76`
`77`		`- .search-result-icon:before {`
	`77`	`+ .search-result-icon::before {`
`78`	`78`	`content: "\f009";`
`79`	`79`	`}`
`80`	`80`
`81`		`- &.search-item-dash-home .search-result-icon:before {`
	`81`	`+ &.search-item-dash-home .search-result-icon::before {`
`82`	`82`	`content: "\f015";`
`83`	`83`	`}`
`84`	`84`	`}`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ $switch-height: 1.5rem;`
`30`	`30`	`background-color: $page-bg;`
`31`	`31`	`}`
`32`	`32`
`33`		`- input + label:before, input + label:after {`
	`33`	`+ input + label::before, input + label::after {`
`34`	`34`	`@include buttonBackground($input-bg, $input-bg);`
`35`	`35`
`36`	`36`	`display: block;`
`@@ -47,21 +47,21 @@ $switch-height: 1.5rem;`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`&:hover {`
`50`		`- input + label:before {`
	`50`	`+ input + label::before {`
`51`	`51`	`@include buttonBackground($input-bg, lighten($input-bg, 5%));`
`52`	`52`	`color: $text-color;`
`53`	`53`	`text-shadow: $text-shadow-faint;`
`54`	`54`	`}`
`55`	`55`
`56`		`- input + label:after {`
	`56`	`+ input + label::after {`
`57`	`57`	`@include buttonBackground($input-bg, lighten($input-bg, 5%));`
`58`	`58`	`color: lighten($orange, 10%);`
`59`	`59`	`text-shadow: $text-shadow-strong;`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`}`
`63`	`63`
`64`		`- input + label:before {`
	`64`	`+ input + label::before {`
`65`	`65`	`font-family: 'FontAwesome';`
`66`	`66`	`content: "\f096"; // square-o`
`67`	`67`	`color: $text-color-faint;`
`@@ -70,7 +70,7 @@ $switch-height: 1.5rem;`
`70`	`70`	`text-shadow: $text-shadow-faint;`
`71`	`71`	`}`
`72`	`72`
`73`		`- input + label:after {`
	`73`	`+ input + label::after {`
`74`	`74`	`content: "\f046"; // check-square-o`
`75`	`75`	`color: $orange;`
`76`	`76`	`text-shadow: $text-shadow-strong;`
`@@ -81,11 +81,11 @@ $switch-height: 1.5rem;`
`81`	`81`	`backface-visibility: hidden;`
`82`	`82`	`}`
`83`	`83`
`84`		`- input:checked + label:before {`
	`84`	`+ input:checked + label::before {`
`85`	`85`	`transform: rotateY(180deg);`
`86`	`86`	`}`
`87`	`87`
`88`		`- input:checked + label:after {`
	`88`	`+ input:checked + label::after {`
`89`	`89`	`transform: rotateY(0);`
`90`	`90`	`}`
`91`	`91`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`[data-role="remove"] {`
`25`	`25`	`margin-left:8px;`
`26`	`26`	`cursor:pointer;`
`27`		`- &:after{`
	`27`	`+ &::after{`
`28`	`28`	`content: "x";`
`29`	`29`	`padding:0px 2px;`
`30`	`30`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,12 +25,11 @@`
`25`	`25`	`border: 1px solid $tight-form-border;`
`26`	`26`	`border-bottom: none;`
`27`	`27`
`28`		`- .tight-form, .tight-form-item, [type=text].tight-form-input, [type=text].tight-form-clear-input {`
	`28`	`+ .tight-form, .tight-form-item, [type="text"].tight-form-input, [type="text"].tight-form-clear-input {`
`29`	`29`	`border: none;`
`30`	`30`	`}`
`31`	`31`	`}`
`32`	`32`
`33`		`-`
`34`	`33`	`.spaced-form {`
`35`	`34`	`.tight-form {`
`36`	`35`	`margin: 7px 0;`
`@@ -122,14 +121,14 @@`
`122`	`121`	`}`
`123`	`122`	`}`
`124`	`123`
`125`		`-input[type=text].tight-form-func-param {`
	`124`	`+input[type="text"].tight-form-func-param {`
`126`	`125`	`background: transparent;`
`127`	`126`	`border: none;`
`128`	`127`	`margin: 0;`
`129`	`128`	`padding: 0;`
`130`	`129`	`}`
`131`	`130`
`132`		`-input[type=text].tight-form-clear-input {`
	`131`	`+input[type="text"].tight-form-clear-input {`
`133`	`132`	`padding: 8px 7px;`
`134`	`133`	`border: none;`
`135`	`134`	`margin: 0px;`
`@@ -138,10 +137,10 @@ input[type=text].tight-form-clear-input {`
`138`	`137`	`border-right: 1px solid $tight-form-border;`
`139`	`138`	`}`
`140`	`139`
`141`		`-[type=text],`
`142`		`-[type=email],`
`143`		`-[type=number],`
`144`		`-[type=password] {`
	`140`	`+[type="text"],`
	`141`	`+[type="email"],`
	`142`	`+[type="number"],`
	`143`	`+[type="password"] {`
`145`	`144`	`&.tight-form-input {`
`146`	`145`	`background-color: $input-bg;`
`147`	`146`	`border: none;`
`@@ -157,7 +156,7 @@ input[type=text].tight-form-clear-input {`
`157`	`156`	`}`
`158`	`157`	`}`
`159`	`158`
`160`		`-input[type=checkbox].tight-form-checkbox {`
	`159`	`+input[type="checkbox"].tight-form-checkbox {`
`161`	`160`	`margin: 0;`
`162`	`161`	`}`
`163`	`162`
`@@ -200,7 +199,7 @@ select.tight-form-input {`
`200`	`199`	`}`
`201`	`200`
`202`	`201`	`.tight-form-radio {`
`203`		`- input[type=radio] {`
	`202`	`+ input[type="radio"] {`
`204`	`203`	`margin: 0;`
`205`	`204`	`}`
`206`	`205`	`label {`
Original file line number	Diff line number	Diff line change
`@@ -99,10 +99,10 @@`
`99`	`99`	`-moz-osx-font-smoothing: grayscale;`
`100`	`100`	`}`
`101`	`101`
`102`		`-.fa-chevron-left:before {`
	`102`	`+.fa-chevron-left::before {`
`103`	`103`	`content: "\f053";`
`104`	`104`	`}`
`105`		`-.fa-chevron-right:before {`
	`105`	`+.fa-chevron-right::before {`
`106`	`106`	`content: "\f054";`
`107`	`107`	`}`
`108`	`108`