// ----------------- LIBRAIRIES ------------------- //

// ----------------- Compass config --------------- //
// Do not support IE less than IE11
$browser-minimum-versions: (
  "ie": "11"
);
$graceful-usage-threshold: 100;
$critical-usage-threshold: 100;
@import "compass";                    // gem

// ========================================================================== //
// =Typographie
// ========================================================================== //

$sans-serif:    -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

$sans-serif-input:  inherit;  // Use OS default font for input fields

$monospace:     "Andale Mono",AndaleMono,Consolas,Monaco,"Courier New",monospace;

$html-font-size:      62.5%;    // Basically 10px (16px ⁄x 0.625) — Must be in %

$body-font-size-small: 1.2rem;    // For screen smaller than $small-screen (see below)
$body-font-size:       1.4rem;
$body-font-size-large: 1.6rem;    // For screen larger or equal than $large-screen (see below)

// Divers

$css-img-path: 'img'; // utile pour le mixin de fallback svg

// ========================================================================== //
// =Breakpoints
// ========================================================================== //

$xxs-screen: 26.5em;  // 424 px
$xs-screen:  38em;    // 608 px
$s-screen:   44em;    // 704 px
$m-screen:   48em;    // 768 px
$l-screen:   61em;    // 976 px
$xl-screen:  80em;    // 1280 px
$xxl-screen: 120em;   // 1920 px

// =========================================================================== //
// =Various dimensions
// =========================================================================== //

// screens sizes

$small-screen: $xxs-screen;
$large-screen: $xxl-screen;

// collapser width

$collapser-width: 10px;