library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Push version 0.0.11

Browse Source
This commit is contained in:
Jeremy Thomas 2016-02-09 00:18:26 +01:00
parent 6aaf7fe5b4
commit 834268f2b0
6 changed files with 289 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@ -1,6 +1,6 @@
{ {
"name": "bulma", "name": "bulma",
"version": "0.0.10", "version": "0.0.11",
"homepage": "http://bulma.io", "homepage": "http://bulma.io",
"authors": [ "authors": [
"jgthms <bbxdesign@gmail.com>" "jgthms <bbxdesign@gmail.com>"

324
css/bulma.css vendored
View File

@ -624,14 +624,60 @@ table th {
display: block; display: block;
} }
.is-disabled {
pointer-events: none;
}
.is-inline { .is-inline {
display: 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 { .is-marginless {
margin: 0 !important; margin: 0 !important;
} }
@ -2166,98 +2212,292 @@ table th {
color: white; color: white;
} }
@media screen and (max-width: 768px) { .column {
.column + .column { flex: 1;
margin-top: 20px; padding: 10px;
}
} }
@media screen and (min-width: 769px) { .columns.is-mobile > .column.is-half {
.column { flex: none;
flex: 1; width: 50%;
} }
.column + .column {
margin-left: 20px; .columns.is-mobile > .column.is-third {
} flex: none;
.column.is-double { width: 33.3333%;
flex: 2; }
}
.column.is-triple { .columns.is-mobile > .column.is-quarter {
flex: 3; flex: none;
} width: 25%;
.column.is-quadruple { }
flex: 4;
} .columns.is-mobile > .column.is-1-mobile {
.column.is-half { 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; flex: none;
width: 50%; width: 50%;
} }
.column.is-third { .column.is-third-mobile {
flex: none; flex: none;
width: 33.3333%; width: 33.3333%;
} }
.column.is-quarter { .column.is-quarter-mobile {
flex: none; flex: none;
width: 25%; width: 25%;
} }
.column.is-1 { .column.is-1-mobile {
flex: none; flex: none;
width: 8.33333%; width: 8.33333%;
} }
.column.is-2 { .column.is-2-mobile {
flex: none; flex: none;
width: 16.66667%; width: 16.66667%;
} }
.column.is-3 { .column.is-3-mobile {
flex: none; flex: none;
width: 25%; width: 25%;
} }
.column.is-4 { .column.is-4-mobile {
flex: none; flex: none;
width: 33.33333%; width: 33.33333%;
} }
.column.is-5 { .column.is-5-mobile {
flex: none; flex: none;
width: 41.66667%; width: 41.66667%;
} }
.column.is-6 { .column.is-6-mobile {
flex: none; flex: none;
width: 50%; width: 50%;
} }
.column.is-7 { .column.is-7-mobile {
flex: none; flex: none;
width: 58.33333%; width: 58.33333%;
} }
.column.is-8 { .column.is-8-mobile {
flex: none; flex: none;
width: 66.66667%; width: 66.66667%;
} }
.column.is-9 { .column.is-9-mobile {
flex: none; flex: none;
width: 75%; width: 75%;
} }
.column.is-10 { .column.is-10-mobile {
flex: none; flex: none;
width: 83.33333%; width: 83.33333%;
} }
.column.is-11 { .column.is-11-mobile {
flex: none; flex: none;
width: 91.66667%; width: 91.66667%;
} }
} }
.columns:not(:last-child) { @media screen and (min-width: 769px) {
margin-bottom: 20px; .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) { @media screen and (min-width: 769px) {
.columns { .columns:not(.is-desktop) {
display: flex; 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; margin: 0;
padding: 0;
}
.columns.is-multiline {
flex-wrap: wrap;
} }
.columns.is-vcentered { .columns.is-vcentered {

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/bulma.min.css.map
View File

File diff suppressed because one or more lines are too long

6
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "bulma", "name": "bulma",
"version": "0.0.10", "version": "0.0.11",
"homepage": "http://bulma.io", "homepage": "http://bulma.io",
"author": "jgthms <bbxdesign@gmail.com>", "author": "jgthms <bbxdesign@gmail.com>",
"description": "Modern CSS framework based on Flexbox", "description": "Modern CSS framework based on Flexbox",
@ -21,8 +21,8 @@
"url": "https://github.com/jgthms/bulma/issues" "url": "https://github.com/jgthms/bulma/issues"
}, },
"devDependencies": { "devDependencies": {
"node-sass": "~3.4.2", "captain-git-hook": "~1.0.5",
"captain-git-hook": "~1.0.5" "node-sass": "~3.4.2"
}, },
"scripts": { "scripts": {
"build": "npm run clean && npm run build-sass && npm run build-sass-min", "build": "npm run clean && npm run build-sass && npm run build-sass-min",