Compare commits
1 Commits
main
...
backend-im
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f0caeabc04 |
@@ -1,8 +1,8 @@
|
|||||||
@import "primeicons/primeicons.css";
|
@import "primeicons/primeicons.css";
|
||||||
|
|
||||||
/* 1. VARIABLEN (Design Tokens) */
|
/* 1. Variables (Design Tokens) */
|
||||||
:root {
|
:root {
|
||||||
/* Farben */
|
/* Colors */
|
||||||
--primary-color: #00CC99;
|
--primary-color: #00CC99;
|
||||||
--panel-color: #333647;
|
--panel-color: #333647;
|
||||||
--border-color: #333647;
|
--border-color: #333647;
|
||||||
@@ -12,19 +12,19 @@
|
|||||||
--text-light: #EAEAEA;
|
--text-light: #EAEAEA;
|
||||||
--white: #ffffff;
|
--white: #ffffff;
|
||||||
|
|
||||||
/* Abstände */
|
/* Spacing */
|
||||||
--spacing-sm: 0.5rem;
|
--spacing-sm: 0.5rem;
|
||||||
--spacing-md: 1rem;
|
--spacing-md: 1rem;
|
||||||
--spacing-lg: 2rem;
|
--spacing-lg: 2rem;
|
||||||
--container-max-width: 1200px;
|
--container-max-width: 1200px;
|
||||||
|
|
||||||
/* Sonstiges */
|
/* Misc */
|
||||||
--border-radius: 8px;
|
--border-radius: 8px;
|
||||||
--transition: all 0.3s ease;
|
--transition: all 0.3s ease;
|
||||||
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 2. RESET & BASIS-STLYES */
|
/* 2. RESET & BASIC-STLYES */
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -43,13 +43,13 @@ body {
|
|||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Bilder responsiv machen */
|
/* Image-responsivenes */
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 4. TYPOGRAFIE */
|
/* 4. TYPOGRAPHY */
|
||||||
h1, h2, h3 {
|
h1, h2, h3 {
|
||||||
margin-bottom: var(--spacing-md);
|
margin-bottom: var(--spacing-md);
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
|||||||
Reference in New Issue
Block a user