src/scss/bootstrap-4.0.0-alpha.6/docs/assets/scss/_content.scss

   1 // scss-lint:disable IdSelector, NestingDepth, SelectorDepth
   2
   3 //
   4 // Automatically style Markdown-based tables like a Bootstrap `.table`.
   5 //
   6
   7 .bd-content {
   8   > table {
   9     display: block;
  10     width: 100%;
  11     max-width: 100%;
  12     margin-bottom: $spacer;
  13     overflow-y: auto;
  14
  15     // Cells
  16     > thead,
  17     > tbody,
  18     > tfoot {
  19       > tr {
  20         > th,
  21         > td {
  22           padding: $table-cell-padding;
  23           vertical-align: top;
  24           border: 1px solid $table-border-color;
  25
  26           > p:last-child {
  27             margin-bottom: 0;
  28           }
  29         }
  30       }
  31     }
  32
  33     // Prevent breaking of code (e.g., Grunt tasks list)
  34     td:first-child > code {
  35       white-space: nowrap;
  36     }
  37   }
  38 }
  39
  40 //
  41 // Docs sections
  42 //
  43
  44 .bd-content {
  45   > h2:not(:first-child) {
  46     margin-top: 3rem;
  47   }
  48
  49   > h3 {
  50     margin-top: 1.5rem;
  51   }
  52
  53   > ul li,
  54   > ol li {
  55     margin-bottom: .25rem;
  56   }
  57 }
  58
  59 .bd-title {
  60   @include media-breakpoint-up(sm) {
  61     font-size: 3rem;
  62
  63     + p {
  64       font-size: 1.25rem;
  65       font-weight: 300;
  66     }
  67   }
  68 }
  69
  70
  71 //
  72 // Markdown generated ToC
  73 //
  74
  75 #markdown-toc {
  76   // Hide the first child li because it's always going to be "Contents".
  77   > li:first-child {
  78     display: none;
  79   }
  80
  81   ul {
  82     padding-left: 2rem;
  83     margin-top: .25rem;
  84     margin-bottom: .25rem;
  85   }
  86 }