Changeset 107696 in spip-zone


Ignore:
Timestamp:
Nov 22, 2017, 9:52:23 AM (16 months ago)
Author:
tcharlss@…
Message:

Afficher la grille typo avec un JS tout siple plutôt qu'avec des CSS compliquées

Location:
_squelettes_/integraal/theme/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • _squelettes_/integraal/theme/trunk/javascript/integraal_theme.js

    r91924 r107696  
    1111                                })
    1212                );
     13               
     14                // Afficher la grille typo si besoin pendant le dev
     15                function debug_grille(){
     16                        var link = document.createElement("link");
     17                        link.setAttribute("rel", "stylesheet");
     18                        link.setAttribute("href", "http://basehold.it/"+parseInt(window.getComputedStyle(document.body).getPropertyValue("line-height"),10));
     19                        document.head.appendChild(link);
     20                }
     21                //debug_grille();
     22               
    1323        });
    1424})(jQuery);

  • _squelettes_/integraal/theme/trunk/scss/base/_mixins.scss

    r107693 r107696  
    22 * Les mixins utilisées dans le projet
    33**/
    4 
    5 // Afficher la grille horizontale (pour le dev)
    6 @mixin debug_rythm() {
    7   @if $debug_rythm {
    8     $baseline: base-spacing-math() / (base-spacing-math() * 0 + 1);
    9     $baseline_desktop: base-spacing-math($shevy-desktop) / (base-spacing-math($shevy-desktop) * 0 + 1);
    10     $baseline_large: base-spacing-math($shevy-large) / (base-spacing-math($shevy-large) * 0 + 1);
    11     // base
    12     background-image: url("//basehold.it/i/#{$baseline}");
    13     // bureaux
    14     @include gridle_state( desktop ) {
    15       background-image: url("//basehold.it/i/#{$baseline_desktop}");
    16     }
    17     // large
    18     @include gridle_state( large ) {
    19       background-image: url("//basehold.it/i/#{$baseline_large}");
    20     }
    21   }
    22 }

  • _squelettes_/integraal/theme/trunk/scss/base/_rythm-settings.scss

    r107693 r107696  
    77**/
    88
    9 /* Variable pour afficher la grille horizontale pendant le dev */
    10 $debug_rythm: false;
    119
    1210/* Presets des tailles des titres (pour aider, pas obligatoire) */

  • _squelettes_/integraal/theme/trunk/scss/base/_rythm.scss

    r107693 r107696  
    4040  @include content($shevy-large);
    4141}
    42 
    43 
    44 /**
    45  * Debug (uniquement si $debug_rythm = true)
    46 **/
    47 html {
    48   @include debug_rythm();
    49 }
Note: See TracChangeset for help on using the changeset viewer.