titles
This commit is contained in:
parent
5b1113c988
commit
92b92a1146
8 changed files with 101 additions and 49 deletions
|
|
@ -38,3 +38,13 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
.note_call{
|
||||
|
||||
font-family: var(--font-sans);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@ ol[type="1"]{
|
|||
list-style-type: none;
|
||||
break-after: avoid;
|
||||
position: absolute;
|
||||
left: calc(var(--unit)*2);
|
||||
left: calc(var(--unit)*1);
|
||||
&::after{
|
||||
content: attr(start);
|
||||
content: attr(start)!important;
|
||||
display: block;
|
||||
font-size: var(--fs-small);
|
||||
opacity: 0.5;
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ p{
|
|||
top: -2px;
|
||||
|
||||
|
||||
padding-left: calc(var(--unit)*3);
|
||||
padding-left: calc(var(--unit)*2);
|
||||
}
|
||||
|
||||
p, li{
|
||||
|
|
@ -51,7 +51,14 @@ p, li{
|
|||
|
||||
|
||||
blockquote{
|
||||
font-family: var(--font-quote);
|
||||
// font-family: var(--font-quote);
|
||||
border-left: 0.5px solid black;
|
||||
margin-left: calc(var(--unit)*1.5);
|
||||
|
||||
}
|
||||
|
||||
blockquote p{
|
||||
padding-left: 2mm;
|
||||
}
|
||||
|
||||
// blockquote u{
|
||||
|
|
|
|||
|
|
@ -102,56 +102,61 @@
|
|||
font-size: 22px;
|
||||
font-weight: 200;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
line-height: calc(var(--baseline)*1.4);
|
||||
margin-top: 4mm;
|
||||
padding-bottom: 4mm;
|
||||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
hyphens: auto;
|
||||
padding-left: calc(var(--unit)*1);
|
||||
position: relative;
|
||||
max-width: calc(var(--unit)*5);
|
||||
text-wrap: balance;
|
||||
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
||||
}
|
||||
|
||||
// &::after{
|
||||
// content: '';
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// border-bottom: 1px solid currentColor;
|
||||
// position: relative;
|
||||
// top: calc(var(--baseline)*-2.5);
|
||||
// opacity: 0.2;
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
|
||||
h3{
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
line-height: calc(var(--baseline)*0.75);
|
||||
font-size: var(--fs-medium);
|
||||
line-height: 1.1;
|
||||
padding-left: calc(var(--unit)*1);
|
||||
|
||||
position: relative;
|
||||
margin-top: 4mm;
|
||||
padding-bottom: 4mm;
|
||||
padding-left: $indent;
|
||||
text-align: center;
|
||||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
margin-right: 8mm;
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h4{
|
||||
font-weight: 500;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
line-height: calc(var(--baseline)*0.75);
|
||||
line-height: var(--baseline);
|
||||
position: relative;
|
||||
margin-top: calc(var(--baseline)*1);
|
||||
padding-bottom: calc(var(--baseline)*0.5);
|
||||
padding-left: $indent*2;
|
||||
margin-top: 6mm;
|
||||
padding-bottom: 6mm;
|
||||
margin-right: 20mm;
|
||||
padding-left: calc(var(--unit)*2);
|
||||
text-decoration: 0.5px underline;
|
||||
text-underline-offset: 3px;
|
||||
|
||||
&::before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: $indent;
|
||||
left: calc(var(--unit)*1);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
--font-quote: 'Louize', sans-serif;
|
||||
--font-sans: 'Basis Grotesque Pro', sans-serif;
|
||||
--font-size: 12px;
|
||||
--fs-medium: 15px;
|
||||
--fs-small: 9.8px;
|
||||
--baseline: 18px;
|
||||
--indent: 26px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue