aboutsummaryrefslogtreecommitdiff
path: root/docs/assets/scss/_component-examples.scss
diff options
context:
space:
mode:
Diffstat (limited to 'docs/assets/scss/_component-examples.scss')
-rw-r--r--docs/assets/scss/_component-examples.scss40
1 files changed, 40 insertions, 0 deletions
diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss
index ab3a48dde..91fcc4424 100644
--- a/docs/assets/scss/_component-examples.scss
+++ b/docs/assets/scss/_component-examples.scss
@@ -37,6 +37,40 @@
border: 1px solid rgba($bd-purple, .15);
}
+// Grid mixins
+.example-container {
+ width: 800px;
+ @include make-container();
+}
+
+.example-row {
+ @include make-row();
+}
+
+.example-content-main {
+ @include make-col-ready();
+
+ @include media-breakpoint-up(sm) {
+ @include make-col(6);
+ }
+
+ @include media-breakpoint-up(lg) {
+ @include make-col(8);
+ }
+}
+
+.example-content-secondary {
+ @include make-col-ready();
+
+ @include media-breakpoint-up(sm) {
+ @include make-col(6);
+ }
+
+ @include media-breakpoint-up(lg) {
+ @include make-col(4);
+ }
+}
+
//
// Container illustrations
@@ -298,6 +332,12 @@
overflow: auto;
}
+.scrollspy-example-2 {
+ position: relative;
+ height: 350px;
+ overflow: auto;
+}
+
// Helpers
.bd-example > {
.bg-primary,