57 lines
899 B
SCSS
57 lines
899 B
SCSS
/*
|
|
jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0);
|
|
mango: #FF8040, rgba(255, 130, 67, 1.0);
|
|
gray: #a1a1a1, rgba(161, 161, 161, 1.0)
|
|
*/
|
|
|
|
/*
|
|
@media (prefers-color-scheme: light) {}
|
|
@media (prefers-color-scheme: dark) {}
|
|
*/
|
|
|
|
/* debug */
|
|
* {
|
|
//border: 1px solid gray;
|
|
}
|
|
|
|
|
|
html, body{
|
|
margin: 0;
|
|
padding: 0;
|
|
//background: linear-gradient(90deg, rgba(14,14,16,1) 0%, rgba(255,128,64,1) 35%, rgba(14,14,16,1) 100%);
|
|
background: #0e0e10;
|
|
}
|
|
|
|
|
|
// customize some Bootstrap variables
|
|
$primary: #FF8040;
|
|
$jet-black: #0e0e10;
|
|
//@import "bootstrap/scss/bootstrap";
|
|
|
|
///
|
|
|
|
// sidebar
|
|
|
|
#sidebar {
|
|
min-width: 180px;
|
|
max-width: 180px;
|
|
display: inline;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
float: left;
|
|
transition: min-width 0.5s, max-width 0.5s;
|
|
}
|
|
|
|
#sidebar.active {
|
|
min-width: 60px;
|
|
max-width: 60px;
|
|
}
|
|
|
|
#content {
|
|
}
|
|
|
|
#sidebar.active .menuText {
|
|
display: none;
|
|
}
|
|
|