@import "./type.less";
@import "./variables.less";
@import "./components.less";


// Global styles for all applications we should keep these really light
body {
    font-family: @BaseFontFamily;
    color: @gray-dark;
}


/* input placeholder styles */
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

/* Scrollbars */
.sg-scroll {
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
  }
  &::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
  }
  &::-webkit-scrollbar-thumb:hover{
      background: rgba(0,0,0,0.4);
  }
  &::-webkit-scrollbar-thumb:active{
      background: rgba(0,0,0,.9);
  }
}