Setup
bower install jquery bootstrap
| <div class="col-contain"> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| </div> |
| // ---- | |
| // Sass (v3.3.3) | |
| // Compass (v1.0.0.alpha.18) | |
| // Guff (v1.0.0) | |
| // ---- | |
| @import "guff"; | |
| @include reset; |
| // ---- | |
| // Sass (v3.3.3) | |
| // Compass (v1.0.0.alpha.18) | |
| // Guff (v1.0.0) | |
| // ---- | |
| @import "guff"; | |
| div { | |
| @include breakpoint($desktop) { |
Setup
bower install jquery bootstrap
| // ---- | |
| // Sass (v3.4.4) | |
| // Compass (v1.0.1) | |
| // ---- | |
| $primaryColor: #eeccff; | |
| body { | |
| $primaryColor: #ccc !global; | |
| background: $primaryColor; |
| <div class="container"> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| </div> |
| <button type="button">I look amazing</button> |
| // ---- | |
| // Sass (v3.4.4) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .first-component { | |
| .text { font-size: 1.4rem; } | |
| .button { font-size: 1.7rem; } | |
| @at-root .second-component { | |
| .text { font-size: 1.2rem; } |
| <input type="text" class="input" placeholder="Put text in me"/> | |
| <input type="text" class="error-input" placeholder="Something went wrong!"/> |
| <input type="text" class="input" placeholder="Put text in me"/> | |
| <input type="text" class="error-input" placeholder="Something went wrong!"/> |