Changeset 107668 in spip-zone


Ignore:
Timestamp:
Nov 20, 2017, 6:56:55 PM (18 months ago)
Author:
tcharlss@…
Message:

On remplace la grille neat par gridle, qui est bien plus complète (choix entre une grille 'classique' ou flexbox, alignements verticaux et cie, justification, etc.)

Location:
_squelettes_/integraal/theme/trunk/scss
Files:
25 added
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/integraal/theme/trunk/scss/_grid-settings.scss

    r83970 r107668  
    1 @import "neat-helpers";
     1/**
     2 * Configuration de la grille
     3 *
     4 * Définition des breakpoints, gouttières, etc.
     5 **/
    26
    3 /* Configuration neatienne (un peu plus facile à prononcer et à écrire que nietzschéenne) */
    4 $grid-columns: 12;
    5 $max-width: em(960);
    6 $screen-medium: em(480);
    7 $screen-medium-plus: em(768);
    8 $screen-large: em(960);
    9 $bp-defaut-up: new-breakpoint(min-width 0);
    10 $bp-medium-up: new-breakpoint(min-width $screen-medium);
    11 $bp-medium-plus-up: new-breakpoint(min-width $screen-medium-plus);
    12 $bp-large-up: new-breakpoint(min-width $screen-large);
    13 $visual-grid:true; // afficher la grille pour le debug
     7// Type de grille
     8// Normale : gridle
     9// Flexbox : gridle-flex
     10@import "gridle/gridle/gridle-flex";
     11
     12// Paramètres de la grille
     13$settings : (
     14  context : 12,
     15  gutter-width : 20px,
     16  gutter-height: 20px,
     17  direction : ltr
     18);
     19@include gridle_setup($settings);
     20
     21// Définition des breakpoints
     22@include gridle_register_state(mobile, (
     23    max-width : 479px
     24));
     25@include gridle_register_state(tablet, (
     26    min-width : 480px,
     27    max-width : 959px
     28));
     29@include gridle_register_state(tablet-up, (
     30    min-width : 480px
     31));
     32@include gridle_register_state(desktop, (
     33    min-width : 960px,
     34    max-width: 1199px
     35));
     36@include gridle_register_state(desktop-up, (
     37    min-width : 960px
     38));
     39@include gridle_register_state(desktop-large, (
     40    min-width : 1200px
     41));
     42
     43// Go go go
     44@include gridle_init();
  • _squelettes_/integraal/theme/trunk/scss/theme.scss

    r107666 r107668  
    66**/
    77
     8
    89/**
    910 * Variables et fonctions de base
     
    1213**/
    1314@import "variables"; // variables globales (couleurs, typographie, etc.)
    14 //@import "grid-settings"; // configuration de la grille
    15 //@import "frameworks/neat/neat"; // Grille - https://neat.bourbon.io
    16 //@import "omega-reset"; // complément à Neat pour le responsive - https://github.com/joshfry/omega-reset-for-bourbon-neat
     15@import "frameworks/gridle/gridle"; // grille Gridle - http://gridle.org/
     16@import "grid-settings"; // configuration de la grille
    1717//@import "frameworks/layoutgala/layoutgala"; // mixins LayoutGala, si on en a besoin - https://blog.html.it/layoutgala/index.html
    1818//@import "frameworks/sassy-buttons/sassy-buttons"; // mixins pour des boutons faciles - http://jaredhardy.com/sassy-buttons
Note: See TracChangeset for help on using the changeset viewer.