@import "variables.less";

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
// ::-webkit-scrollbar {
//   width: 6px;
//   height: 6px;
// }
::-webkit-scrollbar-track {
  border: 1px solid @colorBlue;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 4px;
  background: @colorBlue;
  border: none;
}
:root {
  scrollbar-width: thin;
  scrollbar-color: @colorBlue @colorPaleBlue;
}

body {
  .openSans(13px, 400);
}

h1 {
  .russoOne(34px);
}
h2 {
  .russoOne(27px);
}
h3 {
  .russoOne(21px);
}
h4 {
  .russoOne(17px);
}
h5, h6 {
  .russoOne(13px);
}

a {
  color: @colorRed;
  text-decoration: none;
  &:hover, &:active {
    text-shadow: none;
    text-decoration: underline;
  }
}

.app {
  background: @sheetBackground;
  border: none;// 1px solid @colorBlue;
  .dropShadow1();
}

#context-menu {
  background: none;
  border: none;
  border-radius: 0;
  color: @colorBlack;
  padding: 0 8px;
  ol.context-items {
    background: white;
    border-radius: 4px;
    border: 1px solid @colorLightGray;
    .dropShadow2();
    li.context-item {
      &:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
      &:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
      }
      i {
        color: @colorBlue;
      }
      &:hover {
        background: @colorRed;
        color: white;
        text-shadow: none;
        cursor: pointer;
        i {
          color: white;
        }
      }
      & + li {
        border-top: 1px solid @colorPaleGray;
      }
    }
  }
  

}
@import "components/forms.less";
@import "components/sidebar.less";