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!"/> |