déplacement des variables de breakpoints de breakpoints vers variables

This commit is contained in:
Raphael Goetter 2017-08-04 09:12:58 +02:00
parent 8c00f47d55
commit 96faa2954b
6 changed files with 27 additions and 23 deletions

View file

@ -1,14 +1,3 @@
// Responsive breakpoints variables
// Warning : you should use your own values, regardless of the devices
// Best practise is Mobile First: (max-width: ($BP - 1)) and (min-width: $BP)
$tiny: 480px !default; // or 'em' if you prefer, of course
$small: 576px !default;
$medium: 768px !default;
$large: 992px !default;
$extra-large: 1200px !default;
/* --------------------------------------- */
/* ==Grillade : ultra light Grid System */
/* --------------------------------------- */
@ -18,6 +7,13 @@ $extra-large: 1200px !default;
// 1- use vanilla CSS Grid Layout spec (perfect for you)
// 2- use Bootstrap (good luck)
@if (not variable_exists(tiny)) or (not variable_exists(small)) or (not variable_exists(medium))
{
$tiny: 480px !global;
$small: 576px !global;
$medium: 768px !global;
}
[class*=" grid-"],
[class^="grid-"] {
@media (min-width: $tiny) {