@import "../../css/hbm";
@import "../../components/button/Button";
@import "../../components/card/Card";
@import "../../components/checkbox/Checkbox";
@import "../../components/chip/Chip";
@import "../../components/header/Header";
@import "../../components/icon/Icon";
@import "../../components/list/List";
@import "../../components/menu/Menu";
@import "../../components/modal/Modal";
@import "../../components/navigation/Navigation";
@import "../../components/progress/Progress";
@import "../../components/radiobutton/Radiobutton";
@import "../../components/select/Select";
@import "../../components/slider/Slider";
@import "../../components/snackbar/Snackbar";
@import "../../components/switch/Switch";
@import "../../components/tabs/Tabs";
@import "../../components/textfield/Textfield";
@import "../../components/tooltip/Tooltip";

section {
  margin-bottom: 50px;
}

.Chip-example1 {
  border-bottom: 2px solid #ddd;
}

.Chip-example1.is-focused {
  border-color: #1b325f;
}

// fix codemirror styles for demo pages
.CodeMirror {
  height: auto;
}

// demo pages
.playgroundCode {
  margin-bottom: 10px;
}

.playground>div>ul {
  list-style: none;
  padding: 0;
}

.playground>div>ul>li {
  margin-bottom: 15px;
}

.playground>div>ul>li>b:first-child {
  font-weight: normal;
  font-family: source-code-pro, Menlo, Consolas, Monaco, monospace;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 0.3rem 0.5rem;
}

.playground>div>ul>li>i {
  font-style: normal;
}