webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: new price card

Browse source 
Added new price card design, wip
This commit is contained in:
Fiona Lena Urban 2025-04-28 21:07:04 +02:00
parent 9d686e2af2
commit 7aa21c1c19
7 changed files with 194 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

35
app/assets/styles/button.css
View file

@ -13,9 +13,42 @@
transition: var(--transition-default);
outline: none;
border: none;
background: transparent;
background: var(--background);
color: var(--color);
&.raised {
box-shadow: var(--box-shadow-z2);
padding: .5em 1.5em;
border-radius: var(--radius-default);
}
&.text {
--background: transparent;
--color: var(--color-black);
padding: .5em 1.5em;
border-radius: var(--radius-default);
&:hover {
--background: rgba(0, 0, 0, 0.05);
}
&.danger {
--color: var(--color-red);
&:hover {
--background: rgba(255, 0, 0, 0.1);
}
}
}
&.round {
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
padding: .5rem;
}
&.cta {
background: var(--background);
color: var(--color);