mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 00:29:52 +02:00
Code Issues Releases Wiki Activity

WIP scss

Browse Source
This commit is contained in:
Mark Otto
2025-04-02 22:15:49 -07:00
parent 785c31f79b
commit bcb50912cd
5 changed files with 108 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
scss/_variables.scss
View File

@@ -160,7 +160,7 @@ $body-emphasis-color: light-dark($black, $white) !default;
//
// Style anchor elements.
$link-color: var(--#{$prefix}primary-text) !default;
$link-color: var(--#{$prefix}primary-base) !default;
$link-decoration: underline !default;
$link-shade-percentage: 20% !default;
$link-hover-color: color-mix(in srgb, #{$link-color}, $black #{$link-shade-percentage}) !default;
@@ -240,7 +240,7 @@ $paragraph-margin-bottom: 1rem !default;
// Define common padding and border radius sizes and more.
// scss-docs-start border-variables
$border-width: 1px !default;
$border-width: 1px !default;
$border-widths: (
1: 1px,
2: 2px,
@@ -248,28 +248,35 @@ $border-widths: (
4: 4px,
5: 5px
) !default;
$border-style: solid !default;
$border-color: light-dark($gray-300, $gray-700) !default;
$border-color-translucent: rgba($black, .175) !default;
$border-style: solid !default;
$border-color: light-dark($gray-300, $gray-700) !default;
$border-color-translucent: rgba($black, .175) !default;
// scss-docs-end border-variables
// scss-docs-start border-radius-variables
$border-radius: .375rem !default;
$border-radius-sm: .25rem !default;
$border-radius-lg: .5rem !default;
$border-radius-xl: 1rem !default;
$border-radius-2xl: 2rem !default;
$border-radius-pill: 50rem !default;
$border-radius: var(--#{$prefix}border-radius) !default;
$border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
$border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
$border-radius-xl: var(--#{$prefix}border-radius-xl) !default;
$border-radius-2xl: var(--#{$prefix}border-radius-2xl) !default;
$border-radius-pill: var(--#{$prefix}border-radius-pill) !default;
// scss-docs-end border-radius-variables
// fusv-disable
$border-radius-2xl: $border-radius-2xl !default; // Deprecated in v5.3.0
// fusv-enable
$border-radii: (
"0": 0,
"sm": $border-radius-sm,
"md": $border-radius,
"lg": $border-radius-lg,
"xl": $border-radius-xl,
"2xl": $border-radius-2xl,
"pill": $border-radius-pill,
) !default;
// scss-docs-start box-shadow-variables
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
// scss-docs-end box-shadow-variables
$component-active-color: $white !default;
@@ -1113,9 +1120,9 @@ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w
$tooltip-font-size: $font-size-sm !default;
$tooltip-max-width: 200px !default;
$tooltip-color: var(--#{$prefix}body-bg) !default;
$tooltip-bg: var(--#{$prefix}emphasis-color) !default;
$tooltip-bg: var(--#{$prefix}fg-) !default;
$tooltip-border-radius: var(--#{$prefix}border-radius) !default;
$tooltip-opacity: .9 !default;
$tooltip-opacity: .95 !default;
$tooltip-padding-y: $spacer * .25 !default;
$tooltip-padding-x: $spacer * .5 !default;
$tooltip-margin: null !default; // TODO: remove this in v6