Add color bar to theme
This commit is contained in:
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…
Reference in New Issue
Block a user