styles paragraphes
This commit is contained in:
parent
cd2a9e554d
commit
c801320c31
7 changed files with 79 additions and 1284 deletions
|
|
@ -1,35 +0,0 @@
|
|||
.container-following-note{
|
||||
font-family: var(--font-sans);
|
||||
font-size: var(--fs-small);
|
||||
line-height: calc(var(--baseline)*0.75);
|
||||
position: relative;
|
||||
margin-top: 2px;
|
||||
// margin-top: calc(var(--baseline)*0.25);
|
||||
|
||||
hyphens: auto;
|
||||
hyphenate-limit-chars: 7 3 4;
|
||||
hyphenate-limit-lines: 2;
|
||||
hyphenate-limit-zone: 8%;
|
||||
word-spacing: -0.004em;
|
||||
text-align: justify;
|
||||
// color: #999;
|
||||
|
||||
}
|
||||
|
||||
.body_note{
|
||||
// padding-left: calc(var(--indent)*1);
|
||||
// position: relative;
|
||||
}
|
||||
|
||||
.following-note_marker::after{
|
||||
content: ". "
|
||||
}
|
||||
|
||||
.following-note_call{
|
||||
font-family: var(--font-sans);
|
||||
font-size: var(--fs-small);
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
// INUTILE
|
||||
|
||||
|
||||
@page {
|
||||
@footnote {
|
||||
float: bottom;
|
||||
footnote-policy: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.pagedjs_footnote_content{
|
||||
padding-top: calc(var(--baseline)*1);
|
||||
}
|
||||
|
||||
.inline-note {
|
||||
float: footnote;
|
||||
footnote-policy: auto;
|
||||
font-size: var(--fs-small);
|
||||
line-height: calc(var(--baseline)*0.8);
|
||||
padding-left: var(--indent);
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
|
||||
&::marker{
|
||||
display: none;
|
||||
content: "";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
[data-counter-note]{
|
||||
&::before{
|
||||
content: attr(data-counter-note) ".";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.inline-note::after{
|
||||
font-family: var(--font);
|
||||
font-size: var(--fs-small);
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
font-variant-position: normal!important;
|
||||
|
||||
}
|
||||
|
||||
blockquote .inline-note{
|
||||
font-variant-position: normal!important;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -53,7 +53,7 @@ p, li{
|
|||
blockquote{
|
||||
// font-family: var(--font-quote);
|
||||
border-left: 0.5px solid black;
|
||||
margin-left: calc(var(--unit)*1.5);
|
||||
margin-left: calc(var(--unit)*2);
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,8 +26,9 @@
|
|||
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
color: red;
|
||||
&::before{
|
||||
content: attr(data-counter);
|
||||
content: attr(data-counter) ". ";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -102,10 +103,12 @@
|
|||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
hyphens: auto;
|
||||
padding-left: calc(var(--unit)*1);
|
||||
margin-left: calc(var(--unit)*1);
|
||||
padding-left: calc(var(--unit)*0.5);
|
||||
position: relative;
|
||||
max-width: calc(var(--unit)*5);
|
||||
text-wrap: balance;
|
||||
// background-color: red;
|
||||
|
||||
&::before{
|
||||
display: block;
|
||||
|
|
@ -123,7 +126,8 @@
|
|||
font-size: var(--fs-medium);
|
||||
line-height: 1.1;
|
||||
padding-left: calc(var(--unit)*1);
|
||||
|
||||
margin-left: calc(var(--unit)*2);
|
||||
padding-left: calc(var(--unit)*0.5);
|
||||
position: relative;
|
||||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
|
|
@ -143,14 +147,17 @@
|
|||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
margin-right: 20mm;
|
||||
padding-left: calc(var(--unit)*2);
|
||||
text-decoration: 0.5px underline;
|
||||
text-underline-offset: 3px;
|
||||
margin-left: calc(var(--unit)*2);
|
||||
padding-left: calc(var(--unit)*0.5);
|
||||
|
||||
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: calc(var(--unit)*1);
|
||||
left: 0;
|
||||
// left: calc(var(--unit)*1);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -159,13 +166,14 @@
|
|||
h5{
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
line-height: calc(var(--baseline)*0.75);
|
||||
line-height: calc(var(--baseline)*1);
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-top: calc(var(--baseline)*1);
|
||||
padding-bottom: calc(var(--baseline)*0.25);
|
||||
padding-left: $indent;
|
||||
margin-left: calc(var(--unit)*3);
|
||||
padding-left: calc(var(--unit)*0.5);
|
||||
|
||||
|
||||
text-indent: $indent;
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -176,16 +184,17 @@
|
|||
h6{
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
line-height: calc(var(--baseline)*0.75);
|
||||
position: relative;
|
||||
line-height: calc(var(--baseline)*1);
|
||||
margin-top: calc(var(--baseline)*1);
|
||||
padding-left: $indent;
|
||||
|
||||
text-indent: $indent;
|
||||
margin-left: calc(var(--unit)*2);
|
||||
// padding-left: calc(var(--unit)*0.5);
|
||||
// color: red;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
// display: block;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue