diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-04-15 15:54:25 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-04-24 11:05:10 +0300 |
commit | eed27f35ccaf86adf84fda78e501427c7088df4b (patch) | |
tree | 41e7417e81ebd4663d4ff1e5d192d43aa83cb282 /scss | |
parent | d089a683c8f11c4f4b133340d29e7d88589478c2 (diff) |
Add bs prefix
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_tables.scss | 32 | ||||
-rw-r--r-- | scss/mixins/_table-variants.scss | 14 |
2 files changed, 23 insertions, 23 deletions
diff --git a/scss/_tables.scss b/scss/_tables.scss index 4969d89496..6b161434fa 100644 --- a/scss/_tables.scss +++ b/scss/_tables.scss @@ -3,14 +3,14 @@ // .table { - --table-bg: #{$table-bg}; - --table-accent-bg: transparent; - --table-striped-color: #{$table-striped-color}; - --table-striped-bg: #{$table-striped-bg}; - --table-active-color: #{$table-active-color}; - --table-active-bg: #{$table-active-bg}; - --table-hover-color: #{$table-hover-color}; - --table-hover-bg: #{$table-hover-bg}; + --bs-table-bg: #{$table-bg}; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #{$table-striped-color}; + --bs-table-striped-bg: #{$table-striped-bg}; + --bs-table-active-color: #{$table-active-color}; + --bs-table-active-bg: #{$table-active-bg}; + --bs-table-hover-color: #{$table-hover-color}; + --bs-table-hover-bg: #{$table-hover-bg}; width: 100%; margin-bottom: $spacer; @@ -25,8 +25,8 @@ // stylelint-disable-next-line selector-max-universal > :not(caption) > * > * { padding: $table-cell-padding; - background-color: var(--table-bg); - background-image: linear-gradient(var(--table-accent-bg), var(--table-accent-bg)); + background-color: var(--bs-table-bg); + background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: $table-border-width; } @@ -101,8 +101,8 @@ .table-striped { > tbody > tr:nth-of-type(#{$table-striped-order}) { - --table-accent-bg: var(--table-striped-bg); - color: var(--table-striped-color); + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); } } @@ -111,8 +111,8 @@ // The `.table-active` class can be added to highlight rows or cells .table-active { - --table-accent-bg: var(--table-active-bg); - color: var(--table-active-color); + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); } // Hover effect @@ -121,8 +121,8 @@ .table-hover { > tbody > tr:hover { - --table-accent-bg: var(--table-hover-bg); - color: var(--table-hover-color); + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); } } diff --git a/scss/mixins/_table-variants.scss b/scss/mixins/_table-variants.scss index 9fd066edbc..89f482c353 100644 --- a/scss/mixins/_table-variants.scss +++ b/scss/mixins/_table-variants.scss @@ -6,13 +6,13 @@ $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); $active-bg: mix($color, $background, percentage($table-active-bg-factor)); - --table-bg: #{$background}; - --table-striped-bg: #{$striped-bg}; - --table-striped-color: #{color-contrast($striped-bg)}; - --table-active-bg: #{$active-bg}; - --table-active-color: #{color-contrast($active-bg)}; - --table-hover-bg: #{$hover-bg}; - --table-hover-color: #{color-contrast($hover-bg)}; + --bs-table-bg: #{$background}; + --bs-table-striped-bg: #{$striped-bg}; + --bs-table-striped-color: #{color-contrast($striped-bg)}; + --bs-table-active-bg: #{$active-bg}; + --bs-table-active-color: #{color-contrast($active-bg)}; + --bs-table-hover-bg: #{$hover-bg}; + --bs-table-hover-color: #{color-contrast($hover-bg)}; color: $color; border-color: mix($color, $background, percentage($table-border-factor)); |