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 | |
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')
-rw-r--r-- | site/assets/scss/_component-examples.scss | 6 | ||||
-rw-r--r-- | site/assets/scss/_navbar.scss | 4 |
2 files changed, 5 insertions, 5 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; diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 4a9b08b369..053cadf2ee 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -9,8 +9,8 @@ .navbar-nav { .nav-link { - padding-right: $spacer / 4; - padding-left: $spacer / 4; + padding-right: $spacer * .25; + padding-left: $spacer * .25; color: rgba($white, .85); &:hover, |