mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-15 11:59:39 +03:00
Julien Déramond
02d8ed85e4
- @astrojs/check ^0.9.5 → ^0.9.6 - @astrojs/markdown-remark ^6.3.9 → ^6.3.10 - @astrojs/mdx ^4.3.12 → ^4.3.13 - astro ^5.16.0 → ^5.16.6 - autoprefixer ^10.4.22 → ^10.4.23 - find-unused-sass-variables ^6.1.0 → ^6.1.1 - jasmine ^5.12.0 → ^5.13.0 - prettier ^3.6.2 → ^3.7.4 - rollup ^4.53.3 → ^4.54.0 - sass-true ^10.0.0 → ^10.1.0 - stylelint ^16.26.0 → ^16.26.1 - zod ^4.1.13 → ^4.2.1
25 lines
1.3 KiB
SCSS
25 lines
1.3 KiB
SCSS
// scss-docs-start table-variant
|
|
@mixin table-variant($state, $background) {
|
|
.table-#{$state} {
|
|
$color: color-contrast(opaque($body-bg, $background));
|
|
$hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
|
|
$striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
|
|
$active-bg: mix($color, $background, percentage($table-active-bg-factor));
|
|
$table-border-color: mix($color, $background, percentage($table-border-factor));
|
|
|
|
--#{$prefix}table-color: #{$color};
|
|
--#{$prefix}table-bg: #{$background};
|
|
--#{$prefix}table-border-color: #{$table-border-color};
|
|
--#{$prefix}table-striped-bg: #{$striped-bg};
|
|
--#{$prefix}table-striped-color: #{color-contrast($striped-bg)}; // stylelint-disable-line scss/dollar-variable-no-missing-interpolation
|
|
--#{$prefix}table-active-bg: #{$active-bg};
|
|
--#{$prefix}table-active-color: #{color-contrast($active-bg)}; // stylelint-disable-line scss/dollar-variable-no-missing-interpolation
|
|
--#{$prefix}table-hover-bg: #{$hover-bg};
|
|
--#{$prefix}table-hover-color: #{color-contrast($hover-bg)}; // stylelint-disable-line scss/dollar-variable-no-missing-interpolation
|
|
|
|
color: var(--#{$prefix}table-color);
|
|
border-color: var(--#{$prefix}table-border-color);
|
|
}
|
|
}
|
|
// scss-docs-end table-variant
|