app/assets/stylesheets/globals/_mixins.scss
@charset "UTF-8";
/* Global mixins go here */
/* Open Sans @font-face mixin */
@mixin open-sans-font-face($font, $svgid, $weight: normal, $style: normal) {
@font-face {
font-family: "Open Sans";
src: font-url('#{$open-sans-font-path}/#{$font}/opensans-#{$font}-webfont.eot');
src: font-url('#{$open-sans-font-path}/#{$font}/opensans-#{$font}-webfont.eot?#iefix') format("embedded-opentype"),
font-url('#{$open-sans-font-path}/#{$font}/opensans-#{$font}-webfont.woff') format("woff"),
font-url('#{$open-sans-font-path}/#{$font}/opensans-#{$font}-webfont.ttf') format("truetype"),
font-url('#{$open-sans-font-path}/#{$font}/opensans-#{$font}-webfont.svg##{$svgid}') format("svg");
font-weight: $weight;
font-style: $style;
}
}
/* font awesome @font-face mixin */
@mixin font-awesome-font-face() {
@font-face {
font-family: "FontAwesome";
src: font-url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: font-url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format("embedded-opentype"),
font-url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format("woff2"),
font-url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format("woff"),
font-url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format("truetype"),
font-url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format("svg");
font-weight: normal;
font-style: normal;
}
}
/* Shadows */
@mixin shadow() {
box-shadow: 0 1px 2px 0 $black-alpha-38,
0 1px 3px 0 $black-alpha-12;
}
@mixin shadow2() {
box-shadow: 0 5px 10px 0 $black-alpha-38,
0 5px 15px 0 $black-alpha-12;
}