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

More grid work

Browse Source
This commit is contained in:
Jeremy Thomas
2018-02-13 09:38:04 +00:00
parent 6d9005ad2a
commit fddb98d732
5 changed files with 58 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
docs/css/bulma-docs.css
View File

@@ -8670,12 +8670,21 @@ label.panel-block:hover {
--columnGap: 2rem;
}
.grid-container {
box-shadow: 0 0 0 1px #7a7a7a;
margin: 0 auto;
max-width: 1000px;
padding: 0 !important;
}
.grid {
--gridGap: 0.75rem;
--gridGap: 0;
--gridColumnGap: var(--gridGap);
--gridRowGap: var(--gridGap);
display: grid;
grid-column-gap: 0.75rem;
grid-column-gap: 1px;
grid-row-gap: 0.75rem;
grid-row-gap: 1px;
grid-column-gap: var(--gridColumnGap);
grid-row-gap: var(--gridRowGap);
}
.grid:not(:last-child) {
@@ -8709,26 +8718,50 @@ label.panel-block:hover {
padding: 1rem;
}
.cell.is-1-tall {
grid-row: span 1;
}
.cell.is-1-wide {
grid-column: span 1;
}
.cell.is-2-tall {
grid-row: span 2;
}
.cell.is-2-wide {
grid-column: span 2;
}
.cell.is-3-tall {
grid-row: span 3;
}
.cell.is-3-wide {
grid-column: span 3;
}
.cell.is-4-tall {
grid-row: span 4;
}
.cell.is-4-wide {
grid-column: span 4;
}
.cell.is-5-tall {
grid-row: span 5;
}
.cell.is-5-wide {
grid-column: span 5;
}
.cell.is-6-tall {
grid-row: span 6;
}
.cell.is-6-wide {
grid-column: span 6;
}