menu
This commit is contained in:
parent
25cdb3bd0b
commit
31e1b729f3
28 changed files with 925 additions and 426 deletions
|
|
@ -1,11 +1,11 @@
|
|||
@use "../abstracts/mixins.scss" as *;
|
||||
|
||||
|
||||
.species-list{
|
||||
display: grid;
|
||||
grid-gap: calc(var(--spacing)*1);
|
||||
grid-gap: calc(var(--spacing)*0.5);
|
||||
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
|
||||
|
||||
|
||||
.taxon{
|
||||
align-self: start;
|
||||
}
|
||||
|
|
@ -33,15 +33,25 @@
|
|||
|
||||
background-color: var(--color-green-light);
|
||||
padding: calc(var(--padding-inner)*0.75);
|
||||
border-radius: var(--radius-img);
|
||||
|
||||
.name{ order: 1; }
|
||||
figure{ order: 2; }
|
||||
|
||||
figure{
|
||||
@include fig-ratio(1/1);
|
||||
|
||||
border-radius: var(--radius-img);
|
||||
overflow: hidden;
|
||||
|
||||
img{
|
||||
background-color: var(--color-green);
|
||||
|
||||
&:nth-of-type(4n){
|
||||
background-color: yellow;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue