studio-variable/botascopia-webiste-static
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

back species

Browse source
This commit is contained in:
Julie Blanc 2026-02-16 15:34:30 +01:00
parent 9a6ff0b24e
commit 25cdb3bd0b
13 changed files with 158 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/css/components/_buttons.scss
View file

@ -102,5 +102,29 @@ label.btn-action{
left: 2.5ch;
}
}
}
.link-back{
a{
text-decoration: none;
color: var(--color-txt);
font-size: var(--fs-small);
&::before{
content: "←";
font-family: var(--font-title);
font-size: 0.9em;
position: relative;
left: -1.5ch;
transition: left .4s ease-in-out;
text-decoration: 1px underline transparent;
}
}
&:hover{
opacity: 0.8;
a::before{
left: -2.5ch;
}
}
}

19
assets/css/components/_slideshow.scss
View file

@ -42,11 +42,26 @@ $slideshow-items: 3;
}
}
.schema-collectifs{
background-color: white;
img{
object-fit: contain;
}
}
figcaption{
width: calc(100% - var(--arrow-space)*2);
font-size: var(--fs-small);
height: calc(var(--unit)*2);
font-size: var(--fs-normal);
font-weight: 500;
padding-top: calc(var(--padding-inner)*0.5);
text-align: left;
width: 100%;
margin-top: calc(var(--spacing)*0.5);
&::before{
content: '→';
font-family: var(--font-title);
padding-right: 2ch;
}
}
}

9
assets/css/pages/_home.scss
View file

@ -55,11 +55,14 @@
.species-list{
margin-bottom: calc(var(--spacing)*3);
.taxon:hover{
border-color: red!important;
outline: 3px solid var(--color-txt);
}
// .taxon:hover{
// border-color: red!important;
// }
}
.species-list .title{

27
assets/css/pages/_species-single.scss
View file

@ -8,30 +8,45 @@
.page-header__inner{
display: grid;
grid-template-columns: var(--w-fig) 1fr;
grid-gap: var(--padding-body);
grid-column-gap: var(--padding-body);
}
.link-back{
grid-column: 1;
grid-row: 1;
text-align: left;
position: relative;
top: calc(var(--spacing)*-1);
a{
color: var(--color-green)!important;
}
padding-left: 1.5ch;
}
figure, picture{
border-radius: var(--radius-img);
grid-column: 1;
grid-row: 1/3;
grid-row: 2/4;
@include fig-ratio(1/1);
}
.group-title{
grid-column: 2;
grid-row: 1;
grid-row: 2;
align-self: start;
padding-top: calc(var(--spacing)*0.5);
padding-bottom: calc(var(--spacing)*1);
}
.saviez-vous{
grid-column: 2;
grid-row: 2;
grid-row: 3;
align-self: start;
}
@ -56,12 +71,14 @@
}
.btn--group{
grid-column: span 2;
display: flex;
justify-content: right;
gap: var(--padding-inner);
position: relative;
top: calc(var(--spacing)*-1);
}