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

Add flex grow and shrink classes

Browse source
This commit is contained in:
John Otander 2017-10-26 15:01:05 -06:00
parent a0fa392774
commit 47b29e68aa
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/_flexbox.css
View file

@ -66,6 +66,12 @@
.order-8 { order: 8; }
.order-last { order: 99999; }
.grow-0 { flex-grow: 0; }
.grow-1 { flex-grow: 1; }
.shrink-0 { flex-shrink: 0; }
.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; }
.grow-0-ns { flex-grow: 0; }
.grow-1-ns { flex-grow: 1; }
.shrink-0-ns { flex-shrink: 0; }
.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; }
.grow-0-m { flex-grow: 0; }
.grow-1-m { flex-grow: 1; }
.shrink-0-m { flex-shrink: 0; }
.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; }
.grow-0-l { flex-grow: 0; }
.grow-1-l { flex-grow: 1; }
.shrink-0-l { flex-shrink: 0; }
.shrink-1-l { flex-shrink: 1; }
}