- Hello
- World!
- Welcome
- Hello
| test |
| {"lastUpload":"2018-03-08T17:49:02.337Z","extensionVersion":"v2.9.0"} |
| // this is (a start of) an example of a Susy+mq() setup that mimics bootstrap grid. | |
| // I work on multiple bootstrap-based projects. | |
| // I want to stop using grid classes in the markup, and start using mixins with susy and sass-mq. | |
| // Since the project is heavily tied to the bootstrap grid, I want to have the exact same behavior | |
| // between bootstrap classes (old code) and susy mixins (new code). | |
| // all the grid classes generated below are here to ease up testing. | |
| // required: susy + sass-mq |
| test |
| // ---- | |
| // libsass (v3.3.2) | |
| // ---- | |
| $banner-bg-colors: ( | |
| "PURPLE": purple, | |
| "BLUE": blue, | |
| "TEAL": teal | |
| ); |
| // ---- | |
| // Sass (v3.4.13) | |
| // Compass (v1.0.3) | |
| // ---- | |
| footer.page-footer { | |
| margin-top: 0; | |
| @at-root { | |
| #{&}, | |
| nav { |
| // ---- | |
| // Sass (v3.4.13) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $columns: 6; | |
| @mixin responsive-columns($suffix:''){ | |
| @for $i from 1 through $columns{ | |
| .col#{$suffix}-#{$i}{ |