Skip to content

N
nexpie-grafana-theme
Commit 3adee1ed by bergquist
Options

tech(sass): sasslint fixes for css3 

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