make index panel background darker, move inline flexbox styling out of browse.html (scss!), make add dir dialog use small content width

This commit is contained in:
Xevion
2020-11-06 03:42:14 -06:00
parent 70944d5314
commit b0df8057a8
3 changed files with 29 additions and 28 deletions

View File

@@ -6,7 +6,7 @@
$primary: hsl(163, 100%, 49%);
$link: hsl(163, 100%, 49%);
$link-hover: findDarkColor($link);
$body-background-color: $black-bis;
$body-background-color: hsl(0, 0%, 9%);
$code-background: $grey-darker;
$code: $link;
@@ -94,3 +94,28 @@ html, body {
color: $link;
}
}
.panel {
background: darken($body-background-color, 2.5%);
}
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-content: stretch;
align-items: flex-start;
div {
align-self: auto;
}
div:nth-child(1) {
flex: 1 1 auto;
}
div:nth-child(2), div:nth-child(3) {
flex: 0 1 auto;
}
}