Changeset 110812 in spip-zone for _plugins_/prive_fluide


Ignore:
Timestamp:
Jun 22, 2018, 9:01:15 PM (20 months ago)
Author:
tcharlss@…
Message:

Ajustement de la taille de colonnes latérales, un peu plus proportionnelles à la largeur de l'écran. On pique aussi quelques idées de la branche remix : taille de police plus grande et un peu proportionnelle à la largueur de l'écran (14px sur mobile, 15px sur bureau 1920px). On met aussi un coup d'été, tiens.

Location:
_plugins_/prive_fluide/trunk
Files:
5 added
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/prive_fluide/trunk/paquet.xml

    r110654 r110812  
    22        prefix="prive_fluide"
    33        categorie="edition"
    4         version="0.1.7"
     4        version="0.1.8"
    55        etat="test"
    66        compatibilite="[3.0.0;3.2.*]"
  • _plugins_/prive_fluide/trunk/prive/style_prive_plugin_prive_fluide.html

    r110655 r110812  
    88
    99  On fait du mobile-first : pas de colonne à la base, puis on en met 2 ou 3 selon la largeur.
    10   Pour les vieux navigateurs, on met du float comme en 40e,
     10  On met du float comme en 40 pour les vieux navigateurs,
    1111  et du CSS grid pur les nouveaux.
    1212
     
    1616
    1717/*
    18   ====
    19   Base
    20   ====
    21   - On met tout en pleine largeur
    22   - Pas de colonne (mobile first)
     18  ======
     19  LAYOUT
     20  ======
     21  Agencement et dimensions des blocs principaux en mobile-first
    2322*/
    2423
     
    6564}
    6665
    67 
    68 /*
    69   ==========
    70   Responsive
    71   ==========
    72 */
    73 
    74 
    75 /* 2 colonnes */
     66/* Moyen écran : 2 colonnes */
    7667@media (min-width: 780px) {
    7768
     
    10596    #extra > .ajaxbloc > *,
    10697    #extra > :not(.ajaxbloc) {
    107       width: calc(18em + 2vw);
     98      width: calc(8em + 12vw);
    10899    }
    109100  }
    110101}
    111102
    112 /* 3 colonnes */
     103/* Grand écran : 3 colonnes */
    113104@media (min-width: 1200px) {
    114105
     
    124115
    125116}
     117
     118
     119/*
     120  ======
     121  Divers
     122  ======
     123  Des petits ajustements divers
     124*/
     125
     126
     127/* Polices */
     128@font-face {
     129  font-family: 'Lato';
     130  src: url('#CHEMIN{prive/themes/spip/webfonts/lato-regular-webfont.woff2}') format('woff2'),
     131  url('#CHEMIN{webfonts/lato-regular-webfont.woff}') format('woff');
     132  font-weight: normal;
     133  font-style: normal;
     134}
     135@font-face {
     136  font-family: 'Lato';
     137  src: url('#CHEMIN{prive/themes/spip/webfonts/lato-bold-webfont.woff2}') format('woff2'),
     138  url('#CHEMIN{webfonts/lato-regular-webfont.woff}') format('woff');
     139  font-weight: bold;
     140  font-style: normal;
     141}
     142body {
     143  font-size: calc(0.8em + 0.133vw);
     144  font-family: "Lato", sans-serif;
     145}
Note: See TracChangeset for help on using the changeset viewer.