Skip to content

Commit ab4a7b7

Browse files
jgthmsjgthms
committed
Add fullheight Section, Add more color helpers, Add tablet Container, Add list of checkboxes and radios
1 parent 2ed62be commit ab4a7b7

27 files changed

+489
-178
lines changed

‎CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66

77
- Smart Grid `is-col-min` now goes up to `32` (Fixes #3829)
88
- Remove need for `is-variable` modifier for Column gaps
9+
- You can have a list of radio buttons or checkboxes with the `radios` and `checkboxes` classes respectively
10+
- Add `is-max-tablet` modifier to the Container element
11+
- Add `currentColor` and `inherit` as possible values for the color and background helpers
12+
- The Section can now have a minimum height of `100vh` with the `is-fullheight` modifier
913

1014
### Bug fixes
1115

‎css/bulma.css

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5689,8 +5689,12 @@ button.tag:active,
56895689
cursor: not-allowed;
56905690
}
56915691

5692-
.radio + .radio {
5693-
margin-inline-start: 0.5em;
5692+
.checkboxes,
5693+
.radios {
5694+
display: flex;
5695+
flex-wrap: wrap;
5696+
column-gap: 1em;
5697+
row-gap: 0.5em;
56945698
}
56955699

56965700
/* Bulma Form */
@@ -13094,28 +13098,31 @@ label.panel-block:hover {
1309413098
padding-right: 32px;
1309513099
width: 100%;
1309613100
}
13101+
.container.is-max-tablet {
13102+
max-width: 705px;
13103+
}
1309713104
@media screen and (min-width: 1024px) {
1309813105
.container {
1309913106
max-width: 960px;
1310013107
}
1310113108
}
1310213109
@media screen and (max-width: 1215px) {
13103-
.container.is-widescreen:not(.is-max-desktop) {
13110+
.container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) {
1310413111
max-width: 1152px;
1310513112
}
1310613113
}
1310713114
@media screen and (max-width: 1407px) {
13108-
.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
13115+
.container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
1310913116
max-width: 1344px;
1311013117
}
1311113118
}
1311213119
@media screen and (min-width: 1216px) {
13113-
.container:not(.is-max-desktop) {
13120+
.container:not(.is-max-tablet):not(.is-max-desktop) {
1311413121
max-width: 1152px;
1311513122
}
1311613123
}
1311713124
@media screen and (min-width: 1408px) {
13118-
.container:not(.is-max-desktop):not(.is-max-widescreen) {
13125+
.container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
1311913126
max-width: 1344px;
1312013127
}
1312113128
}
@@ -13816,6 +13823,9 @@ label.panel-block:hover {
1381613823
padding: var(--bulma-section-padding-large);
1381713824
}
1381813825
}
13826+
.section.is-fullheight {
13827+
min-height: 100vh;
13828+
}
1381913829

1382013830
:root {
1382113831
--bulma-skeleton-background: var(--bulma-border);
@@ -19555,6 +19565,22 @@ has-background-danger.is-hoverable:active {
1955519565
background-color: hsl(221, 14%, 98%) !important;
1955619566
}
1955719567

19568+
.has-text-current {
19569+
color: currentColor !important;
19570+
}
19571+
19572+
.has-text-inherit {
19573+
color: inherit !important;
19574+
}
19575+
19576+
.has-background-current {
19577+
background-color: currentColor !important;
19578+
}
19579+
19580+
.has-background-inherit {
19581+
background-color: inherit !important;
19582+
}
19583+
1955819584
.is-flex-direction-row {
1955919585
flex-direction: row !important;
1956019586
}

‎css/bulma.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bulma.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-dark-mode.css

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2886,8 +2886,12 @@ button.tag:active,
28862886
cursor: not-allowed;
28872887
}
28882888

2889-
.radio + .radio {
2890-
margin-inline-start: 0.5em;
2889+
.checkboxes,
2890+
.radios {
2891+
display: flex;
2892+
flex-wrap: wrap;
2893+
column-gap: 1em;
2894+
row-gap: 0.5em;
28912895
}
28922896

28932897
/* Bulma Form */
@@ -10291,28 +10295,31 @@ label.panel-block:hover {
1029110295
padding-right: 32px;
1029210296
width: 100%;
1029310297
}
10298+
.container.is-max-tablet {
10299+
max-width: 705px;
10300+
}
1029410301
@media screen and (min-width: 1024px) {
1029510302
.container {
1029610303
max-width: 960px;
1029710304
}
1029810305
}
1029910306
@media screen and (max-width: 1215px) {
10300-
.container.is-widescreen:not(.is-max-desktop) {
10307+
.container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) {
1030110308
max-width: 1152px;
1030210309
}
1030310310
}
1030410311
@media screen and (max-width: 1407px) {
10305-
.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
10312+
.container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
1030610313
max-width: 1344px;
1030710314
}
1030810315
}
1030910316
@media screen and (min-width: 1216px) {
10310-
.container:not(.is-max-desktop) {
10317+
.container:not(.is-max-tablet):not(.is-max-desktop) {
1031110318
max-width: 1152px;
1031210319
}
1031310320
}
1031410321
@media screen and (min-width: 1408px) {
10315-
.container:not(.is-max-desktop):not(.is-max-widescreen) {
10322+
.container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
1031610323
max-width: 1344px;
1031710324
}
1031810325
}
@@ -11013,6 +11020,9 @@ label.panel-block:hover {
1101311020
padding: var(--bulma-section-padding-large);
1101411021
}
1101511022
}
11023+
.section.is-fullheight {
11024+
min-height: 100vh;
11025+
}
1101611026

