Skip to content

Instantly share code, notes, and snippets.

Keybase proof

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:

@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 09:13
Generated by SassMeister.com.
// ----
// 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;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 09:25
Generated by SassMeister.com.
// ----
// 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;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 09:39
Generated by SassMeister.com.
// ----
// 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;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 10:02
Generated by SassMeister.com.
// ----
// 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;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 10:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// Go Crazy! Mixins, Nesting, Variables, Ampersands
$line-height: 1.4;
$v-align: middle;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 10:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// Go Crazy! Mixins, Nesting, Variables, Ampersands
$line-height: 1.4;
$v-align: middle;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 10:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// Go Crazy! Mixins, Nesting, Variables, Ampersands
$line-height: 1.4;
$v-align: middle;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 11:28
Generated by SassMeister.com.
// ----
// 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;
@chao-xian
chao-xian / SassMeister-input.scss
Created September 1, 2014 13:33
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$color: blue;
$tablet: 768px;
@mixin border-radius($radii) {
border-radius: $radii;
}