Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 21:14:30 -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

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;
}
}