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

22
css/versions/bulma-no-helpers-prefixed.css
View File

@@ -2886,8 +2886,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 */
@@ -10291,28 +10295,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;
}
}
@@ -11013,6 +11020,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);