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

38
docs/assets/css/website.css
View File

@@ -9618,8 +9618,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 */
@@ -17583,28 +17587,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;
}
}
@@ -18675,6 +18682,9 @@ label.panel-block:hover {
padding: var(--bulma-section-padding-large);
}
}
.section.is-fullheight {
min-height: 100vh;
}
:root {
--bulma-skeleton-background: var(--bulma-border);
@@ -29404,6 +29414,22 @@ has-background-moon.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;
}