Add fullheight Section, Add more color helpers, Add tablet Container,…

… Add list of checkboxes and radios
jgthms · Jul 7, 2024 · ab4a7b7 · ab4a7b7
1 parent 2ed62be
commit ab4a7b7
Show file tree

Hide file tree

Showing 27 changed files with 489 additions and 178 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,10 @@
 
 - Smart Grid `is-col-min` now goes up to `32` (Fixes #3829)
 - Remove need for `is-variable` modifier for Column gaps
+- You can have a list of radio buttons or checkboxes with the `radios` and `checkboxes` classes respectively
+- Add `is-max-tablet` modifier to the Container element
+- Add `currentColor` and `inherit` as possible values for the color and background helpers
+- The Section can now have a minimum height of `100vh` with the `is-fullheight` modifier
 
 ### Bug fixes
 

diff --git a/css/bulma.css b/css/bulma.css
@@ -5689,8 +5689,12 @@ button.tag:active,
   cursor: not-allowed;
 }
 
-.radio + .radio {
-  margin-inline-start: 0.5em;
+.checkboxes,
+.radios {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 1em;
+  row-gap: 0.5em;
 }
 
 /* Bulma Form */
@@ -13094,28 +13098,31 @@ label.panel-block:hover {
   padding-right: 32px;
   width: 100%;
 }
+.container.is-max-tablet {
+  max-width: 705px;
+}
 @media screen and (min-width: 1024px) {
   .container {
     max-width: 960px;
   }
 }
 @media screen and (max-width: 1215px) {
-  .container.is-widescreen:not(.is-max-desktop) {
+  .container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (max-width: 1407px) {
-  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
+  .container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
 @media screen and (min-width: 1216px) {
-  .container:not(.is-max-desktop) {
+  .container:not(.is-max-tablet):not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (min-width: 1408px) {
-  .container:not(.is-max-desktop):not(.is-max-widescreen) {
+  .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
@@ -13816,6 +13823,9 @@ label.panel-block:hover {
     padding: var(--bulma-section-padding-large);
   }
 }
+.section.is-fullheight {
+  min-height: 100vh;
+}
 
 :root {
   --bulma-skeleton-background: var(--bulma-border);
@@ -19555,6 +19565,22 @@ has-background-danger.is-hoverable:active {
   background-color: hsl(221, 14%, 98%) !important;
 }
 
+.has-text-current {
+  color: currentColor !important;
+}
+
+.has-text-inherit {
+  color: inherit !important;
+}
+
+.has-background-current {
+  background-color: currentColor !important;
+}
+
+.has-background-inherit {
+  background-color: inherit !important;
+}
+
 .is-flex-direction-row {
   flex-direction: row !important;
 }

diff --git a/css/bulma.css.map b/css/bulma.css.map
diff --git a/css/bulma.min.css b/css/bulma.min.css
diff --git a/css/versions/bulma-no-dark-mode.css b/css/versions/bulma-no-dark-mode.css
@@ -2886,8 +2886,12 @@ button.tag:active,
   cursor: not-allowed;
 }
 
-.radio + .radio {
-  margin-inline-start: 0.5em;
+.checkboxes,
+.radios {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 1em;
+  row-gap: 0.5em;
 }
 
 /* Bulma Form */
@@ -10291,28 +10295,31 @@ label.panel-block:hover {
   padding-right: 32px;
   width: 100%;
 }
+.container.is-max-tablet {
+  max-width: 705px;
+}
 @media screen and (min-width: 1024px) {
   .container {
     max-width: 960px;
   }
 }
 @media screen and (max-width: 1215px) {
-  .container.is-widescreen:not(.is-max-desktop) {
+  .container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (max-width: 1407px) {
-  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
+  .container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
 @media screen and (min-width: 1216px) {
-  .container:not(.is-max-desktop) {
+  .container:not(.is-max-tablet):not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (min-width: 1408px) {
-  .container:not(.is-max-desktop):not(.is-max-widescreen) {
+  .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
@@ -11013,6 +11020,9 @@ label.panel-block:hover {
     padding: var(--bulma-section-padding-large);
   }
 }
+.section.is-fullheight {
+  min-height: 100vh;
+}
 
 :root {
   --bulma-skeleton-background: var(--bulma-border);
@@ -16752,6 +16762,22 @@ has-background-danger.is-hoverable:active {
   background-color: hsl(221, 14%, 98%) !important;
 }
 
+.has-text-current {
+  color: currentColor !important;
+}
+
+.has-text-inherit {
+  color: inherit !important;
+}
+
+.has-background-current {
+  background-color: currentColor !important;
+}
+
+.has-background-inherit {
+  background-color: inherit !important;
+}
+
 .is-flex-direction-row {
   flex-direction: row !important;
 }

diff --git a/css/versions/bulma-no-dark-mode.css.map b/css/versions/bulma-no-dark-mode.css.map
diff --git a/css/versions/bulma-no-dark-mode.min.css b/css/versions/bulma-no-dark-mode.min.css
diff --git a/css/versions/bulma-no-helpers-prefixed.css b/css/versions/bulma-no-helpers-prefixed.css
diff --git a/css/versions/bulma-no-helpers-prefixed.css.map b/css/versions/bulma-no-helpers-prefixed.css.map
diff --git a/css/versions/bulma-no-helpers-prefixed.min.css b/css/versions/bulma-no-helpers-prefixed.min.css
diff --git a/css/versions/bulma-no-helpers.css b/css/versions/bulma-no-helpers.css
diff --git a/css/versions/bulma-no-helpers.css.map b/css/versions/bulma-no-helpers.css.map
diff --git a/css/versions/bulma-no-helpers.min.css b/css/versions/bulma-no-helpers.min.css
diff --git a/css/versions/bulma-prefixed.min.css b/css/versions/bulma-prefixed.min.css
@@ -5689,8 +5689,12 @@ button.bulma-tag:active,
   cursor: not-allowed;
 }
 
-.bulma-radio + .bulma-radio {
-  margin-inline-start: 0.5em;
+.bulma-checkboxes,
+.bulma-radios {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 1em;
+  row-gap: 0.5em;
 }
 
 /* Bulma Form */
@@ -13094,28 +13098,31 @@ label.bulma-panel-block:hover {
   padding-right: 32px;
   width: 100%;
 }
+.bulma-container.bulma-is-max-tablet {
+  max-width: 705px;
+}
 @media screen and (min-width: 1024px) {
   .bulma-container {
     max-width: 960px;
   }
 }
 @media screen and (max-width: 1215px) {
-  .bulma-container.bulma-is-widescreen:not(.bulma-is-max-desktop) {
+  .bulma-container.bulma-is-widescreen:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (max-width: 1407px) {
-  .bulma-container.bulma-is-fullhd:not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
+  .bulma-container.bulma-is-fullhd:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
     max-width: 1344px;
   }
 }
 @media screen and (min-width: 1216px) {
-  .bulma-container:not(.bulma-is-max-desktop) {
+  .bulma-container:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop) {
     max-width: 1152px;
   }
 }
 @media screen and (min-width: 1408px) {
-  .bulma-container:not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
+  .bulma-container:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
     max-width: 1344px;
   }
 }
@@ -13816,6 +13823,9 @@ label.bulma-panel-block:hover {
     padding: var(--bulma-section-padding-large);
   }
 }
+.bulma-section.bulma-is-fullheight {
+  min-height: 100vh;
+}
 
 :root {
   --bulma-skeleton-background: var(--bulma-border);
@@ -19555,6 +19565,22 @@ has-background-danger.is-hoverable:active {
   background-color: hsl(221, 14%, 98%) !important;
 }
 
+.has-text-current {
+  color: currentColor !important;
+}
+
+.has-text-inherit {
+  color: inherit !important;
+}
+
+.has-background-current {
+  background-color: currentColor !important;
+}
+
+.has-background-inherit {
+  background-color: inherit !important;
+}
+
 .is-flex-direction-row {
   flex-direction: row !important;
 }

diff --git a/css/versions/bulma-prefixed.min.css.map b/css/versions/bulma-prefixed.min.css.map
diff --git a/css/versions/bulma-prefixed.min.min.css b/css/versions/bulma-prefixed.min.min.css
diff --git a/docs/_includes/docs/color/current.html b/docs/_includes/docs/color/current.html
@@ -0,0 +1,2 @@
+<span class="bd-color" style="background: currentColor"></span>
+<code>currentColor</code>
diff --git a/docs/_includes/docs/color/inherit.html b/docs/_includes/docs/color/inherit.html
@@ -0,0 +1,2 @@
+<span class="bd-color" style="background: inherit"></span>
+<code>inherit</code>