mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Push version 0.0.11
This commit is contained in:
Jeremy Thomas
parent
6aaf7fe5b4
commit
834268f2b0
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "bulma",
|
||||
"version": "0.0.10",
|
||||
"version": "0.0.11",
|
||||
"homepage": "http://bulma.io",
|
||||
"authors": [
|
||||
"jgthms <bbxdesign@gmail.com>"
|
||||
|
||||
324
css/bulma.css
vendored
324
css/bulma.css
vendored
@ -624,14 +624,60 @@ table th {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.is-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.is-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.is-clearfix:after {
|
||||
clear: both;
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.is-pulled-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.is-pulled-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.is-fullwidth {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.is-hidden-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
.is-hidden-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 979px) {
|
||||
.is-hidden-touch {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.is-hidden-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.is-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-marginless {
|
||||
margin: 0 !important;
|
||||
}
|
||||
@ -2166,98 +2212,292 @@ table th {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.column + .column {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.column {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
.column {
|
||||
flex: 1;
|
||||
}
|
||||
.column + .column {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.column.is-double {
|
||||
flex: 2;
|
||||
}
|
||||
.column.is-triple {
|
||||
flex: 3;
|
||||
}
|
||||
.column.is-quadruple {
|
||||
flex: 4;
|
||||
}
|
||||
.column.is-half {
|
||||
.columns.is-mobile > .column.is-half {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-third {
|
||||
flex: none;
|
||||
width: 33.3333%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-quarter {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-1-mobile {
|
||||
flex: none;
|
||||
width: 8.33333%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-2-mobile {
|
||||
flex: none;
|
||||
width: 16.66667%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-3-mobile {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-4-mobile {
|
||||
flex: none;
|
||||
width: 33.33333%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-5-mobile {
|
||||
flex: none;
|
||||
width: 41.66667%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-6-mobile {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-7-mobile {
|
||||
flex: none;
|
||||
width: 58.33333%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-8-mobile {
|
||||
flex: none;
|
||||
width: 66.66667%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-9-mobile {
|
||||
flex: none;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-10-mobile {
|
||||
flex: none;
|
||||
width: 83.33333%;
|
||||
}
|
||||
|
||||
.columns.is-mobile > .column.is-11-mobile {
|
||||
flex: none;
|
||||
width: 91.66667%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.column.is-half-mobile {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-third {
|
||||
.column.is-third-mobile {
|
||||
flex: none;
|
||||
width: 33.3333%;
|
||||
}
|
||||
.column.is-quarter {
|
||||
.column.is-quarter-mobile {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-1 {
|
||||
.column.is-1-mobile {
|
||||
flex: none;
|
||||
width: 8.33333%;
|
||||
}
|
||||
.column.is-2 {
|
||||
.column.is-2-mobile {
|
||||
flex: none;
|
||||
width: 16.66667%;
|
||||
}
|
||||
.column.is-3 {
|
||||
.column.is-3-mobile {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-4 {
|
||||
.column.is-4-mobile {
|
||||
flex: none;
|
||||
width: 33.33333%;
|
||||
}
|
||||
.column.is-5 {
|
||||
.column.is-5-mobile {
|
||||
flex: none;
|
||||
width: 41.66667%;
|
||||
}
|
||||
.column.is-6 {
|
||||
.column.is-6-mobile {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-7 {
|
||||
.column.is-7-mobile {
|
||||
flex: none;
|
||||
width: 58.33333%;
|
||||
}
|
||||
.column.is-8 {
|
||||
.column.is-8-mobile {
|
||||
flex: none;
|
||||
width: 66.66667%;
|
||||
}
|
||||
.column.is-9 {
|
||||
.column.is-9-mobile {
|
||||
flex: none;
|
||||
width: 75%;
|
||||
}
|
||||
.column.is-10 {
|
||||
.column.is-10-mobile {
|
||||
flex: none;
|
||||
width: 83.33333%;
|
||||
}
|
||||
.column.is-11 {
|
||||
.column.is-11-mobile {
|
||||
flex: none;
|
||||
width: 91.66667%;
|
||||
}
|
||||
}
|
||||
|
||||
.columns:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
@media screen and (min-width: 769px) {
|
||||
.column.is-half, .column.is-half-tablet {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-third, .column.is-third-tablet {
|
||||
flex: none;
|
||||
width: 33.3333%;
|
||||
}
|
||||
.column.is-quarter, .column.is-quarter-tablet {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-1, .column.is-1-tablet {
|
||||
flex: none;
|
||||
width: 8.33333%;
|
||||
}
|
||||
.column.is-2, .column.is-2-tablet {
|
||||
flex: none;
|
||||
width: 16.66667%;
|
||||
}
|
||||
.column.is-3, .column.is-3-tablet {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-4, .column.is-4-tablet {
|
||||
flex: none;
|
||||
width: 33.33333%;
|
||||
}
|
||||
.column.is-5, .column.is-5-tablet {
|
||||
flex: none;
|
||||
width: 41.66667%;
|
||||
}
|
||||
.column.is-6, .column.is-6-tablet {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-7, .column.is-7-tablet {
|
||||
flex: none;
|
||||
width: 58.33333%;
|
||||
}
|
||||
.column.is-8, .column.is-8-tablet {
|
||||
flex: none;
|
||||
width: 66.66667%;
|
||||
}
|
||||
.column.is-9, .column.is-9-tablet {
|
||||
flex: none;
|
||||
width: 75%;
|
||||
}
|
||||
.column.is-10, .column.is-10-tablet {
|
||||
flex: none;
|
||||
width: 83.33333%;
|
||||
}
|
||||
.column.is-11, .column.is-11-tablet {
|
||||
flex: none;
|
||||
width: 91.66667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.column.is-half-desktop {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-third-desktop {
|
||||
flex: none;
|
||||
width: 33.3333%;
|
||||
}
|
||||
.column.is-quarter-desktop {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-1-desktop {
|
||||
flex: none;
|
||||
width: 8.33333%;
|
||||
}
|
||||
.column.is-2-desktop {
|
||||
flex: none;
|
||||
width: 16.66667%;
|
||||
}
|
||||
.column.is-3-desktop {
|
||||
flex: none;
|
||||
width: 25%;
|
||||
}
|
||||
.column.is-4-desktop {
|
||||
flex: none;
|
||||
width: 33.33333%;
|
||||
}
|
||||
.column.is-5-desktop {
|
||||
flex: none;
|
||||
width: 41.66667%;
|
||||
}
|
||||
.column.is-6-desktop {
|
||||
flex: none;
|
||||
width: 50%;
|
||||
}
|
||||
.column.is-7-desktop {
|
||||
flex: none;
|
||||
width: 58.33333%;
|
||||
}
|
||||
.column.is-8-desktop {
|
||||
flex: none;
|
||||
width: 66.66667%;
|
||||
}
|
||||
.column.is-9-desktop {
|
||||
flex: none;
|
||||
width: 75%;
|
||||
}
|
||||
.column.is-10-desktop {
|
||||
flex: none;
|
||||
width: 83.33333%;
|
||||
}
|
||||
.column.is-11-desktop {
|
||||
flex: none;
|
||||
width: 91.66667%;
|
||||
}
|
||||
}
|
||||
|
||||
.columns {
|
||||
margin-bottom: 10px;
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.columns.is-mobile {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
.columns {
|
||||
.columns:not(.is-desktop) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.columns.is-gapless > .column + .column {
|
||||
@media screen and (min-width: 980px) {
|
||||
.columns.is-desktop {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.columns.is-gapless:not(:last-child) {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.columns.is-gapless > .column {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.columns.is-multiline {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.columns.is-vcentered {
|
||||
|
||||
File diff suppressed because one or more lines are too long
2
css/bulma.min.css
vendored
2
css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "bulma",
|
||||
"version": "0.0.10",
|
||||
"version": "0.0.11",
|
||||
"homepage": "http://bulma.io",
|
||||
"author": "jgthms <bbxdesign@gmail.com>",
|
||||
"description": "Modern CSS framework based on Flexbox",
|
||||
@ -21,8 +21,8 @@
|
||||
"url": "https://github.com/jgthms/bulma/issues"
|
||||
},
|
||||
"devDependencies": {
|
||||
"node-sass": "~3.4.2",
|
||||
"captain-git-hook": "~1.0.5"
|
||||
"captain-git-hook": "~1.0.5",
|
||||
"node-sass": "~3.4.2"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "npm run clean && npm run build-sass && npm run build-sass-min",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user