mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-25 14:59:26 +01:00
c5b84959c0
* Tries to implement collapse menu * Fixes using hiding * Fixes tests * Updates styles * Adds better styles for collapse * Fixes tests
75 lines
1.4 KiB
SCSS
75 lines
1.4 KiB
SCSS
@charset "utf-8";
|
|
|
|
$menu-item-active-background-color: hsl(171, 100%, 41%);
|
|
$menu-item-color: hsl(0, 6%, 87%);
|
|
|
|
@import "~bulma";
|
|
@import "../node_modules/splitpanes/dist/splitpanes.css";
|
|
@import "~buefy/src/scss/utils/_all";
|
|
@import "~buefy/src/scss/components/_dropdown";
|
|
@import "~buefy/src/scss/components/_switch";
|
|
|
|
body {
|
|
font-family: "Roboto", sans-serif;
|
|
color: #ddd;
|
|
background-color: #111;
|
|
}
|
|
|
|
h1.title {
|
|
font-family: "Gafata", sans-serif;
|
|
}
|
|
|
|
html {
|
|
overflow-x: unset;
|
|
overflow-y: unset;
|
|
}
|
|
|
|
html.has-custom-scrollbars {
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
display: content;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(128, 128, 128, 0.33);
|
|
outline: 1px solid slategrey;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:active {
|
|
background-color: #777;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-track:hover {
|
|
background-color: rgba(64, 64, 64, 0.33);
|
|
}
|
|
|
|
section main {
|
|
scrollbar-color: #353535 transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
}
|
|
|
|
.is-settings-control {
|
|
|
|
background: rgba(0, 0, 0, 0.4);
|
|
color: #fff;
|
|
border-color: transparent;
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
&:hover {
|
|
border-color: rgb(255, 221, 87) !important;
|
|
background: rgba(0, 0, 0, 0.8) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow: none !important;
|
|
color: unset;
|
|
border-color: transparent;
|
|
}
|
|
}
|