diff options
Diffstat (limited to 'docs/assets/scss/_component-examples.scss')
| -rw-r--r-- | docs/assets/scss/_component-examples.scss | 40 |
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, |
