fix: css syntax errors

Aetherinox · Aetherinox · commit fbd844a62bd2 · 2024-04-03T12:00:02.000-07:00
diff --git a/styles.css b/styles.css
@@ -1158,7 +1158,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description
 .pcr-app .pcr-swatches > button::before
 {
     background-size: 6px;
-    background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
+    background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
     width: 100%;
     z-index: -1;
 }
@@ -1270,7 +1270,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description
 .pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before
 {
     background-size: .5em;
-    background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
+    background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
     width: 100%;
     z-index: -1;
 }
@@ -1299,7 +1299,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description
 .pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before
 {
     background-size: .5em;
-    background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
+    background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
     width: 100%;
     z-index: -1;
 }
@@ -1374,7 +1374,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description
 .pickr .pcr-button::before
 {
     background-size: .5em;
-    background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
+    background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
     width: 100%;
     z-index: -1;
 }

Original file line number	Diff line number	Diff line change
`@@ -1158,7 +1158,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description`
`1158`	`1158`	`.pcr-app .pcr-swatches > button::before`
`1159`	`1159`	`{`
`1160`	`1160`	`background-size: 6px;`
`1161`		`- background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
	`1161`	`+ background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
`1162`	`1162`	`width: 100%;`
`1163`	`1163`	`z-index: -1;`
`1164`	`1164`	`}`
`@@ -1270,7 +1270,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description`
`1270`	`1270`	`.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before`
`1271`	`1271`	`{`
`1272`	`1272`	`background-size: .5em;`
`1273`		`- background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
	`1273`	`+ background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
`1274`	`1274`	`width: 100%;`
`1275`	`1275`	`z-index: -1;`
`1276`	`1276`	`}`
`@@ -1299,7 +1299,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description`
`1299`	`1299`	`.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before`
`1300`	`1300`	`{`
`1301`	`1301`	`background-size: .5em;`
`1302`		`- background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
	`1302`	`+ background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
`1303`	`1303`	`width: 100%;`
`1304`	`1304`	`z-index: -1;`
`1305`	`1305`	`}`
`@@ -1374,7 +1374,7 @@ h2.gistr-settings-header + div > div > div > .setting-item-description`
`1374`	`1374`	`.pickr .pcr-button::before`
`1375`	`1375`	`{`
`1376`	`1376`	`background-size: .5em;`
`1377`		`- background: url('data:image/svg+xml; border-radius:.15em; content:''; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
	`1377`	`+ background: url('data:image/svg+xml; border-radius:.15em; content:""; height:100%; left:0; position:absolute; top:0; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');`
`1378`	`1378`	`width: 100%;`
`1379`	`1379`	`z-index: -1;`
`1380`	`1380`	`}`