mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-03-09 16:22:27 +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);
|
||||
}
|
||||
}
|
||||
12
src/theme/components/_section.scss
Normal file
12
src/theme/components/_section.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
.section-headline {
|
||||
font-size: var(--font-size-lg);
|
||||
font-weight: var(--font-weight-black);
|
||||
font-stretch: condensed;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: var(--spacing-xs);
|
||||
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: revert;
|
||||
justify-content: space-between;
|
||||
}
|
||||
Reference in New Issue
Block a user