Commit 87969049 authored by Dorian's avatar Dorian
Browse files

layout edito

parent c9bff8ff
......@@ -13,18 +13,15 @@ Cette maquette est un fork du numéro 21, cleanée et restructurée.
TODO-global:
* une mixin function pour sortir/rentrer les exergues
* correction du texte qui va pas jusqu'au bout de la colone pour les enquetes
* sidebar title on two lines makes text un-aligned
* top column h2 on enquete/rubric makes text un-aligned
* enquete: top column h2 on enquete/rubric makes text un-aligned
* enquete: correction du texte qui va pas jusqu'au bout de la colone
* clean lettrine
* color palettes
* schéma de construction de la grille
* grouper toutes les variables
* edito: symbol de fin? et hide titles?
TODO-layout:
* edito
* entretien
* short-enquete
* nombril
* portofolio
* portrait
......@@ -32,10 +29,12 @@ TODO-layout:
* sommaire
DONE-layout:
* edito
* enquete-long
* enquete-short
* rubric
* rubric-jouer
* rubric-web
* long-enquete
* moment-flamand
### Pre-requisites
......
......@@ -434,6 +434,18 @@ Le bug est documenté ici: [https://github.com/annulen/webkit/issues/278](https:
}
```
### Dingbat de fin d'article
On peut changer le dingbat de fin (voir les anciens numéro).
```CSS
body > p:last-of-type::after {
content: '\00A0\e005';
}
```
[Completer avec une table de possibilitées]
## Le Sommaire
[à completer]
......
......@@ -18,7 +18,7 @@
<div class="page">
<div class="main">
<div class="bloc x1 t1 w8 flow-headline"></div>
<div style="margin-top:12pt;" class="bloc x1 t4 w7 b0 flow-main"></div>
<div class="bloc x1 t4 w7 b0 flow-main"></div>
</div>
</div>
</div>
......@@ -27,9 +27,9 @@
<div class="sheet">
<div class="page">
<div class="main">
<div class="bloc x1 y0 w7 b0 flow-main" style="margin-top:30pt;"></div>
<div class="bloc x1 y8 w7 flow-fn1" style="margin-top:36pt;"></div>
<div class="bloc x1 y0 w7 b0 flow-main"></div>
<div class="bloc x1 y9 w7 flow-fn"></div>
<div class="bloc x1 y10 w7 b0 flow-sidebar"></div>
</div>
</div>
</div>
......@@ -41,8 +41,9 @@
<!-- JAVASCRIPT -->
<script src="../../vendors/less.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.js"></script>
<script src="../../js/stories.new.js"></script>
</body>
</html>
</html>
@import '../../../css/main.less';
#flow-main {
-webkit-flow-into: flow-main;
flow-into: flow-main;
}
.flow-main {
-webkit-flow-from: flow-main;
flow-from: flow-main;
}
#flow-main header .headline {.flow-into(flow-headline);}
.flow-headline {.flow-from(flow-headline);}
......@@ -19,50 +9,20 @@
#flow-main { .flow-into(flow-main); }
.flow-main { .flow-from(flow-main); }
#flow-main .footnotes li {
.flow-into(flow-fn);
}
.flow-fn {
.flow-from(flow-fn);
}
//FOOTNOTES (global class)
#flow-main .footnotes { .flow-into(flow-fn); }
.flow-fn { .flow-from(flow-fn); }
// ENCADREE (global class)
#flow-main aside.sidebar { .flow-into(flow-sidebar); }
.flow-sidebar { .flow-from(flow-sidebar); }
.fn-loop (@i) when (@i > 0) {
#flow-main .footnotes li:nth-of-type(@{i}) { .flow-into(~"flow-fn@{i}"); }
.flow-fn@{i} { .flow-from(~"flow-fn@{i}"); }
.fn-loop(@i - 1);
}
.fn-loop(2);
/*custom*/
/*___ numéro XX ___*/
/* custom */
// a ajouter dans le permanent?
.subhead,
.header-byline {
display: none;
}
html:not(.facing) .sheet:nth-child(even) .main:before {
content: "Rien ne s'oppose à la nuit" !important;
}
.edito h2 {
font-weight: bold;
margin-top: 12pt;
}
.sidebar h2 {
margin-top: 40pt;
font-family: 'career' !important;
// text-transform: capitalize;
font-size: 1.4em;
margin-bottom: 2.5pt;
}
.sidebar p {
font-family: 'Alfphabet' !important;
font-size: 1em;
line-height: 1.2em;
// color: red;
}
.body > p:last-of-type::after {
content: '\00A0\e005';
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment