You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

47 lines
806 B

.cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
overflow-x: auto;
.card {
flex: 1;
flex-basis: 100%;
border-width: 1px;
border-style: solid;
@include color-assign(border-color, surface-var);
border-radius: 2px;
padding: 0.5rem;
text-decoration: none;
min-width: 15rem;
word-break: break-word;
transition: 0.2s all ease-in;
&:last-child {
margin-right: 0;
}
&:hover {
@include color-assign(color, on-navigation);
@include color-assign(background-color, primary);
@include color-assign(border-color, surface-dark);
}
}
&.list {
gap: 0;
.card {
border-radius: 0;
border-bottom: none;
&:last-child {
border-bottom: 1px solid white;
@include color-assign(border-color, surface-var);
}
}
}
}