Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add fullheight Section, Add more color helpers, Add tablet Container, Add list of checkboxes and radios

Browse Source
This commit is contained in:
Jeremy Thomas
2024-07-07 17:59:24 +01:00
parent 2ed62be159
commit ab4a7b7d18
27 changed files with 490 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
sass/form/checkbox-radio.scss
View File

@@ -25,8 +25,12 @@
.#{iv.$class-prefix}radio {
@extend %checkbox-radio;
& + .#{iv.$class-prefix}radio {
margin-inline-start: 0.5em;
}
}
.#{iv.$class-prefix}checkboxes,
.#{iv.$class-prefix}radios {
display: flex;
flex-wrap: wrap;
column-gap: 1em;
row-gap: 0.5em;
}

16
sass/helpers/color.scss
View File

@@ -326,3 +326,19 @@ $digits: (
background-color: $shade !important;
}
}
.#{iv.$helpers-has-prefix}text-current {
color: currentColor !important;
}
.#{iv.$helpers-has-prefix}text-inherit {
color: inherit !important;
}
.#{iv.$helpers-has-prefix}background-current {
background-color: currentColor !important;
}
.#{iv.$helpers-has-prefix}background-inherit {
background-color: inherit !important;
}

24
sass/layout/container.scss
View File

@@ -17,34 +17,42 @@ $container-max-width: iv.$fullhd !default;
width: 100%;
}
&.#{iv.$class-prefix}is-max-tablet {
max-width: iv.$tablet - $container-offset;
}
@include mx.desktop {
max-width: iv.$desktop - $container-offset;
}
@include mx.until-widescreen {
&.#{iv.$class-prefix}is-widescreen:not(.#{iv.$class-prefix}is-max-desktop) {
&.#{iv.$class-prefix}is-widescreen:not(
.#{iv.$class-prefix}is-max-tablet
):not(.#{iv.$class-prefix}is-max-desktop) {
max-width: min(iv.$widescreen, $container-max-width) - $container-offset;
}
}
@include mx.until-fullhd {
&.#{iv.$class-prefix}is-fullhd:not(.#{iv.$class-prefix}is-max-desktop):not(
.#{iv.$class-prefix}is-max-widescreen
) {
&.#{iv.$class-prefix}is-fullhd:not(.#{iv.$class-prefix}is-max-tablet):not(
.#{iv.$class-prefix}is-max-desktop
):not(.#{iv.$class-prefix}is-max-widescreen) {
max-width: min(iv.$fullhd, $container-max-width) - $container-offset;
}
}
@include mx.widescreen {
&:not(.#{iv.$class-prefix}is-max-desktop) {
&:not(.#{iv.$class-prefix}is-max-tablet):not(
.#{iv.$class-prefix}is-max-desktop
) {
max-width: min(iv.$widescreen, $container-max-width) - $container-offset;
}
}
@include mx.fullhd {
&:not(.#{iv.$class-prefix}is-max-desktop):not(
.#{iv.$class-prefix}is-max-widescreen
) {
&:not(.#{iv.$class-prefix}is-max-tablet):not(
.#{iv.$class-prefix}is-max-desktop
):not(.#{iv.$class-prefix}is-max-widescreen) {
max-width: min(iv.$fullhd, $container-max-width) - $container-offset;
}
}

4
sass/layout/section.scss
View File

@@ -31,4 +31,8 @@ $section-padding-large: 18rem 6rem !default;
padding: cv.getVar("section-padding-large");
}
}
&.#{iv.$class-prefix}is-fullheight {
min-height: 100vh;
}
}