alias sublime='open -a "Sublime Text"'
alias st='open -a "Sublime Text"'
alias subl='open -a "Sublime Text"'
alias server="python -m SimpleHTTPServer"
alias sandbox="cd /Users/jason/Desktop/sandbox"
alias sublime='open -a "Sublime Text"'
alias st='open -a "Sublime Text"'
alias subl='open -a "Sublime Text"'
alias server="python -m SimpleHTTPServer"
alias sandbox="cd /Users/jason/Desktop/sandbox"
=line-height($heightValue: 12) | |
line-height: $heightValue + px | |
//fallback for old browsers | |
line-height: 0.125 * $heightValue + rem |
/* Placeholder Mixin | |
*========================================================================== | |
=placeholder-color($color) | |
&.placeholder | |
color: $color | |
&:-moz-placeholder | |
color: $color | |
&::-webkit-input-placeholder | |
color: $color |
// ************************************* | |
// | |
// First Level | |
// -> Description | |
// | |
// ************************************* | |
// ------------------------------------- | |
// Second Level | |
// ------------------------------------- |
=break-point($point) | |
@if $point == desktop | |
@media only screen and (max-width: 50em) | |
@content | |
@else if $point == mobile | |
@media only screen and (max-width: 20em) | |
@content | |
// Usage | |
div |
@mixin flex-direction($direction) { | |
@if $direction == column { | |
-webkit-flex-direction:vertical; | |
-moz-flex-direction:vertical; | |
-ms-flex-direction:column; | |
-webkit-flex-direction:column; | |
flex-direction:column; | |
} @else { | |
-webkit-flex-direction:horizontal; | |
-moz-flex-direction:horizontal; |
@mixin flex-order($order){ | |
-webkit-box-ordinal-group: $order; // old | |
-moz-box-ordinal-group: $order; // old | |
-ms-flex-order: $order; // ie | |
-webkit-order: $order; // new | |
order: $order; // new | |
} | |
// Usage | |
div { |
@mixin flex($values) { | |
-webkit-box-flex: $values; | |
-moz-box-flex: $values; | |
-ms-flex: $values; | |
-webkit-flex: $values; | |
flex: $values; | |
} | |
// Usage | |
div { |
=flexbox | |
display: -webkit-box | |
display: -moz-box | |
display: -ms-flexbox | |
display: -webkit-flex | |
display: flex | |
// Usage | |
div | |
+flexbox |