From 0568f1a69a1889ea9358f64b1cf8dcfea6587c92 Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Mon, 20 Aug 2018 13:48:08 -0400
Subject: [PATCH] Move literal width into units
---
src/components/language-selector/language-selector.css | 4 ++--
src/components/menu-bar/menu-bar.css | 2 +-
src/css/units.css | 1 +
3 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/components/language-selector/language-selector.css b/src/components/language-selector/language-selector.css
index 219896103..25b995160 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 74cbd5f22..de2854c50 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 59d9a2e7c..db51ed009 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;
--
GitLab