mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-03-07 07:12:24 +00:00
feat: apply new layout overhaul
This commit is contained in:
committed by
Rainer Killinger
parent
f16e5394cc
commit
7bbdba5c0b
21
src/theme/components/_card.scss
Normal file
21
src/theme/components/_card.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
.card {
|
||||
box-shadow: var(--shadow-cards);
|
||||
background-color: var(--ion-color-primary-contrast);
|
||||
border-radius: var(--border-radius-default);
|
||||
padding: var(--spacing-md);
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-bold);
|
||||
text-align: left;
|
||||
display: block;
|
||||
height: 100%;
|
||||
transition: transform 250ms ease-in-out,
|
||||
box-shadow 250ms ease-in-out;
|
||||
}
|
||||
|
||||
a.card,
|
||||
.card.clickable {
|
||||
&:hover {
|
||||
transform: translate(-5px, -5px);
|
||||
box-shadow: var(--shadow-cards-hover);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user