diff --git a/src/components/language-selector/language-selector.css b/src/components/language-selector/language-selector.css index 219896103d642f9e21abc43105ef3d0f203428cf..25b9951608e138250d158906fcd56833a3790348 100644 --- a/src/components/language-selector/language-selector.css +++ b/src/components/language-selector/language-selector.css @@ -8,8 +8,8 @@ /* Position the language select over the language icon, and make it transparent */ .language-select { position: absolute; - width: 3rem; - height: 3rem; + width: $language-selector-width; + height: $menu-bar-height; opacity: 0; user-select: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; diff --git a/src/components/menu-bar/menu-bar.css b/src/components/menu-bar/menu-bar.css index 74cbd5f22a718608457f42264802d3511c475990..de2854c5006508276a78718b87d337301e162094 100644 --- a/src/components/menu-bar/menu-bar.css +++ b/src/components/menu-bar/menu-bar.css @@ -54,7 +54,7 @@ .language-menu { display: inline-flex; - width: 3rem; + width: $language-selector-width; } .menu { diff --git a/src/css/units.css b/src/css/units.css index 59d9a2e7cdd244f7bb3beaf8482adce58a6a3380..db51ed00934d08ee8d01204bab3f65353afd5905 100644 --- a/src/css/units.css +++ b/src/css/units.css @@ -6,6 +6,7 @@ $space: 0.5rem; $sprites-per-row: 5; $menu-bar-height: 3rem; +$language-selector-width: 3rem; $sprite-info-height: 6rem; $stage-menu-height: 2.75rem;