decor-6-expe/maquette-tests/assets/css/subtitles.css
2026-03-16 09:48:16 +01:00

73 lines
No EOL
1.1 KiB
CSS

h3, h4{
break-after: avoid;
}
h3, h4{
font-weight: normal;
margin-top: calc(var(--baseline)*1);
margin-bottom: calc(var(--baseline)*1);
position: relative;
font-size: var(--fs-subtitle);
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-line {
display: flex;
justify-content: flex-end;
}
.h3-before{
padding-right: 0.75ch;
}
.h3-after{
padding-left: 0.75ch;
position: relative;
left: 6px;
}
.h3-text{
/* background-color: yellow; */
flex-grow: 2;
}
.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: -13.5mm;
padding-top: 9px;
}
.decor-h3_small div{
position: relative;
top: calc(var(--baseline)*-2);
}
.decor-h3_big{
right: -93px;
text-align: right;
}
.decor-h3_big div{
position: relative;
top: calc(var(--baseline) * -3 - 9px);
}