1101711027
:root {
1101811028
--bulma-skeleton-background: var(--bulma-border);
@@ -16752,6 +16762,22 @@ has-background-danger.is-hoverable:active {
1675216762
background-color: hsl(221, 14%, 98%) !important;
1675316763
}
1675416764

16765+
.has-text-current {
16766+
color: currentColor !important;
16767+
}
16768+
16769+
.has-text-inherit {
16770+
color: inherit !important;
16771+
}
16772+
16773+
.has-background-current {
16774+
background-color: currentColor !important;
16775+
}
16776+
16777+
.has-background-inherit {
16778+
background-color: inherit !important;
16779+
}
16780+
1675516781
.is-flex-direction-row {
1675616782
flex-direction: row !important;
1675716783
}

‎css/versions/bulma-no-dark-mode.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-dark-mode.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers-prefixed.css

Lines changed: 16 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers-prefixed.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers-prefixed.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers.css

Lines changed: 16 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-no-helpers.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-prefixed.min.css

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5689,8 +5689,12 @@ button.bulma-tag:active,
56895689
cursor: not-allowed;
56905690
}
56915691

5692-
.bulma-radio + .bulma-radio {
5693-
margin-inline-start: 0.5em;
5692+
.bulma-checkboxes,
5693+
.bulma-radios {
5694+
display: flex;
5695+
flex-wrap: wrap;
5696+
column-gap: 1em;
5697+
row-gap: 0.5em;
56945698
}
56955699

56965700
/* Bulma Form */
@@ -13094,28 +13098,31 @@ label.bulma-panel-block:hover {
1309413098
padding-right: 32px;
1309513099
width: 100%;
1309613100
}
13101+
.bulma-container.bulma-is-max-tablet {
13102+
max-width: 705px;
13103+
}
1309713104
@media screen and (min-width: 1024px) {
1309813105
.bulma-container {
1309913106
max-width: 960px;
1310013107
}
1310113108
}
1310213109
@media screen and (max-width: 1215px) {
13103-
.bulma-container.bulma-is-widescreen:not(.bulma-is-max-desktop) {
13110+
.bulma-container.bulma-is-widescreen:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop) {
1310413111
max-width: 1152px;
1310513112
}
1310613113
}
1310713114
@media screen and (max-width: 1407px) {
13108-
.bulma-container.bulma-is-fullhd:not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
13115+
.bulma-container.bulma-is-fullhd:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
1310913116
max-width: 1344px;
1311013117
}
1311113118
}
1311213119
@media screen and (min-width: 1216px) {
13113-
.bulma-container:not(.bulma-is-max-desktop) {
13120+
.bulma-container:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop) {
1311413121
max-width: 1152px;
1311513122
}
1311613123
}
1311713124
@media screen and (min-width: 1408px) {
13118-
.bulma-container:not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
13125+
.bulma-container:not(.bulma-is-max-tablet):not(.bulma-is-max-desktop):not(.bulma-is-max-widescreen) {
1311913126
max-width: 1344px;
1312013127
}
1312113128
}
@@ -13816,6 +13823,9 @@ label.bulma-panel-block:hover {
1381613823
padding: var(--bulma-section-padding-large);
1381713824
}
1381813825
}
13826+
.bulma-section.bulma-is-fullheight {
13827+
min-height: 100vh;
13828+
}
1381913829

1382013830
:root {
1382113831
--bulma-skeleton-background: var(--bulma-border);
@@ -19555,6 +19565,22 @@ has-background-danger.is-hoverable:active {
1955519565
background-color: hsl(221, 14%, 98%) !important;
1955619566
}
1955719567

19568+
.has-text-current {
19569+
color: currentColor !important;
19570+
}
19571+
19572+
.has-text-inherit {
19573+
color: inherit !important;
19574+
}
19575+
19576+
.has-background-current {
19577+
background-color: currentColor !important;
19578+
}
19579+
19580+
.has-background-inherit {
19581+
background-color: inherit !important;
19582+
}
19583+
1955819584
.is-flex-direction-row {
1955919585
flex-direction: row !important;
1956019586
}

‎css/versions/bulma-prefixed.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/versions/bulma-prefixed.min.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/_includes/docs/color/current.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<span class="bd-color" style="background: currentColor"></span>
2+
<code>currentColor</code>

‎docs/_includes/docs/color/inherit.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<span class="bd-color" style="background: inherit"></span>
2+
<code>inherit</code>

0 commit comments

Comments
 (0)