aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/scss/_reboot.scss
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_reboot.scss')
-rw-r--r--vendor/twbs/bootstrap/scss/_reboot.scss65
1 files changed, 25 insertions, 40 deletions
diff --git a/vendor/twbs/bootstrap/scss/_reboot.scss b/vendor/twbs/bootstrap/scss/_reboot.scss
index 79fedc6ca..8ac790399 100644
--- a/vendor/twbs/bootstrap/scss/_reboot.scss
+++ b/vendor/twbs/bootstrap/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);
- @include 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
}
@@ -64,20 +64,15 @@ body {
// Content grouping
//
// 1. Reset Firefox's gray color
-// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field
hr {
margin: $hr-margin-y 0;
color: $hr-color; // 1
- background-color: currentColor;
border: 0;
+ border-top: $hr-border-width solid $hr-border-color;
opacity: $hr-opacity;
}
-hr:not([size]) {
- height: $hr-height; // 2
-}
-
// Typography
//
@@ -139,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
}
@@ -224,7 +217,7 @@ small {
mark {
padding: $mark-padding;
- background-color: $mark-bg;
+ background-color: var(--#{$prefix}highlight-bg);
}
@@ -248,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;
}
}
@@ -279,8 +272,6 @@ kbd,
samp {
font-family: $font-family-code;
@include font-size(1em); // Correct the odd `em` font sizing in all browsers.
- direction: ltr #{"/* rtl:ignore */"};
- unicode-bidi: bidi-override;
}
// 1. Remove browser default top margin
@@ -305,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
@@ -445,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`
@@ -571,16 +562,10 @@ legend {
}
-// Inherit font family and line height for file input buttons
-
-::file-selector-button {
- font: inherit;
-}
-
-// 1. Change font properties to `inherit`
+// 1. Inherit font family and line height for file input buttons
// 2. Correct the inability to style clickable types in iOS and Safari.
-::-webkit-file-upload-button {
+::file-selector-button {
font: inherit; // 1
-webkit-appearance: button; // 2
}