webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ADD: A LOT of pricing chart stuff

Browse source 
Added new pricing chart layout
This commit is contained in:
webfussel 2025-03-19 15:03:11 +01:00
parent a204be8ddc
commit f263a5574a
14 changed files with 563 additions and 284 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/assets/css/button.css
View file

@ -4,26 +4,44 @@
cursor: pointer;
padding: 1rem 1.5rem;
outline: 3px solid transparent;
box-shadow: 0 0 0 0 var(--color-orange);
border-radius: 99999px;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
font-weight: bold;
&.default {
background: var(--color-orange);
color: var(--color-black);
box-shadow: 0 0 0 0 var(--color-orange);
&:hover {
outline-color: var(--color-black);
box-shadow: 0 0 0 6px var(--color-orange);
}
}
&.dark {
background: var(--color-orange-black);
color: var(--color-white);
box-shadow: 0 0 0 0 var(--color-orange-black);
&:hover {
outline-color: var(--color-orange);
box-shadow: 0 0 0 6px var(--color-black);
}
}
&.white {
background: var(--color-white);
color: var(--color-black);
}
box-shadow: 0 0 0 0 var(--color-white);
&:hover {
outline-color: var(--color-black);
box-shadow: 0 0 0 6px var(--color-orange);
&:hover {
outline-color: var(--color-black);
box-shadow: 0 0 0 6px var(--color-white);
}
}
&.cta {
@ -72,4 +90,8 @@
padding-left: calc(var(--size) * 2);
margin-left: calc(var(--size) * -1 - 25px);
}
}
.button-wrapper {
border-radius: 99999px;
}