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

Add x-fifth documentation

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-18 12:13:24 +01:00
parent 30b53bf815
commit 426249f36c
2 changed files with 413 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -109,7 +109,7 @@ th {
}
html {
background-color: #fff;
background-color: white;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
@@ -7862,6 +7862,34 @@ label.panel-block:hover {
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
@@ -7882,6 +7910,22 @@ label.panel-block:hover {
margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8056,6 +8100,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
@@ -8071,6 +8139,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-1-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8223,6 +8303,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth, .column.is-one-fifth-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths, .column.is-two-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths, .column.is-three-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths, .column.is-four-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
@@ -8238,6 +8342,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-1, .column.is-1-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8390,6 +8506,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
@@ -8405,6 +8545,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-1-touch {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8557,6 +8709,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
@@ -8572,6 +8748,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-1-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8724,6 +8912,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
@@ -8739,6 +8951,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-1-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
@@ -8891,6 +9115,30 @@ label.panel-block:hover {
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
@@ -8906,6 +9154,18 @@ label.panel-block:hover {
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-1-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;