Commit cf7e0ca9 authored by julien's avatar julien
Browse files

hyphens example

parent af8ffe35
:root {
/* fonts for the book */
/* color */
/* var for the styles and weight for the body text -- inheritance, do we really need that? */
/* var for the headings -- inheritance, do we really need that? */
/* lumino -> font-size: 10 pt */
/* lumino line height: 12.5pt */ /* 9.75 pt*/ /* 12 pt*/
/* list variables */
}
/* regular */
@font-face {
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-weight: 400;
font-style: italic;
}
/* Bold */
@font-face {
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-weight: 600;
font-style: italic;
}
/* The ways all the titles appears */
section {
/* h1 are very different from one section to another,
they are declared separately in the dedicated sections,
without common style */
}
/* // as known as h1 in the word doc */
section h2 {
/* // when font stuff will be used: font-variant-caps: all-small-caps; */
font-family: "Minion Pro", sans-serif;
font-size: 12px;
margin: 0 auto;
max-width: 361px;
break-inside: avoid;
line-height: 17px;
break-after: avoid;
text-align: center;
letter-spacing: 2pt;
text-transform: uppercase;
/* // margin-top: 34px; */
font-weight: 400;
}
section h2:first-of-type {
/* // margin-top: 0; */
}
/* // as known as h2 in the word document */
section h3 {
font-size: 12px;
line-height: 17px;
font-style: italic;
margin: 0 auto;
max-width: 361px;
text-align: center;
font-weight: 400;
}
/* @extend .old-style-figures; */
section h3 em {
font-style: normal;
}
section h3 + p {
text-indent: 0;
/* // margin-top: 13pt; */
}
/* // as known as h3 in the word document */
section h4 {
font-size: 13px;
line-height: 13pt;
margin-top: 26pt;
font-style: italic;
text-align: left;
display: inline-bloc;
}
section h4:after {
content: ". ";
display: inline-block;
}
section h4 + p {
text-indent: 0;
}
/* General CSS for contents */
html {
font-family: "Minion Pro", sans-serif;
font-weight: normal;
color: black;
font-kerning: normal;
}
html,p {
font-size: 13px;
}
p {
line-height: 17px;
text-align: justify;
text-indent: 1pc;
margin: 0;
padding: 0;
hyphens: auto;
}
p:first-of-type {
text-indent: 0;
}
p strong,
p .bold,
p .Bold,
li strong,
li .bold,
li .Bold {
}
em,.italic {
font-family: inherit;
font-style: "Minion Pro", sans-serifItalicStyle;
font-weight: 400;
}
pre {}
a {
color: black;
font-family: "Minion Pro", sans-serifLink;
font-weight: 400;
text-decoration: none;
font-style: inherit;
}
a:hover {
color: darkred;
border-bottom: 2px solid darkred;
}
strong em {
font-weight: bold;
font-style: italic;
}
var {
font-family: "Minion Pro", sans-serif;
font-weight: normal;
}
var em,
var .Italic {
font-weight: normal;
font-style: normal;
}
blockquote {
display: block;
margin-top: 13pt;
margin-bottom: 12.8pt;
margin-left: 1pc;
}
blockquote p {
font-style: normal;
font-size: 12px;
line-height: 12.80pt;
text-indent: 0;
text-align: justify;
}
blockquote p,blockquote p+p {
margin-top: 0
}
blockquote p:last-of-type {
}
sup {
font-size: 13px * 0.5;
font-weight: inherit;
position: relative;
top: -3px;
vertical-align: baseline;
}
.references p {
line-height: 16px;
font-size: 13px;
}
hr {
break-before: avoid;
margin-top: 5px;
margin-bottom: 29px;
border: none;
}
hr:after {
content: "* * *";
height: 17px;
display: block;
text-align: center;
font-size: 9px;
letter-spacing: 1em;
}
hr.ls {
height: 0px;
}
hr.ls:after {
content: "\2002";
}
.small-caps {
font-feature-settings: "smcp", "c2sc";
font-variant-caps: all-small-caps;
}
.old-style-figures {
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
}
/* list */
ul,
ol {
margin: 0;
/* // margin-bottom: 17px; */
padding: 0;
text-indent: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-left: 2.1em;
}
ul p, ol p {
text-indent: 0;
text-align: left;
hyphens: none
}
/* // numbering here */
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
}
ol lh.lpti, ul lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
/* // margin-top: 10px; */
/* // margin-bottom: 3px; */
margin-top: 16px;
margin-bottom: 2px;
@extend .small-caps;
display: block;
}
ol lh.lpti + li, ul lh.lpti + li {
margin-top: 0;
}
ol li, ul li {
margin-left: 1.5em;
/* // margin-left: 1em; */
}
ol > li:first-of-type, ul > li:first-of-type {
margin-top: 17px;
/* // background: red; */
}
/* // unordered list */
ol li:nth-of-type(n + 9), ul li:nth-of-type(n + 9),ul {
margin-left: 1.5em;
}
ul li {
list-style-type: bullet;
list-style-position: outside;
}
/* @import "./modules/chains.css"; */
figure {
margin: 0;
text-indent: 0;
padding: 0;
page-break-inside: avoid;
width: 100%;
text-align: center;
margin-bottom: 0pt;
float-reference: column;
float: top;
float-defer: last;
}
figure figcaption {
font-size: 12px;
font-style: normal;
text-indent: 0;
text-align: left;
/* // counter-increment: map; */
font-size: 8pt;
line-height: 11pt;
}
figure figcaption:before {
font-style: italic;
}
figure img {
width: 100%;
/* // margin-top: 13pt; */
}
h2.tabletitle {
font-size: 13px;
line-height: 14pt;
font-style: italic;
font-weight: 400;
text-transform: none !important;
letter-spacing: 0 !important;
margin-bottom: 8pt !important;
padding-bottom: 0;
border-collapse: none;
}
.table-caption {
text-indent: 0;
text-align: justify;
margin: 0 auto;
font-size: 8pt !important;
line-height: 17px !important;
}
table {
font-family: "Minion Pro", sans-serif;
margin-bottom: 13px * 2;
// border-collapse: none;
border-bottom: 1pt solid grey;
border-left: 0;
border-right: 0;
page-break-inside: avoid;
border-collapse: collapse;
}
table p {
font-size: 7px;
line-height: 17px;
text-align: left;
text-indent: 0;
}
thead tr:nth-of-type(n+2) p {
text-align: right;
}
th {
width: 10%;
border-left: 0;
border-right: 0;
// padding: 2mm;
text-align: center;
font-weight: normal;
border-bottom: 1pt solid grey;
// border-top: 1pt solid grey;
}
tr td:nth-of-type(n+2) p {
text-align: right;
}
code {
background: HoneyDew
}
code,pre {
font-size: 0.8em;
}
pre {
padding: 1em 0;
font-family: "Minion Pro", sans-serif;
display: block;
padding: 0;
width: 100%;
white-space: pre-wrap;
word-break: break-all;
background: HoneyDew ;
line-height: 17px;
margin: 17px 0 23px;
padding: 6px 5px 11px 5px;
}
.hljs,
.hljs-subst {
color: #000;
}
.hljs-string,
.hljs-meta,
.hljs-symbol,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition {
color: #756bb1;
}
.hljs-comment,
.hljs-quote {
color: #636363;
}
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-bullet,
.hljs-link {
color: #31a354;
}
.hljs-deletion,
.hljs-variable {
color: #88f;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-title,
.hljs-section,
.hljs-built_in,
.hljs-doctag,
.hljs-type,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-strong {
color: #3182bd;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-attribute {
color: #e6550d;
}
/* specific headers: chapter titles, part titles, etc. */
html {
counter-reset: chapter;
}
/* half title*/
.ht {
margin-top: 8px;
margin-bottom: 0;
font-weight: 400;
line-height: 36px;
font-size: 24px;
}
/* Parts */
.pt {
/* break-before: page; */
font-size: 16px;
line-height: 1;
margin: 0;
font-variant: all-small-caps;
font-feature-settings: "smcp", "c2sc";
letter-spacing: 1px;
text-align: center;
font-weight: 400;
}
/* specific for the front matter */
.fm-body header, .toc header, .notes header {
margin: 0;
padding-top: 38px;
min-height: 289px;
}
/* background-color: rgba(0, 0, 0, 0.5); */
.fm-body header h1.fmh, .toc header h1.fmh, .notes header h1.fmh {
font-size: 16px;
line-height: 1;
font-variant: all-small-caps;
font-feature-settings: "smcp", "c2sc";
letter-spacing: 0.5pt;
margin-bottom: 0;
text-align: center;
font-weight: 400;
}
/* to test the heading */
.fm-body header .fmau, .toc header .fmau, .notes header .fmau {
margin-top: 17px;
text-align: center;
text-indent: 0;
margin-bottom: 0;
}
.fm-body .fm1, .toc .fm1, .notes .fm1 {
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
letter-spacing: 0.5pt;
}
.fm-body .fm1:before, .toc .fm1:before, .notes .fm1:before {}
.fm-body .fmhn, .toc .fmhn, .notes .fmhn {
font-style: italic;
}
.fm-body .fmhn + .fmtxt, .toc .fmhn + .fmtxt, .notes .fmhn + .fmtxt {
margin-top: 17px;
}
.fm-body .fmtxt:after, .toc .fmtxt:after, .notes .fmtxt:after {}
.fm-body .fmsig p, .toc .fmsig p, .notes .fmsig p {
font-style: italic;
text-align: right;
text-indent: 0;
}
.fm-body .crossRef li p:after {
content: "123";
font-style: italic;
font-weight: 300;
display: inline-block;
margin-left: 1em;
}
.list-abbreviations .undecorated li {
padding-left: 75px;
text-indent: -75px;
padding-right: 75px;
line-height: 17px;
list-style-type: none;
}
.list-abbreviations .undecorated li:before {
content: ' ';
}
.list-abbreviations .undecorated li p abbr {
margin-left: -75px;
float: left;
display: inline-block;
}
.toc ul {
list-style-type: none;
}
.toc ul,.toc ul li {
font-size: 13px;
line-height: 17px;
text-indent: 0;
}
.toc ul li {
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
}
.toc ul li:before {
content: "";
font-size: 12px;
padding-right: 0;
color: black;
}
.crossRef li p:after {
content: "123";
font-style: normal;
}
/* import specific part */
.chapter header {
/* // minimum height to get the starter */
min-height: calc(17px * 17);
/* // minimum padding bottom, set to start the beginning of the chapter */
padding-bottom: calc(17px* 4);
/* box-shadow: 0 0 0 1px red; */
padding-top: 42px;
}
.chapter-number,
.cn {
/* // chapter Number : 12 pt Minion Pro old style figures, centered on 4th text line. Omit word “chapter.” */
text-align: center;
font-size: 16px;
letter-spacing: -0.1px;
/* // border-bottom: 0.5px solid black; */
display: block;
margin: 0 auto;
margin-top: 7px;
text-align: center;
letter-spacing: -1px;
clear: both;
width: 32px;
height: 31px;
}
.cn+.ct {
margin-top: 12px;
}
.ct {
padding: 0 45px;
font-size: 20px;
line-height: calc(17px * 2);
font-size: 24px;
text-transform: none;
font-weight: 400;
text-align: center;
text-transform: capitalize;
}
.ct+.cst {
margin-top: 10px;
}
.cst {
padding: 0 55px;
font-size: 17px;
line-height: 17px;
font-style: italic;
text-align: center;
text-transform: capitalize;
}
/* // no author for now
.cau {
padding-left: 35px;
padding-right: 35px;
line-height : $cau-lineHeight;
font-size: $cau-fontSize;
margin-top: 13px;
text-indent: 0;
text-align: center;
} */
.cst + blockquote {
margin-top: 35px;
}
blockquote {
margin: 0 auto;
}
blockquote + blockquote {
margin-top: calc(17px * 2);
}
.cep {
width: 352px;
}
.cep p {
font-size: 12px;
line-height: 17px;
font-style: italic;
text-align: justify;
text-indent: 0;
}
.cep p em {
font-style: normal;
}
.cepo {
width: 252px;
}
.cepo p {
font-size: 12px;
line-height: 17px;
font-style: italic;