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

Restyle docs callouts

Browse Source
This commit is contained in:
Mark Otto
2025-06-22 14:15:00 -07:00
parent 7c9fe6a862
commit a09fc9a496
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
site/src/scss/_callouts.scss
View File

@@ -1,5 +1,6 @@
@use "../../../scss/config" as *; @use "../../../scss/config" as *;
@use "../../../scss/colors" as *; @use "../../../scss/colors" as *;
@use "../../../scss/mixins/border-radius" as *;
@use "variables" as *; @use "variables" as *;
// //
@@ -7,20 +8,28 @@
// //
.bd-callout { .bd-callout {
--#{$prefix}link-color-rgb: var(--bd-callout-link); --#{$prefix}link-color: var(--bd-callout-color);
--#{$prefix}link-hover-color: var(--bd-callout-color);
--#{$prefix}code-color: var(--bd-callout-code-color); --#{$prefix}code-color: var(--bd-callout-code-color);
padding: 1.25rem; padding: 1.25rem;
margin-top: 1.25rem; margin-top: 1.25rem;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
color: var(--bd-callout-color, inherit); font-size: .875rem;
line-height: 1.5;
// color: var(--bd-callout-color, inherit);
background-color: var(--bd-callout-bg, var(--bs-gray-100)); background-color: var(--bd-callout-bg, var(--bs-gray-100));
border: 1px solid var(--bd-callout-border, var(--bs-border-color));
border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300)); border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
@include border-radius(var(--bs-border-radius));
// box-shadow: inset .25rem 0 0 var(--bd-callout-border, var(--bs-gray-300));
h4 { h4 {
margin-bottom: .25rem; margin-bottom: .25rem;
} }
a { font-weight: 500; }
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -37,8 +46,8 @@
// Variations // Variations
@each $variant in $bd-callout-variants { @each $variant in $bd-callout-variants {
.bd-callout-#{$variant} { .bd-callout-#{$variant} {
--bd-callout-color: var(--bs-#{$variant}-text-emphasis); // --bd-callout-color: var(--bs-#{$variant}-text);
--bd-callout-bg: var(--bs-#{$variant}-bg-subtle); --bd-callout-bg: color-mix(in srgb, var(--bs-#{$variant}-bg-subtle), transparent 50%);
--bd-callout-border: var(--bs-#{$variant}-border-subtle); --bd-callout-border: var(--bs-#{$variant}-border);
} }
} }