@import '../../style/themes';
@import '../../style/mixins';

.x- {
  
  &a {
    color: $primary-color;
    text-decoration-color: $primary-color;
  }
  &h1 {
    margin: $margin-xs 0 $margin-md + 4;
  }
  &h2, &h3, &h4, &h5, &h6 {
    margin: 1.6em 0 .6em;
  }

  &ul, &ol {
    padding: 0;
    margin: 0;
    // list-style: circle;
    li {
      margin-left: 20px;
      margin-top: .3em;
    }
  }

  &p {
    margin: $margin-md 0;
    &:first-child {
      margin-top: 0;
    }
  }

  &simple-table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    overflow-x: auto;

    th, td {
      padding: $padding-sm;
      border: 0 solid $table-border-color;
      border-bottom-width: 1px;
      &:first-child {
        border-left-width: 1px;
      }
      &:last-child {
        border-right-width: 1px;
      }
    }
    th {
      border-top-width: 1px;
      background: $table-th-bg;
    }
    td {
      background: $table-td-bg;
    }
  }

}