Commit b7b0acc7 authored by Dorian's avatar Dorian
Browse files

rubric droit 22

parent e035c16f
<!DOCTYPE HTML>
<html lang="fr" class="normal">
<head>
<meta charset="utf-8">
<title>Rubrique</title>
<script src="../../vendors/modernizr-custom.js"></script>
<link rel="stylesheet" href="../../vendors/reset.css">
<link rel="stylesheet" href="../../vendors/normalize-opentype.css">
<link rel="stylesheet" href="styles.less" type="text/less">
</head>
<body>
<!-- PAGES -->
<div id="pages">
<div class="sheet">
<div class="page">
<div class="main">
<div class="bloc x0 t-1 w6 flow-slug"></div>
<div class="bloc x0 y0 w6 flow-title" style="margin-top: 12pt;"></div>
<div class="bloc x0 t3 w6 h2 flow-lead"></div>
<div class="bloc t1 l-1 r6 b13 flow-fig2" style="margin-top: -0pt; margin-right:9pt; margin-bottom: -12pt;"></div>
<div class="bloc x6 y7 r-1 b0 flow-fig1" style="margin-left: -9pt; margin-right: 9pt;"></div>
<div class="bloc x0 y5 w3 b0 flow-main rule--right" style="margin-bottom:0pt;"></div>
<div class="bloc x3 y5 w3 b0 flow-main " style="margin-top: 12pt; margin-bottom:0pt;"></div>
<div class="bloc x6 y1 w3 b0 flow-main rule--left" style="margin-top: 12pt;"></div>
</div>
</div>
</div>
</div>
<div id="stories">
<art id="flow-main" class="rubric droit" rubric-subtitle="Médor remet le nez dans ses articles passés" folio="27" src="https://medor.coop/api/v2/pages/856/?draft=true"></art>
</div>
<!-- JAVASCRIPT -->
<script src="../../vendors/jquery-3.2.1.min.js"></script>
<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="../../js/stories.new.js"></script>
<script src="../../js/pullout.js"></script>
</body>
</html>
@import '../../../css/main.less';
// init rubric flow
#flow-main header .rubric-title,
#flow-main header .rubric-subtitle { .flow-into(flow-slug); }
.flow-slug { .flow-from(flow-slug); }
#flow-main .headline,
#flow-main header .lead { .flow-into(flow-title); }
.flow-title {.flow-from(flow-title); }
#flow-main header .lead{ .flow-into(flow-lead); }
.flow-lead { .flow-from(flow-lead); }
#flow-main aside.sidebar {
.flow-into(flow-encadre);}
.flow-encadre{ .flow-from(flow-encadre); }
#flow-main { .flow-into(flow-main); }
.flow-main { .flow-from(flow-main);}
//FIGURES
.fig-loop (@i) when (@i > 0) {
#flow-main figure:nth-of-type(@{i}) { .flow-into(~"flow-fig@{i}"); }
.flow-fig@{i} { .flow-from(~"flow-fig@{i}"); }
.fig-loop(@i - 1);
}
.fig-loop(3); //number of figs
//FOOTNOTES
.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(3); //number of notes
/*___ numéro XX ___*/
// --- images
figure:nth-of-type(2) img{
object-fit: contain;
object-position: right bottom;
}
figure:nth-of-type(2) figcaption{
margin-bottom: 24pt;
}
figure:nth-of-type(1) img{
object-fit: contain;
object-position: top left;
}
figure:nth-of-type(1) figcaption{
margin-left: -36pt;
margin-bottom: 120pt;
}
......@@ -59,6 +59,8 @@
* Fulguro - "Le point sur les fulgurances culturelles du plat pays"
* Sexe - "Cul, intimité et galipettes"
* Traits Belge - "Nos territoires graphiques"
* Le projet qui fâche - "Médor près de chez vous"
* Nombril > prendre le layout nombril
-->
<!-- JAVASCRIPT -->
......
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