subtitles symbols
This commit is contained in:
parent
0e03ba8475
commit
9340553c0b
24 changed files with 241 additions and 123 deletions
62
maquette-tests/assets/css/subtitles.css
Normal file
62
maquette-tests/assets/css/subtitles.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
h3, h4{
|
||||
break-after: avoid;
|
||||
}
|
||||
h3, h4{
|
||||
font-weight: normal;
|
||||
margin-top: calc(var(--baseline)*0.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
font-size: var(--font-size);
|
||||
position: relative;
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
}
|
||||
|
||||
|
||||
.h3-before,
|
||||
.h3-after{
|
||||
|
||||
letter-spacing:var(--sign-spacing);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
line-height: var(--sign-baseline);
|
||||
}
|
||||
|
||||
.h3-before{
|
||||
padding-right: 0.75ch;
|
||||
}
|
||||
|
||||
.h3-after{
|
||||
padding-left: 0.75ch;
|
||||
}
|
||||
|
||||
.decor-h3{
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
line-height: var(--sign-baseline);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.decor-h3_small{
|
||||
left: -16mm;
|
||||
}
|
||||
|
||||
|
||||
.decor-h3_small div{
|
||||
position: relative;
|
||||
top: calc(var(--baseline)*-2);
|
||||
}
|
||||
|
||||
.decor-h3_big{
|
||||
right: -22mm;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.decor-h3_big div{
|
||||
position: relative;
|
||||
top: calc(var(--baseline)*-5);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue