moved styling for top cities into separate file

RefugeRestrooms · Dec 30, 2014 · 3e771ec · 3e771ec
1 parent 665782c
commit 3e771ec
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 51 deletions.
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
@@ -14,6 +14,7 @@
  *= require nav
  *= require search
  *= require _mobile
+ *= require top_cities
  */
 
 @import 'variables';
@@ -538,54 +539,3 @@ footer {
 .numberCircle .listItem {
   border: none;
 }
-
-/*top cities welcome page formatting*/
-#welcome-container{
-  margin-top: 25px;
-  width: 100%;
-  display: inline-block;
-}
-
-#top-cities-content {
-  border: 5px solid #41326b;
-  width: 30%;
-  display: inline-block;
-  float: left;
-  margin-left: 10px;
-  overflow: scroll;
-}
-
-#top-cities-content > p{
-  font-size: 18px;
-  background-color: #8377AF;
-  border-bottom: 2px solid #41326b;
-  color: white;
-  padding: 3px;
-}
-
-ul {
-  margin-top: 5px;
-}
-
-ul li{
-  text-align: left;
-}
-
-ul li > a{
-  text-decoration: none;
-  color: black;
-}
-
-ul li > a:hover{
-  text-decoration: none;
-  color: #8377AF;
-}
-
-#preamble {
-  width: 60%;
-  display: inline-block;
-  float: left;
-  padding-left: 3em;
-  text-align: left;
-  padding-top: 2em;
-}
diff --git a/app/assets/stylesheets/top_cities.css.scss b/app/assets/stylesheets/top_cities.css.scss
@@ -0,0 +1,49 @@
+#welcome-container{
+  margin-top: 25px;
+  width: 100%;
+  display: inline-block;
+}
+
+#top-cities-content {
+  border: 5px solid #41326b;
+  width: 30%;
+  display: inline-block;
+  float: left;
+  margin-left: 10px;
+  overflow: scroll;
+}
+
+#top-cities-content > p{
+  font-size: 18px;
+  background-color: #8377AF;
+  border-bottom: 2px solid #41326b;
+  color: white;
+  padding: 3px;
+}
+
+ul {
+  margin-top: 5px;
+}
+
+ul li{
+  text-align: left;
+}
+
+ul li > a{
+  text-decoration: none;
+  color: black;
+}
+
+ul li > a:hover{
+  text-decoration: none;
+  color: #8377AF;
+}
+
+#preamble {
+  width: 60%;
+  display: inline-block;
+  float: left;
+  padding-left: 3em;
+  text-align: left;
+  padding-top: 2em;
+}