Add color bar to theme

master
Garrett Mills 1 year ago
parent 3e3ce01bc5
commit ac3d58f207

@ -143,6 +143,14 @@ body {
padding: 0; padding: 0;
overflow-x: hidden; overflow-x: hidden;
} }
.color-chips {
display: flex;
flex-direction: row;
}
.color-chips .chip {
min-height: 10px;
flex: 1;
}
section { section {
/*min-height: 100vh;*/ /*min-height: 100vh;*/
z-index: 100; z-index: 100;
@ -456,14 +464,15 @@ footer .auth-container .profile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: end;
margin-top: 150px; margin-top: -10px;
} }
.hero-box { .hero-box {
border: 2px solid var(--c-box); border: 2px solid var(--c-box);
padding: 0 20px; padding: 0 20px;
text-align: center; text-align: center;
background-color: var(--c-background-offset); background-color: var(--c-background-offset);
margin-bottom: 120px;
} }
.hero h1 { .hero h1 {
font-weight: 300; font-weight: 300;

@ -28,6 +28,11 @@ head
link(rel='shortcut icon' href=asset('favicon/favicon.ico')) link(rel='shortcut icon' href=asset('favicon/favicon.ico'))
body body
.color-chips
.chip(style="background-color: var(--c-line-1)")
.chip(style="background-color: var(--c-line-2)")
.chip(style="background-color: var(--c-line-3)")
block content block content
footer footer

Loading…
Cancel
Save