I hereby claim:
- I am chao-xian on github.
- I am chaoxian (https://keybase.io/chaoxian) on keybase.
- I have a public key whose fingerprint is A462 68E0 DCAF E288 3C70 497B DDD7 2B44 BAFF 6EB2
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// Using Sass' ability to nest selectors, tidy up this code. | |
.main-nav { | |
background-color: white; | |
left: 0; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// Using Sass' ability to create variables. | |
$radius: 4px; | |
$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
$line-height: 1.3; | |
$margin-bottom: 1.2em; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// use the ampersand to nest the code within the initial .module | |
.module { | |
background-color: #CC6699; | |
box-sizing: border-box; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// make a mixin for the border radius and anything else you can see that might be needed. | |
@mixin box-sizing($box: border-box) { | |
-webkit-box-sizing: $box; | |
-moz-box-sizing: $box; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// Go Crazy! Mixins, Nesting, Variables, Ampersands | |
$line-height: 1.4; | |
$v-align: middle; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// Go Crazy! Mixins, Nesting, Variables, Ampersands | |
$line-height: 1.4; | |
$v-align: middle; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
// Go Crazy! Mixins, Nesting, Variables, Ampersands | |
$line-height: 1.4; | |
$v-align: middle; |
// ---- | |
// Sass (v3.4.1) | |
// Compass (v1.0.1) | |
// ---- | |
// Create a %placeholder with repeated CSS and @extend them as required. | |
%btn { | |
border: 1px solid; | |
margin: 10px 0px; |
// ---- | |
// Sass (v3.3.14) | |
// Compass (v1.0.1) | |
// ---- | |
$color: blue; | |
$tablet: 768px; | |
@mixin border-radius($radii) { | |
border-radius: $radii; | |
} |