harmonize header page
All checks were successful
Deploy / Deploy to Production (push) Successful in 10s
All checks were successful
Deploy / Deploy to Production (push) Successful in 10s
This commit is contained in:
parent
849b506c50
commit
e6f62a62df
22 changed files with 302 additions and 229 deletions
|
|
@ -1,5 +1,6 @@
|
|||
.card--folder{
|
||||
position: relative;
|
||||
max-width: var(--max-w-cards);
|
||||
|
||||
border: var(--border-light);
|
||||
padding: var(--padding-inner);
|
||||
|
|
@ -21,6 +22,8 @@
|
|||
margin-bottom: 0.25em;
|
||||
text-wrap: balance;
|
||||
max-width: 42ch;
|
||||
text-transform: uppercase;
|
||||
padding-top: calc(var(--spacing)*0.25);
|
||||
a{ text-decoration: none;}
|
||||
|
||||
@media #{$small}{
|
||||
|
|
@ -30,7 +33,7 @@
|
|||
}
|
||||
|
||||
.short{
|
||||
@include clamp(2);
|
||||
@include clamp(3);
|
||||
}
|
||||
|
||||
ul{
|
||||
|
|
@ -64,9 +67,20 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media #{$x-small}{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: calc(var(--padding-inner)*0.5);
|
||||
.short{ display: none; }
|
||||
// .short{ display: none; }
|
||||
|
||||
.content{ display: contents;}
|
||||
|
||||
.title{ order: 1; }
|
||||
figure{ order: 2; }
|
||||
.short{ order: 3; }
|
||||
ul{ order: 4; }
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue