diff options
Diffstat (limited to 'scss/_tables.scss')
-rw-r--r-- | scss/_tables.scss | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/scss/_tables.scss b/scss/_tables.scss index c523e6677f..1fdd43c6bb 100644 --- a/scss/_tables.scss +++ b/scss/_tables.scss @@ -3,22 +3,22 @@ // .table { - --#{$variable-prefix}table-color: #{$table-color}; - --#{$variable-prefix}table-bg: #{$table-bg}; - --#{$variable-prefix}table-border-color: #{$table-border-color}; - --#{$variable-prefix}table-accent-bg: #{$table-accent-bg}; - --#{$variable-prefix}table-striped-color: #{$table-striped-color}; - --#{$variable-prefix}table-striped-bg: #{$table-striped-bg}; - --#{$variable-prefix}table-active-color: #{$table-active-color}; - --#{$variable-prefix}table-active-bg: #{$table-active-bg}; - --#{$variable-prefix}table-hover-color: #{$table-hover-color}; - --#{$variable-prefix}table-hover-bg: #{$table-hover-bg}; + --#{$prefix}table-color: #{$table-color}; + --#{$prefix}table-bg: #{$table-bg}; + --#{$prefix}table-border-color: #{$table-border-color}; + --#{$prefix}table-accent-bg: #{$table-accent-bg}; + --#{$prefix}table-striped-color: #{$table-striped-color}; + --#{$prefix}table-striped-bg: #{$table-striped-bg}; + --#{$prefix}table-active-color: #{$table-active-color}; + --#{$prefix}table-active-bg: #{$table-active-bg}; + --#{$prefix}table-hover-color: #{$table-hover-color}; + --#{$prefix}table-hover-bg: #{$table-hover-bg}; width: 100%; margin-bottom: $spacer; - color: var(--#{$variable-prefix}table-color); + color: var(--#{$prefix}table-color); vertical-align: $table-cell-vertical-align; - border-color: var(--#{$variable-prefix}table-border-color); + border-color: var(--#{$prefix}table-border-color); // Target th & td // We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class. @@ -27,9 +27,9 @@ // stylelint-disable-next-line selector-max-universal > :not(caption) > * > * { padding: $table-cell-padding-y $table-cell-padding-x; - background-color: var(--#{$variable-prefix}table-bg); + background-color: var(--#{$prefix}table-bg); border-bottom-width: $table-border-width; - box-shadow: inset 0 0 0 9999px var(--#{$variable-prefix}table-accent-bg); + box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-accent-bg); } > tbody { @@ -42,7 +42,7 @@ } .table-group-divider { - border-top: calc(2 * $table-border-width) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list + border-top: ($table-border-width * 2) solid $table-group-separator-color; } // @@ -104,16 +104,16 @@ // For rows .table-striped { > tbody > tr:nth-of-type(#{$table-striped-order}) > * { - --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg); - color: var(--#{$variable-prefix}table-striped-color); + --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg); + color: var(--#{$prefix}table-striped-color); } } // For columns .table-striped-columns { > :not(caption) > tr > :nth-child(#{$table-striped-columns-order}) { - --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg); - color: var(--#{$variable-prefix}table-striped-color); + --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg); + color: var(--#{$prefix}table-striped-color); } } @@ -122,8 +122,8 @@ // The `.table-active` class can be added to highlight rows or cells .table-active { - --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-active-bg); - color: var(--#{$variable-prefix}table-active-color); + --#{$prefix}table-accent-bg: var(--#{$prefix}table-active-bg); + color: var(--#{$prefix}table-active-color); } // Hover effect @@ -132,8 +132,8 @@ .table-hover { > tbody > tr:hover > * { - --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg); - color: var(--#{$variable-prefix}table-hover-color); + --#{$prefix}table-accent-bg: var(--#{$prefix}table-hover-bg); + color: var(--#{$prefix}table-hover-color); } } |