studio-variable/index-main
3
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

harmonisation des styles
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-29 20:57:17 +01:00
parent 9ead1c51f4
commit b3f985a41b
30 changed files with 1601 additions and 465 deletions
Download patch file Download diff file Expand all files Collapse all files

50
assets/css/template/_report.scss
View file

@ -65,7 +65,7 @@
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--padding-body);
z-index: calc(var(--z-header) - 100);
.report__txt {
grid-row: 1;
@ -74,14 +74,14 @@
}
#report__medias {
z-index: calc(var(--z-header) - 100);
position: sticky;
top: calc(var(--header-h) + var(--padding-body));
align-self: start;
background-color: red;
grid-row: 1;
grid-column: 2;
border: var(--border-light);
// border: var(--border-light);
min-height: 100px;
}
@ -240,8 +240,7 @@
.section-content {
margin-bottom: calc(var(--spacing)*3);
border-bottom: 1px solid red;
padding-bottom: calc(var(--spacing)*3);
&:target{
padding-top: calc(var(--header-h) + var(--spacing)*2);
@media #{$small}{ padding-top: calc(var(--header-h) + var(--spacing)*0.5); }
@ -249,6 +248,8 @@
}
.section-title {
font-size: var(--fs-medium);
margin-bottom: var(--spacing);
@ -270,6 +271,24 @@
}
.media{
video{
width: 100%;
}
figure{
height: auto;
}
.caption{
font-size: var(--fs-small);
line-height: 1.1;
}
}
/// PANEL-LEFT  --------------------------------------------
@ -403,27 +422,6 @@
#report {
--fig-outside: calc(var(--spacing)*2);
// .container-figure {
// width: 100%;
// display: none;
// }
.fig-simple {
height: calc(100vh - var(--header-h) - var(--spacing)*2);
figure {
height: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
}
}