Skip to content
Browse files

show flex box usage with compass and less

  • Loading branch information...
1 parent 2af8d51 commit e1893a0aa694fd3f81dbfead208d9784d9664716 @kristianmandrup committed
Showing with 24 additions and 1 deletion.
  1. +24 −1 README.md
View
25 README.md
@@ -80,7 +80,30 @@ The following stylesheets with CSS helper classes are included.
* `flexlayout.css`
* `flex-box-helpers.css`
-TODO: Also provide as SCSS/SASS mixins ;)
+Better yet to use [Compass box mixins](http://compass-style.org/examples/compass/css3/box/)
+
+```scss
+@import "compass/css3"
+
+.example {
+ @include display-box;
+ @include box-orient(horizontal);
+ @include box-align(stretch);
+
+ ...
+ .content {
+ @include box-flex(1);
+ }
+}
+```
+
+Or fx [Preboot](https://github.com/markdotto/Preboot.less) if using LESS.
+
+```less
+.content {
+ .box-flex(1);
+}
+```
*Flexbox Articles*

0 comments on commit e1893a0

Please sign in to comment.
Something went wrong with that request. Please try again.