studio-variable/geoproject-app
5
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

default styles print
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-03-02 17:06:42 +01:00
parent e7998bff27
commit cd65c35994
19 changed files with 120 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

122
public/assets/css/stylesheet.print.css
View file

@ -14,36 +14,104 @@ body {
font-family: "DM Sans", sans-serif;
}
h1 {
font-size: 3rem;
}
h2 {
break-before: page;
}
.chapter > h2 {
string-set: title content(text);
}
#chapter-2 {
font-size: 2rem;
}
p {
font-size: 1rem;
margin: 0mm 0mm 5mm 0mm;
}
li p {
margin-bottom: 0;
}
img {
figure, img{
width: 100%;
margin: 0;
}
a {
color: #7136ff;
text-decoration: none;
/* ───────────────────────────────────────────
COVER
─────────────────────────────────────────── */
.figure-backgroung-cover{
width: var(--pagedjs-width);
height: var(--pagedjs-height);
position: absolute;
top: calc(var(--pagedjs-margin-top)*-1);
left: calc(var(--pagedjs-margin-left)*-1);
z-index: -1;
}
h1{
font-size: 52px;
background: rgba(255, 255, 255, 0.521);
padding: 10px 20px;
margin: 0;
margin-top: 60px;
}
p.author{
font-size: 24px;
font-weight: bold;
background: rgba(255, 255, 255, 0.521);
padding: 10px 20px;
margin: 0;
margin-top: 20px;
}
.introduction{
font-size: 26px;
background: rgba(255, 255, 255, 0.521);
padding: 10px 20px;
margin: 0;
margin-top: 60px;
}
.figure-backgroung-cover img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* ───────────────────────────────────────────
Géoformat
─────────────────────────────────────────── */
.geoformat{
break-before: right;
}
h2{
font-size: 46px;
margin-top: 36px;
background-color: #cfcfcf;
padding: 20px;
}
/* ───────────────────────────────────────────
CHAPITRES
─────────────────────────────────────────── */
h3{
margin-top: 50px;
}
/* ───────────────────────────────────────────
CARTES
─────────────────────────────────────────── */
/* ───────────────────────────────────────────
MARKERS
─────────────────────────────────────────── */
.marker-title img{
width: 40px;
}