diff options
| author | Mark Otto <markd.otto@gmail.com> | 2021-06-14 19:35:30 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-06-14 19:35:30 +0300 |
| commit | be17444756c48e3a892c36507f859cd841bd8c1f (patch) | |
| tree | 0fae73c54f82eda6321bea3e759cc184690710e9 /site/assets/scss/_component-examples.scss | |
| parent | e9da490e510298086e93fe829949a67657443be5 (diff) | |
Replace `/` division with multiplication and custom `divide()` function (#34245)
* Convert bulk of division to multiplication
* Use custom divide() function instead of Dart Sass math module for greater compatibility
* Apply suggestions from code review
* Fix functions
Diffstat (limited to 'site/assets/scss/_component-examples.scss')
| -rw-r--r-- | site/assets/scss/_component-examples.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 005515922d..e831b16095 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -70,7 +70,7 @@ .bd-example { position: relative; padding: 1rem; - margin: 1rem (-$grid-gutter-width / 2) 0; + margin: 1rem (-$grid-gutter-width * .5) 0; border: solid $gray-300; border-width: 1px 0 0; @include clearfix(); @@ -312,8 +312,8 @@ } .bd-content .highlight { - margin-right: (-$grid-gutter-width / 2); - margin-left: (-$grid-gutter-width / 2); + margin-right: (-$grid-gutter-width * .5); + margin-left: (-$grid-gutter-width * .5); @include media-breakpoint-up(sm) { margin-right: 0; |