diff --git a/packages/documentation/src/components/Demos/Progress/WithSuspense/WithSuspenseAppBar.module.scss b/packages/documentation/src/components/Demos/Progress/WithSuspense/WithSuspenseAppBar.module.scss index 4664ab5533..e91a0ddb02 100644 --- a/packages/documentation/src/components/Demos/Progress/WithSuspense/WithSuspenseAppBar.module.scss +++ b/packages/documentation/src/components/Demos/Progress/WithSuspense/WithSuspenseAppBar.module.scss @@ -6,7 +6,7 @@ $size: 2rem; .button { @include rmd-button-theme-update-var(icon-size, $size); - bottom: -$size / 2; + bottom: -$size * 0.5; left: 1rem; z-index: 300; diff --git a/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss b/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss index a045af7003..117cc6103a 100644 --- a/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss +++ b/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss @@ -20,7 +20,7 @@ $toc-z-index: 9; @include rmd-utils-rtl { left: $page-margin; right: auto; - transform-origin: 2% ($rmd-icon-size / 2); + transform-origin: 2% ($rmd-icon-size * 0.5); } @include rmd-elevation(2); @include rmd-theme-dark-elevation(2, true); @@ -29,7 +29,7 @@ $toc-z-index: 9; position: fixed; right: $rmd-app-bar-lr-margin; top: calc(#{rmd-app-bar-theme-var(height)} + #{$page-margin}); - transform-origin: 98% ($rmd-icon-size / 2); + transform-origin: 98% ($rmd-icon-size * 0.5); width: calc(100% - #{$rmd-app-bar-lr-margin * 2}); z-index: $toc-z-index; diff --git a/packages/documentation/src/components/TableOfContents/Toggle.module.scss b/packages/documentation/src/components/TableOfContents/Toggle.module.scss index 6353f79e6c..0ffcedf8f2 100644 --- a/packages/documentation/src/components/TableOfContents/Toggle.module.scss +++ b/packages/documentation/src/components/TableOfContents/Toggle.module.scss @@ -5,7 +5,7 @@ $page-margin: 1rem; $button-size: 2rem; -$size-difference: ($rmd-button-icon-size - $button-size) / 2; +$size-difference: ($rmd-button-icon-size - $button-size) * 0.5; $margin: $size-difference + $rmd-app-bar-lr-margin; $toc-z-index: 9;