feat(ratio): fix boosted mode comments #775

Orange-OpenSource · Nov 15, 2021 · 7903b0d · 7903b0d
1 parent e4153bc
commit 7903b0d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -643,7 +643,8 @@ $aspect-ratios: (
   "4x3": calc(3 / 4 * 100%),
   "16x9": calc(9 / 16 * 100%),
   "21x9": calc(9 / 21 * 100%),
-  "9x16": calc(16 / 9 * 100%),
+  // Boosted mod: additional ratio for portait videos
+  "9x16": calc(16 / 9 * 100%)
 ) !default;
 // scss-docs-end aspect-ratios
 // stylelint-enable function-disallowed-list

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
@@ -185,7 +185,7 @@
 .bd-example-ratios {
   .ratio {
     display: inline-block;
-    width: 9rem;
+    width: 9rem; // Boosted mod
     font-weight: $font-weight-bold; // Boosted mod
     color: $gray-800; // Boosted mod
     background-color: $gray-400; // Boosted mod