break down docs scss into imports, hell yeah

2026-06-14 18:42:30 +03:00 · 2015-04-16 14:57:49 -07:00
parent a90de06a60
commit 5c0b459eb5
20 changed files with 1503 additions and 1542 deletions
@@ -0,0 +1,78 @@
+// Custom container
+//
+// Doesn't use the default `.container` styles for easier modifications.
+
+.bd-container {
+  position: relative;
+  max-width: 62rem;
+  padding: 0 1rem 1rem;
+  margin-right: auto;
+  margin-left: auto;
+
+  @media (min-width: 768px) {
+    padding: 2rem;
+  }
+
+  @media (min-width: 992px) {
+    padding: 4rem;
+  }
+
+  > table {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    overflow-y: auto;
+    margin-bottom: $spacer;
+    // border: 1px solid $table-border-color;
+
+    // Cells
+    > thead,
+    > tbody,
+    > tfoot {
+      > tr {
+        > th,
+        > td {
+          padding: $table-cell-padding;
+          line-height: $line-height-base;
+          vertical-align: top;
+          // border-top: 1px solid $table-border-color;
+          border: 1px solid $table-border-color;
+        }
+      }
+    }
+
+    // Prevent breaking of code (e.g., Grunt tasks list)
+    td:first-child > code {
+      white-space: nowrap;
+    }
+  }
+}
+
+
+//
+// Docs sections
+//
+
+.bd-content {
+  > h2 {
+    margin-top: 3rem;
+    font-weight: normal;
+  }
+
+  > h3 {
+    margin-top: 1.5rem;
+  }
+}
+
+.bd-title {
+  @include media-breakpoint-up(sm) {
+    margin-right: 23rem;
+    font-size: 4rem;
+
+    + p {
+      font-size: 1.5rem;
+      font-weight: 300;
+      margin-right: 23rem;
+    }
+  }
+}