Skip to content

Commit

Permalink
fixed linting issue
Browse files Browse the repository at this point in the history
  • Loading branch information
@jongund
jongund committed Dec 3, 2024
1 parent 401129c commit 265bff9
Showing 1 changed file with 103 additions and 130 deletions.
233 changes: 103 additions & 130 deletions content/practices/high-contrast/css/switch-color-scheme.css
View file
Original file line number Diff line number Diff line change
@@ -1,132 +1,105 @@
button.color-scheme[role="switch"] {
display: block;
margin: 2px;
padding: 4px 4px 8px 8px;
border: 0 solid #005a9c;
border-radius: 5px;
width: 17em;
height: 3em;
text-align: left;
background-color: #e9e9e9;
color: #242424;
}

button.color-scheme[role="switch"][aria-checked="true"] {
background-color: #333;
color: #eee;
border-color: #36c;
}

button.color-scheme[role="switch"] .label {
position: relative;
top: -3px;
display: inline-block;
padding: 0;
margin: 0;
width: 10em;
vertical-align: middle;
color: #242424;
}

button.color-scheme[role="switch"][aria-checked="true"] .label,
button.color-scheme[role="switch"][aria-checked="true"] .on {
color: #fff;
}

button.color-scheme[role="switch"] svg {
display: inline-block;
width: 36px;
height: 20px;
position: relative;
top: 4px;
}

button.color-scheme[role="switch"] svg rect {
fill: #a1a1a1;
stroke-width: 2;
stroke: #757575;
}

button.color-scheme[role="switch"] svg circle.off {
display: block;
stroke: #757575;
fill: #fff;
fill-opacity: 1;
}

button.color-scheme[role="switch"] svg circle.on {
display: none;
}

button.color-scheme[role="switch"][aria-checked="true"] svg rect {
fill: #36c;
stroke: #36c;
}

button.color-scheme[role="switch"][aria-checked="true"] svg circle.off {
display: none;
}

button.color-scheme[role="switch"][aria-checked="true"] svg circle.on {
display: block;
stroke: #fff;
fill: #fff;
fill-opacity: 1;
}

button.color-scheme[role="switch"] span.off {
display: inline-block;
}

button.color-scheme[role="switch"] span.on {
display: none;
}

button.color-scheme[role="switch"][aria-checked="true"] span.off {
display: none;
}

button.color-scheme[role="switch"][aria-checked="true"] span.on {
display: inline-block;
}

button.color-scheme[role="switch"]:focus,
button.color-scheme[role="switch"]:hover {
padding: 2px 2px 6px 6px;
border-width: 2px;
outline: none;
cursor: pointer;
}

button.color-scheme[role="switch"][aria-checked="true"]:focus,
button.color-scheme[role="switch"][aria-checked="true"]:hover {
border-color: #add8e6;
}


@media (prefers-color-scheme: dark) {
button.color-scheme[role="switch"] {
background-color: #333;
color: #fff;
}

button.color-scheme[role="switch"] .label {
color: #fff;
}

button.color-scheme[role="switch"] svg rect {
fill: #36c;
stroke: #36c;
}

button.color-scheme[role="switch"] svg circle.off,
button.color-scheme[role="switch"] svg circle.on {
fill: #fff;
stroke: #fff;
}

button.color-scheme[role="switch"]:focus,
button.color-scheme[role="switch"]:hover {
border-color: #add8e6;
}
display: block;
margin: 2px;
padding: 4px 4px 8px 8px;
border: 0 solid #005a9c;
border-radius: 5px;
width: 17em;
height: 3em;
text-align: left;
background-color: #e9e9e9;
color: #242424;
}
button.color-scheme[role="switch"][aria-checked="true"] {
background-color: #333;
color: #eee;
border-color: #36c;
}

Check failure on line 17 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 17 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] .label {
position: relative;
top: -3px;
display: inline-block;
padding: 0;
margin: 0;
width: 10em;
vertical-align: middle;
color: #242424;
}

Check failure on line 27 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 27 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"][aria-checked="true"] .label, button.color-scheme[role="switch"][aria-checked="true"] .on {
color: #fff;
}

Check failure on line 30 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 30 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] svg {
display: inline-block;
width: 36px;
height: 20px;
position: relative;
top: 4px;
}

Check failure on line 37 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 37 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] svg rect {
fill: #a1a1a1;
stroke-width: 2;
stroke: #757575;
}

Check failure on line 42 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 42 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] svg circle.off {
display: block;
stroke: #757575;
fill: #fff;
fill-opacity: 1;
}

Check failure on line 48 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 48 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] svg circle.on {
display: none;
}

Check failure on line 51 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 51 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"][aria-checked="true"] svg rect {
fill: #36c;
stroke: #36c;
}

Check failure on line 55 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 55 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"][aria-checked="true"] svg circle.off {
display: none;
}

Check failure on line 58 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 58 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"][aria-checked="true"] svg circle.on {
display: block;
stroke: #fff;
fill: #fff;
fill-opacity: 1;
}

Check failure on line 64 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)

Check failure on line 64 in content/practices/high-contrast/css/switch-color-scheme.css

View workflow job for this annotation

GitHub Actions / lint-css

Stylelint problem 

Expected empty line before rule (rule-empty-line-before)
button.color-scheme[role="switch"] span.off {
display: inline-block;
}
button.color-scheme[role="switch"] span.on {
display: none;
}
button.color-scheme[role="switch"][aria-checked="true"] span.off {
display: none;
}
button.color-scheme[role="switch"][aria-checked="true"] span.on {
display: inline-block;
}
button.color-scheme[role="switch"]:focus, button.color-scheme[role="switch"]:hover {
padding: 2px 2px 6px 6px;
border-width: 2px;
outline: none;
cursor: pointer;
}
button.color-scheme[role="switch"][aria-checked="true"]:focus, button.color-scheme[role="switch"][aria-checked="true"]:hover {
border-color: #add8e6;
}
@media (prefers-color-scheme: dark) {
button.color-scheme[role="switch"] {
background-color: #333;
color: #fff;
}
button.color-scheme[role="switch"] .label {
color: #fff;
}
button.color-scheme[role="switch"] svg rect {
fill: #36c;
stroke: #36c;
}
button.color-scheme[role="switch"] svg circle.off, button.color-scheme[role="switch"] svg circle.on {
fill: #fff;
stroke: #fff;
}
button.color-scheme[role="switch"]:focus, button.color-scheme[role="switch"]:hover {
border-color: #add8e6;
}
}

0 comments on commit 265bff9

Please sign in to comment.