diff options
Diffstat (limited to 'scss/_reboot.scss')
| -rw-r--r-- | scss/_reboot.scss | 46 |
1 files changed, 22 insertions, 24 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 259f59eb45..8ac790399f 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -27,7 +27,7 @@ :root { @if $font-size-root != null { - font-size: var(--#{$variable-prefix}root-font-size); + @include font-size(var(--#{$prefix}root-font-size)); } @if $enable-smooth-scroll { @@ -48,13 +48,13 @@ // scss-docs-start reboot-body-rules body { margin: 0; // 1 - font-family: var(--#{$variable-prefix}body-font-family); - font-size: var(--#{$variable-prefix}body-font-size); - font-weight: var(--#{$variable-prefix}body-font-weight); - line-height: var(--#{$variable-prefix}body-line-height); - color: var(--#{$variable-prefix}body-color); - text-align: var(--#{$variable-prefix}body-text-align); - background-color: var(--#{$variable-prefix}body-bg); // 2 + font-family: var(--#{$prefix}body-font-family); + @include font-size(var(--#{$prefix}body-font-size)); + font-weight: var(--#{$prefix}body-font-weight); + line-height: var(--#{$prefix}body-line-height); + color: var(--#{$prefix}body-color); + text-align: var(--#{$prefix}body-text-align); + background-color: var(--#{$prefix}body-bg); // 2 -webkit-text-size-adjust: 100%; // 3 -webkit-tap-highlight-color: rgba($black, 0); // 4 } @@ -134,16 +134,14 @@ p { // Abbreviations // -// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin -// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. -// 3. Add explicit cursor to indicate changed behavior. -// 4. Prevent the text-decoration to be skipped. +// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari. +// 2. Add explicit cursor to indicate changed behavior. +// 3. Prevent the text-decoration to be skipped. -abbr[title], -abbr[data-bs-original-title] { // 1 - text-decoration: underline dotted; // 2 - cursor: help; // 3 - text-decoration-skip-ink: none; // 4 +abbr[title] { + text-decoration: underline dotted; // 1 + cursor: help; // 2 + text-decoration-skip-ink: none; // 3 } @@ -219,7 +217,7 @@ small { mark { padding: $mark-padding; - background-color: $mark-bg; + background-color: var(--#{$prefix}highlight-bg); } @@ -243,11 +241,11 @@ sup { top: -.5em; } // Links a { - color: $link-color; + color: var(--#{$prefix}link-color); text-decoration: $link-decoration; &:hover { - color: $link-hover-color; + color: var(--#{$prefix}link-hover-color); text-decoration: $link-hover-decoration; } } @@ -298,7 +296,7 @@ pre { code { @include font-size($code-font-size); - color: $code-color; + color: var(--#{$prefix}code-color); word-wrap: break-word; // Streamline the style when inside anchors to avoid broken underline and more @@ -438,11 +436,11 @@ select { } } -// Remove the dropdown arrow in Chrome from inputs built with datalists. +// Remove the dropdown arrow only from text type inputs built with datalists in Chrome. // See https://stackoverflow.com/a/54997118 -[list]::-webkit-calendar-picker-indicator { - display: none; +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; } // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |