Skip to content
Snippets Groups Projects
Commit 2a14e015 authored by Agathe's avatar Agathe Committed by Grigor Malo
Browse files

Part page and toc css for Significa

parent 8b529f56
No related branches found
No related tags found
1 merge request!5Part page and toc css for Significa
Hide whitespace changes
Inline Side-by-side
dist/css/significa-digest.css
+ 43
− 8
View file @ 2a14e015
......@@ -259,6 +259,7 @@ template, [hidden] {
--color-une: #222;
--color-deux: #0f0e0f;
--color-gris: #c4c4c4;
--color-trois: #a88c8c;
--font-size: 10pt;
--font-lineHeight: 14pt;
--indent-block: 0;
......@@ -357,22 +358,26 @@ nav ol li::marker {
display: block;
}
nav li {
margin-bottom: 8px;
text-align: left;
}
nav li::marker {
content: attr(data-item-num) ". ";
}
nav ol li ol li::marker {
color: var(--color-paper);
content: " ";
nav span.name {
width: 35ch;
display: inline-flex;
}
li.toc-body.toc-level-2.toc-chapter {
margin-bottom: 0;
}
#toc-ol ol {
margin-top: 6px;
margin-bottom: 15px;
margin-left: 2ch;
}
html {
......@@ -430,7 +435,7 @@ h1, h2, h3 {
font-family: var(--font-titre);
}
.chapter header {
.part header, .chapter header {
margin: 0 calc(var(--page-margin-left) * -1);
padding: var(--page-margin-left) var(--page-margin-left);
break-after: page;
......@@ -440,11 +445,15 @@ h1, h2, h3 {
background: var(--color-paper);
}
.chapter-number {
.part-number, .chapter-number {
font-size: calc(var(--font-size) * 2.5);
}
.chapter-number:after {
.part header {
text-transform: uppercase;
}
.part-number:after, .chapter-number:after {
content: ". ";
width: 15px;
height: 15px;
......@@ -812,3 +821,29 @@ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p figure + p {
border: none;
}
}
section.part header {
break-before: right;
page: part
}
@page part {
background-color: var(--color-paper);
background-size: 22px 22px;
background-image: repeating-linear-gradient(
-45deg,
var(--color-gris) 0,
var(--color-gris) 1px,
var(--color-paper) 0,
var(--color-paper) 50%
);
@bottom-right-corner {
content: none;
}
@bottom-left-corner {
content: none;
}
@bottom-center {
content: none;
border: none;
}
}
\ No newline at end of file
dist/css/significa-epub.css
+ 7
− 4
View file @ 2a14e015
......@@ -380,8 +380,7 @@ h1, h2, h3 {
font-family: Signika Negative;
}
.chapter header {
break-after: page;
.part header, .chapter header {
break-before: page;
margin-top: 0 -83px;
background: #fff;
......@@ -390,11 +389,15 @@ h1, h2, h3 {
padding: 80px;
}
.chapter-number {
.part header h1 {
text-transform: uppercase;
}
.part-number, .chapter-number {
font-size: 23px;
}
.chapter-number:after {
.part-number:after, .chapter-number:after {
content: ". ";
width: 15px;
height: 15px;
......
dist/css/significa-us-letter.css
+ 37
− 8
View file @ 2a14e015
......@@ -359,20 +359,19 @@ nav ol li::marker {
nav li {
margin-bottom: 8px;
text-align: left;
}
nav li::marker {
content: attr(data-item-num) ". ";
}
nav ol li ol li::marker {
color: var(--color-paper);
content: " ";
li.toc-body.toc-level-2.toc-chapter {
margin-bottom: 0;
}
#toc-ol ol {
margin-top: 6px;
margin-bottom: 15px;
margin-left: 2ch;
}
html {
......@@ -430,7 +429,7 @@ h1, h2, h3 {
font-family: var(--font-titre);
}
.chapter header {
.chapter header, .part header {
margin: 0 calc(var(--page-margin-left) * -1);
padding: var(--page-margin-left) var(--page-margin-left);
break-after: page;
......@@ -440,11 +439,15 @@ h1, h2, h3 {
background: var(--color-paper);
}
.chapter-number {
.chapter-number, .part header {
font-size: calc(var(--font-size) * 2.5);
}
.chapter-number:after {
.part header {
text-transform: uppercase;
}
.part-number:after, .chapter-number:after {
content: ". ";
width: 15px;
height: 15px;
......@@ -815,3 +818,29 @@ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p figure + p {
border: none;
}
}
section.part header {
break-before: right;
page: part
}
@page part {
background-color: var(--color-paper);
background-size: 22px 22px;
background-image: repeating-linear-gradient(
-45deg,
var(--color-gris) 0,
var(--color-gris) 1px,
var(--color-paper) 0,
var(--color-paper) 50%
);
@bottom-right-corner {
content: none;
}
@bottom-left-corner {
content: none;
}
@bottom-center {
content: none;
border: none;
}
}
\ No newline at end of file
dist/css/significa-us-trade.css
+ 41
− 8
View file @ 2a14e015
......@@ -359,20 +359,23 @@ nav ol li::marker {
nav li {
margin-bottom: 8px;
text-align: left;
}
nav li::marker {
content: attr(data-item-num) ". ";
}
nav ol li ol li::marker {
color: var(--color-paper);
content: " ";
nav span.name {
width: 35ch;
display: inline-flex;
}
li.toc-body.toc-level-2.toc-chapter {
margin-bottom: 0;
}
#toc-ol ol {
margin-top: 6px;
margin-bottom: 15px;
margin-left: 2ch;
}
html {
......@@ -430,7 +433,7 @@ h1, h2, h3 {
font-family: var(--font-titre);
}
.chapter header {
.part header, .chapter header {
margin: 0 calc(var(--page-margin-left) * -1);
padding: var(--page-margin-left) var(--page-margin-left);
break-after: page;
......@@ -440,11 +443,15 @@ h1, h2, h3 {
background: var(--color-paper);
}
.chapter-number {
.part-number, .chapter-number {
font-size: calc(var(--font-size) * 2.5);
}
.chapter-number:after {
.part header {
text-transform: uppercase;
}
.part-number:after, .chapter-number:after {
content: ". ";
width: 15px;
height: 15px;
......@@ -812,3 +819,29 @@ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p figure + p {
border: none;
}
}
section.part header {
break-before: right;
page: part
}
@page part {
background-color: var(--color-paper);
background-size: 22px 22px;
background-image: repeating-linear-gradient(
-45deg,
var(--color-gris) 0,
var(--color-gris) 1px,
var(--color-paper) 0,
var(--color-paper) 50%
);
@bottom-right-corner {
content: none;
}
@bottom-left-corner {
content: none;
}
@bottom-center {
content: none;
border: none;
}
}
\ No newline at end of file
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