Forms: Disabled checks/radios background-color fix

trimble-oss · Oct 8, 2024 · 64e1354 · 64e1354
1 parent 1e46871
commit 64e1354
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 7 deletions.
diff --git a/dist/css/modus-bootstrap.css b/dist/css/modus-bootstrap.css
diff --git a/dist/css/modus-bootstrap.css.map b/dist/css/modus-bootstrap.css.map
diff --git a/dist/css/modus-bootstrap.min.css b/dist/css/modus-bootstrap.min.css
diff --git a/dist/css/modus-bootstrap.min.css.map b/dist/css/modus-bootstrap.min.css.map
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
@@ -263,3 +263,15 @@
  forced-color-adjust: none;
  }
 }
+
+.form-check-input:disabled:not(:checked):not(:indeterminate) {
+ background-color: #e0e1e9;
+}
+
+@if $enable-dark-mode {
+ @include color-mode(dark) {
+ .form-check-input:disabled:not(:checked):not(:indeterminate) {
+ background-color: #585c65;
+ }
+ }
+}
diff --git a/site/content/docs/v2/content/typography.md b/site/content/docs/v2/content/typography.md
@@ -1,14 +1,14 @@
 ---
 layout: docs
 title: Typography
-description: Documentation and examples for Modus Bootstrap typography, including global settings, headings, body text, lists, and more.
+description: Documentation and examples for Modus typography, including global settings, headings, body text, lists, and more.
 group: content
 toc: true
 ---
 
 ## Global settings
 
-Bootstrap sets basic global display, typography, and link styles. When more control is needed, check out the [textual utility classes]({{< docsref "/utilities/text" >}}).
+Sets basic global display, typography, and link styles. When more control is needed, check out the [textual utility classes]({{< docsref "/utilities/text" >}}).
 
 - Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base applied to the `<body>`.
 - Set the global link color via `$link-color`.

diff --git a/site/content/docs/v2/layout/breakpoints.md b/site/content/docs/v2/layout/breakpoints.md
@@ -1,7 +1,7 @@
 ---
 layout: docs
 title: Breakpoints
-description: Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.
+description: Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes.
 group: layout
 aliases:
  - "/docs/v2/layout/"

diff --git a/site/content/docs/v2/layout/gutters.md b/site/content/docs/v2/layout/gutters.md
@@ -1,7 +1,7 @@
 ---
 layout: docs
 title: Gutters
-description: Gutters are the padding between your columns, used to responsively space and align content in the Bootstrap grid system.
+description: Gutters are the padding between your columns, used to responsively space and align content in the grid system.
 group: layout
 toc: true
 ---