déplacement des variables de breakpoints de breakpoints vers variables
This commit is contained in:
parent
8c00f47d55
commit
96faa2954b
6 changed files with 27 additions and 23 deletions
|
@ -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) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue