stellarskylark/tachyons-skylark
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #448 from tachyons-css/flex-grow-and-shrink

Browse source 
Add flex grow and shrink classes
This commit is contained in:
John Otander 2017-10-26 15:55:02 -06:00 committed by GitHub
commit c19b675e4b
3 changed files with 41 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
css/tachyons.css
View file

@ -722,6 +722,10 @@ img { max-width: 100%; }
.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
.order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; }
.flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; }
.flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; }
/*
FLOATS
@ -2215,6 +2219,10 @@ code, .code { font-family: Consolas, monaco, monospace; }
.order-7-ns { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
.order-8-ns { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
.order-last-ns { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; }
.flex-grow-0-ns { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1-ns { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-shrink-0-ns { -ms-flex-negative: 0; flex-shrink: 0; }
.flex-shrink-1-ns { -ms-flex-negative: 1; flex-shrink: 1; }
.fl-ns { float: left; display: inline; }
.fr-ns { float: right; display: inline; }
.fn-ns { float: none; }
@ -2634,6 +2642,10 @@ code, .code { font-family: Consolas, monaco, monospace; }
.order-7-m { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
.order-8-m { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
.order-last-m { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; }
.flex-grow-0-m { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1-m { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-shrink-0-m { -ms-flex-negative: 0; flex-shrink: 0; }
.flex-shrink-1-m { -ms-flex-negative: 1; flex-shrink: 1; }
.fl-m { float: left; display: inline; }
.fr-m { float: right; display: inline; }
.fn-m { float: none; }
@ -3053,6 +3065,10 @@ code, .code { font-family: Consolas, monaco, monospace; }
.order-7-l { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
.order-8-l { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
.order-last-l { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; }
.flex-grow-0-l { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-shrink-0-l { -ms-flex-negative: 0; flex-shrink: 0; }
.flex-shrink-1-l { -ms-flex-negative: 1; flex-shrink: 1; }
.fl-l { float: left; display: inline; }
.fr-l { float: right; display: inline; }
.fn-l { float: none; }

2
css/tachyons.min.css vendored
View file

File diff suppressed because one or more lines are too long

24
src/_flexbox.css
View file

@ -66,6 +66,12 @@
.order-8 { order: 8; }
.order-last { order: 99999; }
.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }
@media (--breakpoint-not-small) {
.flex-ns { display: flex; }
.inline-flex-ns { display: inline-flex; }
@ -117,6 +123,12 @@
.order-7-ns { order: 7; }
.order-8-ns { order: 8; }
.order-last-ns { order: 99999; }
.flex-grow-0-ns { flex-grow: 0; }
.flex-grow-1-ns { flex-grow: 1; }
.flex-shrink-0-ns { flex-shrink: 0; }
.flex-shrink-1-ns { flex-shrink: 1; }
}
@media (--breakpoint-medium) {
.flex-m { display: flex; }
@ -169,6 +181,12 @@
.order-7-m { order: 7; }
.order-8-m { order: 8; }
.order-last-m { order: 99999; }
.flex-grow-0-m { flex-grow: 0; }
.flex-grow-1-m { flex-grow: 1; }
.flex-shrink-0-m { flex-shrink: 0; }
.flex-shrink-1-m { flex-shrink: 1; }
}
@media (--breakpoint-large) {
@ -223,4 +241,10 @@
.order-7-l { order: 7; }
.order-8-l { order: 8; }
.order-last-l { order: 99999; }
.flex-grow-0-l { flex-grow: 0; }
.flex-grow-1-l { flex-grow: 1; }
.flex-shrink-0-l { flex-shrink: 0; }
.flex-shrink-1-l { flex-shrink: 1; }
}