// Gruvbox colorscheme
// https://github.com/morhetz/gruvbox
$bg0: #282828;
$bg0_h: #1D2021;
$bg0_s: #32302F;
$bg1: #3C3836;
$bg2: #504945;
$bg3: #665C54;
$bg4: #7C6F64;

$fg0: #FBF1C7;
$fg1: #EBDBB2;
$fg2: #D5C4A1;
$fg3: #BDAE93;
$fg4: #A89984;

$bg: $bg0_h;
$gray: #928374;
$red: #CC241D;
$lighred: #FB4934;
$green: #98971A;
$lightgreen: #B8BB26;
$yellow: #D79921;
$lightyellow: #FABD2F;
$blue: #458488;
$lightblue: #84A598;
$purple: #B16286;
$lightpurple: #D3869B;
$aqua: #689D6A;
$lightaqua: #8EC07C;
$orange: #D65D0E;
$lightorange: #FE8019;
$lighgray: #A89984;
$fg: $fg1;

// Default font and colors.
// ========================

// Body.
body {
    font-family: 'monospace';
    font-size: 1.2rem;
    color: $fg;
    background-color: $bg;
}

// Links.
a {
    outline: none;
    text-decoration: none;
    padding: 2px 1px 0;
}

a:link {
    color: $yellow;
}

a:visited {
    color: $purple
}

a:focus {
    color: $lightpurple;
}

a:hover {
    color: $lightyellow
}

a:active {
    background: $yellow;
    color: $bg
}

// Prompt and command line.
// ========================
.cmdline {
    margin: 0;
    padding: 0;
}

.prompt {
    padding: 0;
    margin: 0;
}

// Breadcrumb.
// ===========
.breadcrumb {
    //display: inline;

    ol {
      //display: inline;
      display: flex;
      margin: 0;
      padding: 0;
    }

    li {
      display: flex;
      margin: 0;
      padding: 0;
    }

    li:not(:last-child)::after {
      content: "/";
    }

    a {
      margin: 0;
      padding: 0;
    }
}

// Menus.
// ======
.menu {
    ul.tree {
        margin: 0;
        padding: 0;
        list-style: none;

    }

    /*ul.tree-child {
      border-left: solid 2px;
    }*/

    // 
    ul.tree ul {
     list-style: none;
      margin: 0;
      padding: 0;
    }
    ul.tree ul {
      margin-left: 0.5ch;
    }
    ul.tree ul ul {
      margin-left: 4ch;
    }

    ul.tree ul li {
      margin: 0;
      padding: 0 0.3ch;
      //line-height: 20px;
      //color: #369;
      //font-weight: bold;
      border-left:0.1ch solid $fg;

    }
    ul.tree ul li:last-child {
        border-left:none;
        display: inline;
    }
    ul.tree ul li:before {
       position:relative;
       top:-0.3em;
       height:0.5em;
       width:2ch;
       //color:white;
       border-bottom:0.1em solid $fg;
       content:"";
       display:inline-block;
       left:-0.3ch;
    }//*/
    ul.tree ul li:last-child:before {
       border-left:0.1ch solid $fg;
    }

    /*li {
        //display: inline-block;
    }*/

    /*li:not(:last-child)::after {
      content: "|";
    }*/

    a {
        //display: block;
        //padding: 6px 12px;
        //text-decoration: none;
    }
}