sgmap/boussole

View on GitHub
app/assets/stylesheets/globals/_mixins.scss

Summary

Maintainability
Test Coverage
@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;
}