ActesCitoyens/public/assets/sass/screen.scss

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "compass";
@import "compass/reset";

$dir-fonts: '../fonts/';
$dir-img: '../img/';

$yellow: #ffe580;

@import "_base.scss";
@import "_home.scss";

@font-face {
  font-family: 'dinregular';
  src: url($dir-fonts+ 'din_regular-webfont.eot');
  src: url($dir-fonts+ 'din_regular-webfont.eot?#iefix') format('embedded-opentype'),
  url($dir-fonts+'din_regular-webfont.woff2') format('woff2'),
  url($dir-fonts+'din_regular-webfont.woff') format('woff'),
  url($dir-fonts+'din_regular-webfont.ttf') format('truetype'),
  url($dir-fonts+'din_regular-webfont.svg#dinregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dinbold';
  src: url($dir-fonts+ 'din_bold-webfont.eot');
  src: url($dir-fonts+ 'din_bold-webfont.eot?#iefix') format('embedded-opentype'),
  url($dir-fonts+'din_bold-webfont.woff2') format('woff2'),
  url($dir-fonts+'din_bold-webfont.woff') format('woff'),
  url($dir-fonts+'din_bold-webfont.ttf') format('truetype'),
  url($dir-fonts+'din_bold-webfont.svg#dinregular') format('svg');
  font-weight: normal;
  font-style: normal;
}