//@import "color.less";
//@import "font.less";

@import "main-hack-code.less";
@import "main-hack-flex.less";

@standard-margin: 1rem;

// block size
blockquote, h1, h2, h3, h4, h5, h6, p, pre {
  margin-top: @standard-margin;
  margin-bottom: @standard-margin;
}

// Header
h1, h2, h3, h4, h5, h6 {
  //display: block;
  //margin-bottom: 2rem;
  //margin-top: 2rem;

  // underscore (not working)
  display: inline-block;
  padding-right: 2px; // overlap of the underscore
  padding-left: 0px; // overlap of the underscore
  padding-bottom: 5px; // space to the underscore
  border-bottom: 2px solid @color-body-font;
}

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  display: inline;
  color: @gb-lm-fg4;
}

h1:before {
  content: "# "
}

h2:before {
  content: "## "
}

h3:before {
  content: "### "
}

h4:before {
  content: "#### "
}

h5:before {
  content: "##### "
}

h6:before {
  content: "###### "
}


// Lists
@list-margin-top: 4px;
ul, ol {
  padding: 0px;
  margin-bottom: @standard-margin;
  margin-top: @standard-margin;
}

li {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-top: @list-margin-top;

  &:after {
    position: absolute;
    top: 0;
    left: 0
  }
}

ul > li:after {
  content: "-";
}

ol {
  counter-reset: a;

  li {
    padding-left: 27px;
  }

  > li:after {
    content: counter(a) ".";
    counter-increment: a
  }
}

// links
a {
  cursor: pointer;
  color: @color-link-font;
  text-decoration: none;
  border-bottom: 1px solid @color-link-font;
}

a:hover {
  background-color: @color-link-hover-background;
  color: @color-link-hover-font;
}

// cards
.card {
  border: 1px solid @color-card-border;
  padding: 0px;
  margin: 0px;
  text-align: center;

  .card-header {
    text-align: center;
    border-bottom: 1px solid @color-card-border;
    margin-top: @standard-margin;
    //margin-bottom: @standard-margin;
    padding-bottom: @standard-margin;
    padding-left: 4px;
    padding-right: 4px;
  }

  .card-body{
    text-align: center;
    //margin-top: 4px;
    //margin-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: @standard-margin;
    padding-bottom: @standard-margin;
  }
}