<commit_before>//@import "material/components/color";
#app-view {
  background-color: color("grey", "lighten-4");

  .google-sign-up.btn{
    background-color: $google-primary-color;
    text-transform: none;
    padding-left: 0;

    img.google-logo{
      width: 36px;
      height: 36px;
      margin-right: 1rem;
    }
  }
}

$header-height:4rem;
$sidebar-width:18rem;

#app-layout{
  display: flex;
  height: 100vh;
  width: 100vw;

  #app-sidebar, #app-main{
    margin-top:$header-height;
    height: calc( 100% - #{$header-height});
    overflow: scroll;

    #sidebar-header, #app-main-header{
      height: $header-height;
      position:fixed;
      top:0;
    }

    #sidebar-content, #app-main-content{

    }
  }

  #app-main, #app-main-header{
    width: calc(100vw - #{$sidebar-width});
  }
  #app-sidebar , #sidebar-header{
    width: $sidebar-width;
  }
  #app-sidebar{


    #sidebar-header{
      
    }

    #sidebar-content{

    }

  }

  #app-main{

    #app-main-header{

    }

    #app-main-content{
      
    }
  }
}

#app-view #app-main-header{
  display: flex;
  align-items: center;
  padding: 0 1rem;

  .menu-btn{
    @extend .hide-on-med-and-up;
  }

  i{
    color:white;
  }
}

#app-view #sidebar-header{
  display: flex;
  align-items: center;
  padding-right: 1rem;

  i{
    color:white;
  }

  h5{
    margin: 0;
  }

  .detail{
    display: flex;
    flex-direction:column;
    justify-content:center;
    a {
      color: white;
      margin-right: 1rem;
    }
  }
}<commit_msg>* get rid of polymer<commit_after>//@import "material/components/color";
#app-view {
  background-color: color("grey", "lighten-4");

  .google-sign-up.btn{
    background-color: $google-primary-color;
    text-transform: none;
    padding-left: 0;

    img.google-logo{
      width: 36px;
      height: 36px;
      margin-right: 1rem;
    }
  }
}

$header-height:4rem;
$sidebar-width:18rem;

#app-layout{
  display: flex;
  height: 100vh;
  width: 100vw;

  #app-sidebar, #app-main{
    margin-top:$header-height;
    height: calc( 100% - #{$header-height});
    overflow: scroll;

    #sidebar-header, #app-main-header{
      position:fixed;
      top:0;
      height: $header-height;
      display: flex;
      align-items: center;
      i{
        color:white;
      }
    }

    #sidebar-content, #app-main-content{

    }
  }

  #app-main, #app-main-header{
    width: calc(100vw - #{$sidebar-width});
  }
  #app-sidebar , #sidebar-header{
    width: $sidebar-width;
  }
  #app-sidebar{


    #sidebar-header{
      padding-right: 1rem;



      h5{
        margin: 0;
      }

      .detail{
        display: flex;
        flex-direction:column;
        justify-content:center;
        a {
          color: white;
          margin-right: 1rem;
        }
      }
    }

    #sidebar-content{

    }

  }

  #app-main{

    #app-main-header{

      padding: 0 1rem;

      .menu-btn{
        @extend .hide-on-med-and-up;
      }

      
    }

    #app-main-content{
      
    }
  }
}
{'fraction_non_alphanumeric': 0.15642643639986714, 'fraction_numerical': 0.019262703420790436, 'mean_word_length': 2.008991008991009, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '77401', 'n_tokens_mistral': 1214, 'n_tokens_neox': 1118, 'n_words': 190}