Airen airen
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/ | |
| @mixin opacity($opacity) { | |
| opacity: $opacity; | |
| $opacity-ie: $opacity * 100; | |
| filter: alpha(opacity=$opacity-ie); //IE8 |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/ | |
| @mixin opacity($opacity) { | |
| opacity: $opacity; | |
| $opacity-ie: $opacity * 100; | |
| filter: alpha(opacity=$opacity-ie); //IE8 |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/ | |
| @mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) { | |
| top: $top; | |
| right: $right; |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/ | |
| @mixin line-height($heightValue: 12 ){ | |
| line-height: $heightValue + px; //fallback for old browsers | |
| line-height: (0.125 * $heightValue) + rem; |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://www.lukeharrison.net/blog/4-useful-sass-mixins/ | |
| @mixin animated-caption($font-color, $bg-color, $bg-opacity, $padding, $transition-speed) { | |
| display:inline-block; | |
| position:relative; | |
| overflow:hidden; |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //#Sass Mixins and Function | |
| //Collection best of Sass Mixins and Function.If you have seen good and meaningful Mixins or Functions, please send us your code.Let more students share your results. | |
| //收集优秀的Sass Mixins和Function。如果您有看到优秀的、有意义的Mixins或Functions，请向我们提交您的代码吧。让更多的同学分享您的成果。 | |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| // Breakpoints map | |
| // @type Map | |
| $breakpoints: ( | |
| // Regular breakpoints | |
| "baby-bear": "(max-width: 500px)", |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.4.0.rc.3) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| // Breakpoints map | |
| $breakpoints: ( | |
| // Regular breakpoints | |
| "resMaxSmall": "(max-width: 500px)", | |
| "resMaxMedium": "(max-width: 700px)", |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| //Thanks:http://paranoida.com/ | |
| //by @Rafal Bromirski (http://twitter.com/paranoida) | |
| //Screen |
This file contains hidden or 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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0) | |
| // ---- | |
| @mixin pseudo-elements($el,$el-width,$el-height){ | |
| @if $el == "before" or $el == "after"{ | |
| &:#{$el}{ | |
| content: ""; | |
| position: absolute; |