Commit 3f51b766 authored by julientaq's avatar julientaq

update to lumino 16px grid

parent dcec951f
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
/* the booktitle is set once in the book */
.booktitle {
}
/* The running-chapter class is the duplicated chapter title for the running headers */
......
:root {
--baseline: 16px;
--baseline-color: rgba(0, 200, 80, 0.6);
/* --baseline-color: transparent; */
/* --baseline-color: white; */
}
......@@ -37,4 +38,5 @@
text-align: right;
width: 2ch;
}
}
\ No newline at end of file
}
......@@ -42,3 +42,4 @@ p[data-split-original="true"] {
text-align-last: justify;
}
......@@ -42,4 +42,5 @@
margin-top: 10mm;
}
}
\ No newline at end of file
}
/* Default pages
------------------------------------*/
h1.ct {
string-set: chapterTitleRun content(text);
}
.booktitle {
string-set: bookTitle content(text);
}
@page {
size: 6in 9in;
margin: 78px 72px 80px 72px;
......@@ -13,11 +21,12 @@
@page :right {
@top-right {
content: string(chapterTitleRun, first) "\00A0\00A0\00A0\00A0\00A0" counter(page);
/* content: string(chapterTitleRun, first); */
padding-top: 2.6em;
text-align: right;
font-variant: oldstyle-nums all-small-caps;
font-size: 9pt;
line-height: 17px;
line-height: var(--font-lineheight);
letter-spacing: 0.05em
}
/* @top-center {
......@@ -31,12 +40,13 @@
@page :left {
@top-left {
content: counter(page) "\00A0\00A0\00A0\00A0\00A0" string(chapterTitleRun, first);
/* content: string(chapterTitleRun, first); */
padding-top: 2.6em;
font-size: 9pt;
line-height: 17px;
line-height: var(--font-lineheight);
font-variant: oldstyle-nums all-small-caps;
font-size: 9pt;
line-height: 17px;
line-height: var(--font-lineheight);
letter-spacing: 0.05em
}
......
/* regular */
@font-face {
font-family: "Minion Pro";
src: url(http://lesvoisinsdustudio.ch/fonts/MinionPro-Regular.otf) format("truetype");
font-weight: 400;
font-style: normal;
}
/* italic */
@font-face {
font-family: "Minion Pro";
src: url(http://lesvoisinsdustudio.ch/fonts/MinionPro-It.otf) format("truetype");
font-weight: 400;
font-style: italic;
}
/* Bold */
@font-face {
font-family: "Minion Pro";
src: url(http://lesvoisinsdustudio.ch/fonts/MinionPro-Bold.otf) format("truetype");
font-weight: 600;
font-style: normal;
}
/* bold italic */
@font-face {
font-family: "Minion Pro";
src: url(http://lesvoisinsdustudio.ch/fonts/MinionPro-BoldIt.otf) format("truetype");
font-weight: 600;
font-style: italic;
}
\ No newline at end of file
@import "./modules/reset.css";
@import "./modules/vars.css";
@import "./modules/fonts.css";
/* @import "./modules/base64fonts.css"; */
/* @import "./modules/voisins_fonts.css"; */
@import "./modules/header.css";
@import "./modules/body.css";
@import "./modules/list.css";
/* @import "./modules/chains.css"; */
@import "./modules/extracts.css";
@import "./modules/chains.css";
@import "./modules/pictures.css";
@import "./modules/table.css";
@import "./modules/code.css";
@import "./modules/numbering.css";
@import "./modules/endnotes.css";
@import "./modules/pictures.css";
@import "./modules/list.css";
/* specific headers: chapter titles, part titles, etc. */
@import "./modules/display.css";
/* specific for the front matter */
@import
"./modules/frontMatter.css";
@import "./modules/frontMatter.css";
/* import specific part */
@import './modules/vars.css';
@import './modules/display.css';
@import './modules/header.css';
@import './modules/body.css';
@import './modules/startChapter.css';
/* @import './modules/chains.css'; */
@import './modules/code.css';
@import './modules/endnotes.css';
@import './modules/list.css';
@import './modules/numbering.css';
@import './modules/page-copyright.css';
@import './modules/page-dedication.css';
@import './modules/page-epigraph.css';
@import './modules/page-half-title.css';
@import './modules/page-part.css';
@import './modules/page-presentation.css';
@import './modules/page-serie.css';
@import './modules/page-subvention.css';
@import './modules/page-title.css';
@import './modules/page-toc.css';
@import './modules/pictures.css';
@import './modules/reset.css';
/* @import './modules/startChapter.css'; */
@import './modules/table.css';
@import "./modules/startChapter.css";
@import "./modules/page-copyright.css";
@import "./modules/page-dedication.css";
@import "./modules/page-epigraph.css";
@import "./modules/page-half-title.css";
@import "./modules/page-part.css";
@import "./modules/page-presentation.css";
@import "./modules/page-serie.css";
@import "./modules/page-subvention.css";
@import "./modules/page-title.css";
@import "./modules/page-toc.css";
/* regular */
@font-face {
font-family: 'Minion Pro';
font-weight: 400;
font-style: normal;
}
/* italic */
@font-face {
font-family: 'Minion Pro';
font-weight: 400;
font-style: italic;
}
/* Bold */
@font-face {
font-family: 'Minion Pro';
font-weight: 600;
font-style: normal;
}
/* bold italic */
@font-face {
font-family: 'Minion Pro';
font-weight: 600;
font-style: italic;
}
\ No newline at end of file
......@@ -34,7 +34,7 @@ li {
em,
.italic {
font-family: inherit;
font-style: var(--font-body)ItalicStyle;
font-style: "Minion Pro Italic";
font-weight: 400;
}
......@@ -104,34 +104,8 @@ hr {
}
}
:not(header) {
blockquote {
margin-top: var(--font-lineHeight);
margin-bottom: 0;
font-size: calc(var(--font-size) * 0.8);
line-height: var(--font-lineHeight);
font-style: italic;
margin-right: 1pc;
.bibliography-entry {
text-indent: -1pc;
margin-left: 1pc;
& + cite + blockquote {
margin-top: calc(var(--font-lineHeight));
}
cite {
font-size: calc(var(--font-size) * 0.8);
line-height: var(--font-lineHeight);
}
}
}
header blockquote, header + blockquote {
& cite::before {
content: "— ";
font-variant: all-small-caps;
text-transform: lowercase;
margin-left: 1pc;
margin-right: 1pc;
font-style: normal;
}
}
\ No newline at end of file
......@@ -115,73 +115,7 @@ h6 + p {
text-indent: 0;
}
ol + h2 {
margin-top: 33px;
}
h2, div > h2.fm1:first-of-type {
margin-top: 0;
}
section {
.fmtxt + .fmh {
margin-top: 34px;
}
}
header + h2 {
margin-top: 0;
}
p {
+ h2 {
margin-top: 18px;
}
+ h3 {
margin-top: 0px;
}
}
h2 {
/* Padding-top when beginning of the page. */
margin-bottom: 0;
padding-top: 4px;
& + p {
margin-top: 12px;
}
&:after {
/* @include ruler(29px, -6px); */
}
}
h3 {
/* padding is here to hack when the first element of the page */
padding-top: 10px;
/* background:red; */
& + p {
margin-top: 7px;
}
&:after {
/* @include ruler(29px, -6px); */
}
}
ol, ul, hr {
+ p {
text-indent: 0;
}
}
ol, ul {
> li:first-child {
padding-top: 8px;
}
li:last-child {
margin-bottom: 9px;
}
}
blockquote + cite {
break-before: avoid;
}
\ No newline at end of file
blockquote {
margin-top: var(--font-lineHeight);
margin-bottom: 0;
font-size: calc(var(--font-size) * 0.95);
line-height: var(--font-lineHeight);
margin-right: 1pc;
margin-left: 1pc;
& + blockquote {
margin-top: calc(var(--font-lineHeight));
}
cite {
font-style: normal;
}
}
blockquote.ex,
blockquote.px {
font-style: normal;
text-align: justify;
+ cite, cite {
&::before {
content: " (";
}
&::after {
content: ") ";
}
}
}
blockquote.px {
white-space: pre-wrap;
margin-left: 1pc;
margin-right: 1pc auto;
/* poetry size can be changed */
max-width:80%;
}
h1.ct + blockquote {
margin-top: calc(var(--font-lineHeight) * 2);
}
blockquote.sep, blockquote.sepo {
width:22pc;
font-style: italic;
margin: auto;
margin-top: var(--font-lineHeight);
text-indent: 0;
& cite,
& + cite {
display: block;
font-size: var(--font-size);
font-variant: all-small-caps;
letter-spacing: 0.05em;
&::before {
margin-left: 0;
margin-right: 0;
content: "—";
font-variant: all-small-caps;
text-transform: lowercase;
font-style: normal;
}
}
& + cite {
width:22pc;
margin: 0 auto;
font-style: normal;
& + blockquote {
margin-top: calc(var(--font-lineHeight) * 2);
}
}
& + blockquote {
margin-top: calc(var(--font-lineHeight) * 2);
}
}
blockquote.sepo {
white-space: pre-wrap;
}
/* chapter extracts */
header .cep, header .sep {
width: 352px;
font-size: 12px;
line-height: var(--font-lineHeight);
font-style: italic;
text-align: justify;
text-indent: 0;
margin: auto;
margin-top: var(--font-lineHeight);
em {
font-style: normal;
}
}
.cepo, header .sepo {
width: 352px;
font-size: 12px;
line-height: var(--font-lineHeight);
font-style: italic;
text-align: left;
white-space: pre-wrap;
text-indent: 0;
em {
font-style: normal;
}
}
.cepsn, .sepsn , .cepo + cite , .sepo + cite, header .sep cite, header .sepo cite {
font-size: 11px;
line-height: var(--font-lineHeight);
font-style: normal;
letter-spacing: 0.1em;
margin: auto;
margin-top: var(--font-lineHeight);
text-align: justify;
text-indent: 0;
padding-bottom: 15px;
font-variant: all-small-caps
}
\ No newline at end of file
/* regular */
@font-face {
font-family: 'Minion Pro';
src: url('../fonts/MinionPro-Regular.otf') format('truetype');
font-family: "Minion Pro";
src: url(../fonts/MinionPro-Regular.otf) format("truetype");
font-weight: 400;
font-style: normal;
}
/* italic */
@font-face {
font-family: 'Minion Pro';
src: url('../fonts/MinionPro-It.otf') format('truetype');
font-family: "Minion Pro";
src: url(../fonts/MinionPro-It.otf) format("truetype");
font-weight: 400;
font-style: italic;
}
/* Bold */
@font-face {
font-family: 'Minion Pro';
src: url('../fonts/MinionPro-Bold.otf') format('truetype');
font-family: "Minion Pro";
src: url(../fonts/MinionPro-Bold.otf) format("truetype");
font-weight: 600;
font-style: normal;
}
/* bold italic */
@font-face {
font-family: 'Minion Pro';
src: url('../fonts/MinionPro-BoldIt.otf') format('truetype');
font-family: "Minion Pro";
src: url(../fonts/MinionPro-BoldIt.otf) format("truetype");
font-weight: 600;
font-style: italic;
}
\ No newline at end of file
......@@ -6,7 +6,7 @@ section {
h1 {
h1, .note-chapterTitle {
font-family: var(--font-body);
font-size: 12px;
margin: 0 auto;
......@@ -64,14 +64,13 @@ section {
margin-top: calc(var(--font-lineHeight) * 1);
font-style: italic;
text-align: left;
display: inline-block;
font-weight: 400;
margin-bottom: 0;
&:after {
content: ". ";
display: inline-block;
}
margin-right: 1pc;
}
& + p {
text-indent: 0;
......@@ -83,3 +82,27 @@ section {
}
.note-chapterTitle {
font-style: normal;
}
p.heading3 {
text-indent: 0;
margin-top: calc(var(--font-lineHeight) * 1) ;
span.h3 {
font-size: 13px;
line-height: var(--font-lineHeight);
margin-top: calc(var(--font-lineHeight) * 1);
font-style: italic;
text-align: left;
font-weight: 400;
margin-bottom: 0;
&:after {
content: ". ";
margin-right: 1pc;
}
}
}
\ No newline at end of file
/* list */
ul,
ol {
margin: 0;
padding: 0;
text-indent: 0;
ul,
ol {
margin-left: 2.1em;
}
p {
text-indent: 0;
text-align: left;
hyphens: none
}
/* mioni reset */
li {
/* list-style-type: none; */
text-align: left;
hyphens: none;
line-height: var(--font-lineHeight);
}
/* // numbering here */
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
/* lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
margin-top: 16px;
margin-bottom: 2px;
display: block;
& + li {
margin-top: 0;
}
} */
li {
margin-left: 1.5em;
}
}
/* // unordered list */
/* orphan and widows for list */
li:first-of-type { break-after: avoid;}
/* unordered list */
ul {
margin-left: 1.5em;
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
margin-left: 1.5em;
padding-left: 26px;
;
li {
list-style-type: bullet;
list-style-type: none;
list-style-position: outside;
}
}
/* ordered list */
ol, ul {
/* ordered list */
ol {
counter-reset: list;
list-style-type: none;
margin-top: calc(var(--font-lineHeight) * 0.5);
margin-bottom: calc(var(--font-lineHeight) * 0.5);
& li {
position: relative;
counter-increment: list;
&::before {
position: absolute;
content: counter(list) ".";
width: 2.4ch;
text-align: right;
padding-right: 1em;
top: 0;
left: -4ch;
font-variant: oldstyle-nums;
}
}
}
h1 + ul ,
h1 + ol {
/* override white space after title before a list */
margin-top: calc(var(--font-lineHeight) * 1.5);
}
ol
{
margin-left: .8ch;
ul + h1, ol + h1 {
margin-top: calc(var(--font-lineHeight) * 1.5);
}
ul {
margin-left: 0;
margin-bottom: calc(var(--font-lineHeight) * 0.5);
margin-top: calc(var(--font-lineHeight) * 0.5);
li {
position: relative;
counter-increment: list;
&::before {
position: absolute;
content: counter(list) ".";
/* margin-right: 1.5ch; */
content: "∙";
width: 2.4ch;
text-align: right;
padding-right: 1em;
text-align: left;
padding-right: 0;
top: 0;
left: -4ch;
}
&:last-of-type {
margin-bottom: calc(var(--font-lineHeight) * 0.5);
left: -3ch;
}
&:first-of-type {
margin-top: calc(var(--font-lineHeight) * 0.5);
}
}
}
}
/* question and answers */
ol.none {
list-style-type: none;
margin-left: 1pc;
text-indent: -1pc;
margin-top: calc(var(--font-lineHeight) * 0.5);
margin-bottom: calc(var(--font-lineHeight) * 0.5);
.di {
li {
&::before {