textual/examples/basic.css

/* CSS file for basic.py */

$primary: #20639b;

App > Screen {
  layout: dock;
  docks: side=left/1;
  background: $primary;
}

#sidebar {
  color: #09312e;
  background: #3caea3;
  dock: side;
  width: 30;
  offset-x: -100%;

  transition: offset 500ms in_out_cubic;
  border-right: outer #09312e;
}

#sidebar.-active {
  offset-x: 0;
}

#header {
  color: white;
  background: #173f5f;
  height: 3;
  border: hkey white;
}

#content {
  color: white;
  background: $primary;
  border-bottom: hkey #0f2b41;
}

#footer {
  color: #3a3009;
  background: #f6d55c;

  height: 3;
}