View _font-face.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin font-face($font-family, $url, $weight: normal, $style: normal, $svgadd: "Regular") { | |
@font-face { | |
font-family: $font-family; | |
src: url($url + ".eot"); | |
src: url($url + ".eot?#iefix") format("embedded-opentype"), | |
url($url + ".woff") format("woff"), | |
url($url + ".ttf") format("truetype"), | |
url($url + ".svg#" + $font-family + $svgadd) format("svg"); | |
font-weight: $weight; | |
font-style: $style; |
View _inline-block.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin inline-block($vert-align: top) { | |
display:inline; | |
display:-moz-inline-stack; | |
display:inline-block; | |
vertical-align: $vert-align; | |
zoom:1; | |
min-height:0px; | |
} |
View _gradient.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin gradient($color1, $color2, $dir : "h", $height: 100){ | |
$webkit: right top; | |
$others: left; | |
$repeat: repeat-y; | |
@if ($dir == "horz") or ($dir == "h") or ($dir == "horizontal") { | |
$webkit: left bottom; | |
$others: top; | |
$repeat: repeat-x; |
View _rounded-corner.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin round-corner($vert, $horz, $radius: 4px) { | |
-webkit-border-#{$vert}-#{$horz}-radius: $radius; | |
-moz-border-radius-#{$vert}#{$horz}: $radius; | |
border-#{$vert}-#{$horz}-radius: $radius; | |
} | |
@mixin rounded-corners($radius:4px){ | |
-webkit-border-radius: $radius; | |
-moz-border-radius: $radius; | |
-o-border-radius: $radius; |