Changeset 107697 in spip-zone


Ignore:
Timestamp:
Nov 22, 2017, 11:34:39 AM (16 months ago)
Author:
tcharlss@…
Message:

On remplace sassy-buttons, dépendante de bourbon qu'on a viré, par une autre librairie

Location:
_squelettes_/integraal/theme/trunk/scss
Files:
18 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/integraal/theme/trunk/scss/base/_mixins.scss

    r107696 r107697  
    22 * Les mixins utilisées dans le projet
    33**/
     4
     5/**
     6 * Compléments à shevy pour le base-spacing
     7 * Correspondent aux variantes de $shevy dans _rythm-settings.scss
     8**/
     9@function bs-desktop($factor) {
     10  @return base-spacing($factor, $shevy-desktop);
     11}
     12@function bs-large($factor) {
     13  @return base-spacing($factor, $shevy-large);
     14}
  • _squelettes_/integraal/theme/trunk/scss/modules/_buttons.scss

    r88490 r107697  
     1/**
     2 * Les boutons du site
     3 *
     4 * Basé sur https://github.com/alexwolfe/Buttons
     5 *
     6 * @Notes
     7 * Cette librairie génère par défaut une classe .button et ses variantes (couleurs, tailles et formes).
     8 * Supprimer ou commenter les variantes non utilisées.
     9 * Pour cibler d'autres éléments, il faut utiliser @extend.
     10**/
    111
    2 /* Les boutons du site */
     12/**
     13 * ==================
     14 * 1) Setup de la lib
     15 * ==================
     16**/
    317
    4 /* Variable de Sassy-Buttons, surchargée pour respecter la grille typo choisie */
    5 $sb-padding:($typo-line-height/3/2 - $typo-line-height/3/8)*1em 0.5em;
     18/**
     19 * Surcharger les options
     20**/
     21$ubtn-namespace:  '.button';
     22$ubtn-bgcolor:     $couleur-beige;
     23$ubtn-font-color:  $couleur-texte;
     24$ubtn-font-weight: 300;
     25$ubtn-font-size:   $typo-font-size;
     26$ubtn-height:      bs(2);
     27$ubtn-font-family: $typo-font-text;
     28/* Variantes de couleur (génère une classe pour chaque entrée) */
     29$ubtn-colors: ('rouge' $couleur-rouge  white) ('sombre' $couleur-sombre white);
     30/* Variantes de formes pour types/shapes (génère une classe pour chaque entrée) */
     31$ubtn-shapes: (
     32  square:  0,
     33  box:     10px,
     34  rounded: 3px,
     35  pill:    200px,
     36  circle:  100%
     37);
     38/* Variantes de tailles pour types/sizes (génère une classe pour chaque entrée) */
     39$ubtn-sizes: (
     40  giant: 2,
     41  jumbo: 1.5,
     42  large: 1.25,
     43  default: 1,
     44  small: .75,
     45  tiny: .5
     46);
    647
    7 /* Classe générique pour afficher un bouton */
    8 .button{
    9         @include sassy-button('matte', 3px, 1em, #888, false, #fff);
    10         line-height:1;
    11 }
     48/**
     49 * Génèrer les classes de base en fonction des options
     50**/
     51$ubtn-use-compass: false;
     52@import 'frameworks/buttons/options';
     53@import 'frameworks/buttons/mixins';
     54@import 'frameworks/buttons/base';
     55@import 'frameworks/buttons/layout';
     56
     57/**
     58 * Générer les classes des variantes (optionnelles, supprimer celles non utilisées)
     59**/
     60@import 'frameworks/buttons/types/shapes'; // .button-[square|box|...] cf. $ubtn-shapes
     61@import 'frameworks/buttons/types/sizes'; // .button-[large|small|...] cf. $ubtn-sizes
     62@import 'frameworks/buttons/types/border'; // .button-border
     63@import 'frameworks/buttons/types/borderless'; // .button-borderless
     64@import 'frameworks/buttons/types/raised'; // .button-raised
     65@import 'frameworks/buttons/types/3d'; // .button-3d
     66@import 'frameworks/buttons/types/glow'; // .button-glow
     67@import 'frameworks/buttons/types/dropdown'; // .button-dropdown .button-dropdown-list
     68@import 'frameworks/buttons/types/groups'; // .button-group
     69@import 'frameworks/buttons/types/wrapper'; // .button-wrap
     70@import 'frameworks/buttons/types/longshadow'; // .button-longshadow, .button-longshadow-left
     71
     72
     73/**
     74 * =====================================================
     75 * 2) Boutonnifiages complémentaires (à coups d'@extend)
     76 * =====================================================
     77**/
     78
     79
     80/* Compléments à la classe générique pour afficher un bouton (= $ubtn-namespace) */
     81.button {}
    1282
    1383/* Les vrais boutons utilisent la classe générique */
  • _squelettes_/integraal/theme/trunk/scss/theme.scss

    r107693 r107697  
    4747//@import "modules/icons-codes"; // Nom CSS de chaque icône
    4848@import "modules/text-fadeout"; // Masquer un bas de texte avec un dégradé
    49 //@import "modules/buttons"; // Tous les boutons et leurs variantes
     49@import "modules/buttons"; // Tous les boutons et leurs variantes
    5050@import "modules/forms"; // Les formulaires
    5151@import "modules/lists"; // Les différentes listes du site
Note: See TracChangeset for help on using the changeset viewer.