start of sidebar no styling done
This commit is contained in:
parent
d1dc1b4bf0
commit
f4237afc59
7 changed files with 149 additions and 21 deletions
|
@ -3,6 +3,7 @@
|
|||
--background-secondary: rgb(45 45 45);
|
||||
--border: rgb(70 70 70);
|
||||
--text: rgb(255 255 255);
|
||||
--svg-fill: rgb(255 255 255);
|
||||
--text-secondary: rgb(200 200 200);
|
||||
--accent: rgb(88 101 242);
|
||||
--accent-hover: rgb(71 82 196);
|
||||
|
@ -13,16 +14,6 @@
|
|||
--input-background: rgb(55 55 55);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-size: 16px;
|
||||
background-color: var(--background);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: Ubuntu;
|
||||
|
@ -45,14 +36,22 @@ body {
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Utility classes */
|
||||
body {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-size: 16px;
|
||||
background-color: var(--background);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
/* Form elements */
|
||||
input, button, textarea, select {
|
||||
font-family: inherit;
|
||||
font-size: 1rem;
|
||||
|
@ -102,11 +101,17 @@ input:focus, textarea:focus, select:focus {
|
|||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
/* Card style */
|
||||
.card {
|
||||
background-color: var(--background-secondary);
|
||||
border-radius: 8px;
|
||||
box-shadow: var(--card-shadow);
|
||||
padding: 1.5rem;
|
||||
overflow: hidden;
|
||||
svg {
|
||||
fill: var(--svg-fill);
|
||||
transition: fill 0.2s ease;
|
||||
}
|
||||
|
||||
svg.stroke-only {
|
||||
fill: none;
|
||||
stroke: var(--svg-fill);
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
svg:hover {
|
||||
fill: var(--accent);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue