Spookie/assets/styles/app.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;
}