]> git.draconx.ca Git - homepage.git/blobdiff - content/weblog/responsive-tables.md
Automatically adjust colour scheme for "dark mode".
[homepage.git] / content / weblog / responsive-tables.md
index 2063484f7b266bdc1d1934167a90963d10c3edf2..a668e163b60269c569b667e4687ac387bcb7b882 100644 (file)
@@ -272,12 +272,12 @@ are pretty easy to fix in the stylesheet.
     #t6>thead, #t6>tbody { display: grid; }
 
     #t6>tbody>tr.t6-split { border-bottom: 1px solid <%=
-      scss_get_var(:ruledefaultcolour) %>; }
+      scss_get_colour(:ruledefault) %>; }
     #t6>tbody>tr.t6-split:nth-of-type(odd) ~ tr:nth-of-type(even) {
       background-color: initial;
     }
     #t6>tbody>tr.t6-split:nth-of-type(odd) ~ tr:nth-of-type(odd) {
-      background-color: <%= scss_get_var(:tableshadecolour) %>;
+      background-color: <%= scss_get_colour(:tableshade) %>;
     }
   }
 }
@@ -325,12 +325,12 @@ these techniques to [table 1](#t1).
     #t7>thead, #t7>tbody { display: grid; }
 
     #t7>tbody>tr.t7-split { border-bottom: 1px solid <%=
-      scss_get_var(:ruledefaultcolour) %>; }
+      scss_get_colour(:ruledefault) %>; }
     #t7>tbody>tr.t7-split:nth-of-type(odd) ~ tr:nth-of-type(even) {
       background-color: initial;
     }
     #t7>tbody>tr.t7-split:nth-of-type(odd) ~ tr:nth-of-type(odd) {
-      background-color: <%= scss_get_var(:tableshadecolour) %>;
+      background-color: <%= scss_get_colour(:tableshade) %>;
     }
   }
 }
@@ -386,12 +386,12 @@ in a stylesheet.  We will do it with more grids.
     #t8>thead, #t8>tbody { display: grid; }
 
     #t8>tbody>tr.t8-split { border-bottom: 1px solid <%=
-      scss_get_var(:ruledefaultcolour) %>; }
+      scss_get_colour(:ruledefault) %>; }
     #t8>tbody>tr.t8-split:nth-of-type(odd) ~ tr:nth-of-type(even) {
       background-color: initial;
     }
     #t8>tbody>tr.t8-split:nth-of-type(odd) ~ tr:nth-of-type(odd) {
-      background-color: <%= scss_get_var(:tableshadecolour) %>;
+      background-color: <%= scss_get_colour(:tableshade) %>;
     }
   }