X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/blobdiff_plain/e39d97fade755e9b53e7dc0f7bd4320ade1b7b83..062c731462e3ec513b470308cc2dd475098ce231:/content/weblog/responsive-tables.md diff --git a/content/weblog/responsive-tables.md b/content/weblog/responsive-tables.md index 2063484..a668e16 100644 --- a/content/weblog/responsive-tables.md +++ b/content/weblog/responsive-tables.md @@ -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) %>; } }