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

add: lp and navigation

Browse source 
Added... a lot of stuff
This commit is contained in:
Fiona Lena Urban 2025-05-22 09:59:27 +02:00
parent 55fc3fe4e0
commit f60719fa9e
20 changed files with 332 additions and 331 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/assets/styles/general.css
View file

@ -1,7 +1,7 @@
:root {
--color-success: #328104;
--color-error: #a20606;
--color-blue-light: #0ddce7;
--color-blue-light: #d7e1f1;
--color-blue: #05b0ff;
--color-blue-dark: #0266f2;
--color-blue-darkest: #013174;
@ -19,6 +19,7 @@
--color-green-darkest-most: #157c2a;
--color-main: var(--color-blue);
--color-main-lightest: var(--color-blue-light);
--color-main-light: var(--color-blue-light);
--color-main-dark: var(--color-blue-dark);
--color-main-darkest: var(--color-blue-darkest);
@ -44,24 +45,24 @@
/* Font Sizes & Scaling Factor*/
--scaling-factor: 1.25;
--font-size-normal: 1rem;
--font-size-s: calc(var(--font-size-normal) / var(--scaling-factor));
--font-size-xs: calc(var(--font-size-s) / var(--scaling-factor));
--font-size-l: calc(var(--font-size-normal) * var(--scaling-factor));
--font-size-s: calc(var(--font-size-default) / var(--scaling-factor));
--font-size-default: 1rem;
--font-size-l: calc(var(--font-size-default) * var(--scaling-factor));
--font-size-xl: calc(var(--font-size-l) * var(--scaling-factor));
--font-size-xxl: calc(var(--font-size-xl) * var(--scaling-factor));
/* Paddings depend on Font-Size */
--padding-default: var(--font-size-normal);
--padding-s: calc(var(--padding-default) / var(--scaling-factor));
--padding-xs: calc(var(--padding-s) / var(--scaling-factor));
--padding-xxs: calc(var(--padding-xs) / var(--scaling-factor));
--padding-xs: calc(var(--padding-s) / var(--scaling-factor));
--padding-default: var(--font-size-default);
--padding-s: calc(var(--padding-default) / var(--scaling-factor));
--padding-l: calc(var(--padding-default) * var(--scaling-factor));
--padding-xl: calc(var(--padding-l) * var(--scaling-factor));
--padding-xxl: calc(var(--padding-xl) * var(--scaling-factor));
--radius-default: calc(var(--font-size-normal) / 3);
--radius-border: var(--font-size-normal);
--radius-default: calc(var(--font-size-default) / 3);
--radius-border: var(--font-size-default);
--transition-default: 150ms;
}
@ -79,7 +80,7 @@ body {
font-family: sans-serif;
background: var(--color-main-darkest);
color: var(--color-text);
font-size: var(--font-size-normal);
font-size: var(--font-size-default);
}
h1, h2, h3 {
@ -96,7 +97,11 @@ h2 {
h3 {
margin: var(--padding-default) 0 var(--padding-default);
font-size: var(--font-size-normal);
font-size: var(--font-size-default);
}
a:has(button) {
text-decoration: none;
}
.card {