add mixin flex box and
comp blackberry in flexbox-stylus
This commit is contained in:
parent
b8c60d3286
commit
c330c7f704
2 changed files with 5 additions and 9 deletions
|
@ -12,11 +12,9 @@ iefix = 0.01px
|
||||||
@media (min-width: tiny + 1)
|
@media (min-width: tiny + 1)
|
||||||
[class*=" grid-"]
|
[class*=" grid-"]
|
||||||
[class^="grid-"]
|
[class^="grid-"]
|
||||||
displayFlex()
|
flexbox(flex)
|
||||||
box-orient(horizontal)
|
flex-direction(row)
|
||||||
-webkit-box-direction: normal
|
flex-wrap(wrap)
|
||||||
flex-direction: row
|
|
||||||
flex-wrap: wrap
|
|
||||||
& > *
|
& > *
|
||||||
box-sizing: border-box
|
box-sizing: border-box
|
||||||
min-width: 0
|
min-width: 0
|
||||||
|
@ -77,9 +75,7 @@ grid(grid-number = 1, own-gutter = 0)
|
||||||
order 1
|
order 1
|
||||||
|
|
||||||
[class*="grid-"][class*="--reverse"]
|
[class*="grid-"][class*="--reverse"]
|
||||||
-webkit-box-orient: horizontal
|
flex-direction(row-reverse)
|
||||||
-webkit-box-direction: reverse
|
|
||||||
flex-direction row-reverse
|
|
||||||
|
|
||||||
@media (min-width: tiny + 1)
|
@media (min-width: tiny + 1)
|
||||||
flowToDivid = {'full': 1, 'one-half': 2, 'one-third': 3, 'one-quarter': 4, 'one-fifth': 5, 'one-sixth': 6, 'two-thirds': 3 * 2, 'three-quarters': 4 * 3, 'five-sixths': 6 * 5}
|
flowToDivid = {'full': 1, 'one-half': 2, 'one-third': 3, 'one-quarter': 4, 'one-fifth': 5, 'one-sixth': 6, 'two-thirds': 3 * 2, 'three-quarters': 4 * 3, 'five-sixths': 6 * 5}
|
||||||
|
|
2
styl/vendor/flexbox-stylus
vendored
2
styl/vendor/flexbox-stylus
vendored
|
@ -1 +1 @@
|
||||||
Subproject commit b060889b8100e9f2d69ffc69b4da368d1a40f297
|
Subproject commit f6b3c6ab21a597b721011d14ba33f0f0cd92b7b1
|
Loading…
Add table
Reference in a new issue