Fix conditional classes highlighting

aaronshekey · aaronshekey · commit 25469ac49d91 · 2020-09-24T19:44:10.000-05:00
diff --git a/docs/product/guidelines/conditional-classes.html b/docs/product/guidelines/conditional-classes.html
@@ -231,25 +231,25 @@
     @media (max-width: 1264px) {
         .lg\:highlight {
             padding: 3px 8px;
-            background-color: #fff;
+            background-color: var(--highlight-variable);
             border-radius: 40px;
-            color: #367D4D !important;
+            color: var(--highlight-bg);
         }
     }
     @media (max-width: 980px) {
         .md\:highlight {
             padding: 3px 8px;
-            background-color: #fff;
+            background-color: var(--highlight-variable);
             border-radius: 40px;
-            color: #367D4D !important;
+            color: var(--highlight-bg);
         }
     }
     @media (max-width: 640px) {
         .sm\:highlight {
             padding: 3px 8px;
-            background-color: #fff;
+            background-color: var(--highlight-variable);
             border-radius: 40px;
-            color: #367D4D !important;
+            color: var(--highlight-bg);
         }
     }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -231,25 +231,25 @@`
`231`	`231`	`@media (max-width: 1264px) {`
`232`	`232`	`.lg\:highlight {`
`233`	`233`	`padding: 3px 8px;`
`234`		`- background-color: #fff;`
	`234`	`+ background-color: var(--highlight-variable);`
`235`	`235`	`border-radius: 40px;`
`236`		`- color: #367D4D !important;`
	`236`	`+ color: var(--highlight-bg);`
`237`	`237`	`}`
`238`	`238`	`}`
`239`	`239`	`@media (max-width: 980px) {`
`240`	`240`	`.md\:highlight {`
`241`	`241`	`padding: 3px 8px;`
`242`		`- background-color: #fff;`
	`242`	`+ background-color: var(--highlight-variable);`
`243`	`243`	`border-radius: 40px;`
`244`		`- color: #367D4D !important;`
	`244`	`+ color: var(--highlight-bg);`
`245`	`245`	`}`
`246`	`246`	`}`
`247`	`247`	`@media (max-width: 640px) {`
`248`	`248`	`.sm\:highlight {`
`249`	`249`	`padding: 3px 8px;`
`250`		`- background-color: #fff;`
	`250`	`+ background-color: var(--highlight-variable);`
`251`	`251`	`border-radius: 40px;`
`252`		`- color: #367D4D !important;`
	`252`	`+ color: var(--highlight-bg);`
`253`	`253`	`}`
`254`	`254`	`}`
`255`	`255`	`</style>`