| 1 | // ----------------- LIBRAIRIES ------------------- // |
|---|
| 2 | |
|---|
| 3 | // ----------------- Compass config --------------- // |
|---|
| 4 | // Do not support IE less than IE11 |
|---|
| 5 | $browser-minimum-versions: ( |
|---|
| 6 | "ie": "11" |
|---|
| 7 | ); |
|---|
| 8 | $graceful-usage-threshold: 100; |
|---|
| 9 | $critical-usage-threshold: 100; |
|---|
| 10 | @import "compass"; // gem |
|---|
| 11 | |
|---|
| 12 | // ========================================================================== // |
|---|
| 13 | // =Typographie |
|---|
| 14 | // ========================================================================== // |
|---|
| 15 | |
|---|
| 16 | $sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|---|
| 17 | |
|---|
| 18 | $sans-serif-input: inherit; // Use OS default font for input fields |
|---|
| 19 | |
|---|
| 20 | $monospace: "Andale Mono",AndaleMono,Consolas,Monaco,"Courier New",monospace; |
|---|
| 21 | |
|---|
| 22 | $html-font-size: 62.5%; // Basically 10px (16px ⁄x 0.625) — Must be in % |
|---|
| 23 | |
|---|
| 24 | $body-font-size-small: 1.2rem; // For screen smaller than $small-screen (see below) |
|---|
| 25 | $body-font-size: 1.4rem; |
|---|
| 26 | $body-font-size-large: 1.6rem; // For screen larger or equal than $large-screen (see below) |
|---|
| 27 | |
|---|
| 28 | // Divers |
|---|
| 29 | |
|---|
| 30 | $css-img-path: 'img'; // utile pour le mixin de fallback svg |
|---|
| 31 | |
|---|
| 32 | // ========================================================================== // |
|---|
| 33 | // =Breakpoints |
|---|
| 34 | // ========================================================================== // |
|---|
| 35 | |
|---|
| 36 | $xxs-screen: 26.5em; // 424 px |
|---|
| 37 | $xs-screen: 38em; // 608 px |
|---|
| 38 | $s-screen: 44em; // 704 px |
|---|
| 39 | $m-screen: 48em; // 768 px |
|---|
| 40 | $l-screen: 61em; // 976 px |
|---|
| 41 | $xl-screen: 80em; // 1280 px |
|---|
| 42 | $xxl-screen: 120em; // 1920 px |
|---|
| 43 | |
|---|
| 44 | // =========================================================================== // |
|---|
| 45 | // =Various dimensions |
|---|
| 46 | // =========================================================================== // |
|---|
| 47 | |
|---|
| 48 | // screens sizes |
|---|
| 49 | |
|---|
| 50 | $small-screen: $xxs-screen; |
|---|
| 51 | $large-screen: $xxl-screen; |
|---|
| 52 | |
|---|
| 53 | // collapser width |
|---|
| 54 | |
|---|
| 55 | $collapser-width: 10px; |
|---|
