@import 'src/assets/styles/mixins';
@import 'src/assets/styles/variables';

.demo {
  &-block {
    margin-bottom: 80px;
  }

  &-label {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    color: $tf-dark-blue;
    width: 150px;
  }

  &-page {
    padding: 40px;
    max-width: 1280px;

    h1 {
      margin-bottom: 10px;
    }

    &.includes-toc {
      max-width: none;
      padding: 0 0 0 250px;
    }
  }

  &-table {
    margin-bottom: 40px;
    width: 100%;

    td {
      padding: 10px;
    }
  }
}

.section-example {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 40px 0;
}