source: spip-zone/_squelettes_/integraal/theme/trunk/scss/base/_grid-settings.scss @ 107691

Last change on this file since 107691 was 107691, checked in by tcharlss@…, 21 months ago

Ménage : plus besoin de hashgrid qui n'est pas adapté à la nouvelle grille (on a des gouttières différentes par breakpoint)

File size: 1.2 KB
Line 
1/**
2 * Configuration de la grille utilisée
3 *
4 * http://gridle.org/
5 *
6 * Définition des breakpoints, des gouttières, etc.
7**/
8
9/**
10 * Driver : type de grille
11 * - gridle : normale
12 * - gridle-flex : flexbox
13**/
14@import "frameworks/gridle/gridle/gridle-flex";
15
16
17/**
18 * Settings : paramètres généraux de la grille
19**/
20$grid-settings : (
21  context : 12,
22  gutter-width : 20px,
23  gutter-height: 0,
24  gutter-left: 10px,
25  gutter-right: 10px,
26  gutter-top: 0,
27  gutter-bottom: 0,
28  direction : ltr,
29  states-classes: false
30);
31@include gridle_setup($grid-settings);
32
33
34/**
35 * States : définition des breakpoints
36 * Il est possible de surcharger les paramètres de la grille pour chaque state
37**/
38@include gridle_register_state(mobile, (
39  max-width : 479px,
40  gutter-width: 10px
41));
42@include gridle_register_state(tablet, (
43  min-width : 480px,
44  max-width : 959px
45));
46@include gridle_register_state(tablet-up, (
47  min-width : 480px
48));
49@include gridle_register_state(desktop, (
50  min-width : 960px,
51  max-width: 1199px
52));
53@include gridle_register_state(desktop-up, (
54  min-width : 960px
55));
56@include gridle_register_state(large, (
57  min-width : 1200px,
58  gutter-width: 30px
59));
60
61
62/**
63 * Initialisation
64 * Nécessaire pour l'utilisation de mixins
65**/
66@include gridle_init();
Note: See TracBrowser for help on using the repository browser.