Test de mise en page sur plusieurs colonnes

035bdfde · alexandre · 2257215b · 035bdfde · 035bdfde · 035bdfde
Commit 035bdfde authored Aug 12, 2015 by alexandre
6 changed files
--- a/assets/css/page.less
+++ b/assets/css/page.less
@@ -23,10 +23,9 @@
    bottom: @page-margin-bottom;
 }
-.bloc{
+/* TODO: move into grid.less? */
-    position:absolute;
+.bloc { position: absolute; }
-    background:rgba(0,0,0,0.5);
+.debug .bloc { outline: 1px solid purple; }
-}
 /**
 * Pieds de page

--- a/assets/css/stories.less
+++ b/assets/css/stories.less
 #flow-decheance { .flow-into(flowDecheance); }
 .flow-decheance { .flow-from(flowDecheance); }
+#flow-decheance h1 {
+    -webkit-region-break-after: always;
+}
--- a/assets/css/typography.less
+++ b/assets/css/typography.less
@@ -32,9 +32,9 @@ h1 {
    margin-bottom: 0;
    font-family: "Bagnard";
-    font-size: 49pt;
+    font-size: 44pt;
-    line-height: 6pt * 8;
+    line-height: 6pt * 7;
-    letter-spacing: -.03em;
+    letter-spacing: -.05em;
    font-weight: normal;
 }

--- a/doc.html
+++ b/doc.html
@@ -7,16 +7,23 @@
    <!-- STYLESHEETS -->
    <link rel="stylesheet" href="assets/components/normalize.css/normalize.css">
    <link rel="stylesheet" href="assets/components/normalize-opentype.css/normalize-opentype.css">
    <link rel="stylesheet" href="assets/css/main.less" type="text/less">
 </head>
 <body>
    <!-- PAGES -->
    <div id="pages">
        <div class="paper">
-            <div class="page">
+            <div class="page grid">
                <div class="header"></div>
-                <div class="body  flow-decheance"></div>
+                <div class="body">
+                    <div class="bloc x6 y0 w3 h4" style="background: url(sample-content/img/belgique-syrie.png) no-repeat center center; background-size: contain" /></div>
+                    <div class="bloc x0 y0 w6 h2  flow-decheance"></div>
+                    <div class="bloc x0 y2 w3 h7  flow-decheance"></div>
+                    <div class="bloc x3 y2 w3 h7  flow-decheance"></div>
+                    <div class="bloc x6 y4 w3 h5  flow-decheance"></div>
+                </div>
                <div class="footer"></div>
            </div>

--- a/sample-content/html/decheance-de-nationalite.html
+++ b/sample-content/html/decheance-de-nationalite.html
-<h1>La déchéance de nationalité</h1>
+<h1>Déchéance de&nbsp;nationalité</h1>
 <p>Est-il nécessaire de rappeler ce 7 janvier et ce Charlie que nous fûmes (ou pas) ? Dans la semaine qui suit, la cité de la laine vire cité de la haine. La police fédérale abat à Verviers deux islamistes revenant de Syrie, munis “d’armes de guerre et d’armes de poing”. D’armes, il en sera question dans la rue, avec les treillis de l’armée qui protègent les lieux publics stratégiques jusqu’à nouvel ordre (militaire ?). </p>
 <p>C’est dans cette atmosphère belliqueuse que le gouvernement Michel annonce ses 12 mesures pour lutter contre le radicalisme. Parmi celles-ci, le renforcement de la déchéance de la nationalité. </p>
 <h2>La décision</h2>

--- a/sample-content/markdown/decheance-de-nationalite.md
+++ b/sample-content/markdown/decheance-de-nationalite.md
-La déchéance de nationalité
+Déchéance de&nbsp;nationalité
-===========================
+=============================
 Est-il nécessaire de rappeler ce 7 janvier et ce Charlie que nous fûmes (ou pas) ? Dans la semaine qui suit, la cité de la laine vire cité de la haine. La police fédérale abat à Verviers deux islamistes revenant de Syrie, munis “d’armes de guerre et d’armes de poing”. D’armes, il en sera question dans la rue, avec les treillis de l’armée qui protègent les lieux publics stratégiques jusqu’à nouvel ordre (militaire ?).