From bc3b4f9f54edd502a500dddc6cad1e3a5cd22649 Mon Sep 17 00:00:00 2001 From: Mike Garrett Date: Wed, 10 Aug 2016 20:00:40 -0400 Subject: [PATCH] sass cleanup --- src/scss/components/_location-form.scss | 132 ++++++++++++------------ 1 file changed, 64 insertions(+), 68 deletions(-) diff --git a/src/scss/components/_location-form.scss b/src/scss/components/_location-form.scss index 315699f..3c92db0 100644 --- a/src/scss/components/_location-form.scss +++ b/src/scss/components/_location-form.scss @@ -12,82 +12,78 @@ /*@include mq(mobileLandscape){ background-color: #0B5A92; };*/ -} - -/*.sidePanel{ - display:none; - - @include mq(small){ - display:block; - width:20vh; - - } -}*/ -.location-form form{ - margin: 0; - padding: 0; -} + /*.sidePanel{ + display:none; -.location-form h1{ - font-family: font(work); - color: #fff; - font-size: 2.45rem; - letter-spacing: 1px; - margin: 0; - font-weight: 700; -} + @include mq(small){ + display:block; + width:20vh; -.location-form input{ - width: 90%; - border: none; - font-family: "Work Sans", sans-serif; - font-weight: 100; - padding: 0.25rem; - font-size: 1.25rem; - max-width: 350px; - margin: 1.25rem 0; - letter-spacing: 0.05rem; - line-height: 2rem; - border-radius: 25px; - padding-left: 1.1rem; + } + }*/ -} + form{ + margin: 0; + padding: 0; + } -.location-form button{ - background: color(orange); - border: 0px; - /*border: 2px solid #fff;*/ - font-family: font(work); - color: #fff; - font-size: 1.15rem; - text-transform: uppercase; - letter-spacing: 1px; - padding: 0.75rem 2rem; - /*padding: 0.5rem 0.75rem;*/ - margin: 0; - border-radius: 36px; - &:hover { - background-color: darken(color(orange), 10); - } -} + h1{ + font-family: font(work); + color: #fff; + font-size: 2.45rem; + letter-spacing: 1px; + margin: 0; + font-weight: 700; + } + input{ + width: 90%; + border: none; + font-family: "Work Sans", sans-serif; + font-weight: 100; + padding: 0.25rem; + font-size: 1.25rem; + max-width: 350px; + margin: 1.25rem 0; + letter-spacing: 0.05rem; + line-height: 2rem; + border-radius: 25px; + padding-left: 1.1rem; + } -.location-form button.search-input-button-cap{ - border: none; - font-weight: 500; - height:32px; - font-size: 1.5rem; - padding-bottom: 2rem; - /*margin-left: -4rem;*/ - margin-left: -5.5rem; - color: color(orange); - background: none; - &:hover { - color: darken(color(orange), 10); - } + button{ + background: color(orange); + border: 0px; + /*border: 2px solid #fff;*/ + font-family: font(work); + color: #fff; + font-size: 1.15rem; + text-transform: uppercase; + letter-spacing: 1px; + padding: 0.75rem 2rem; + /*padding: 0.5rem 0.75rem;*/ + margin: 0; + border-radius: 36px; + &:hover { + background-color: darken(color(orange), 10); + } + &.search-input-button-cap{ + border: none; + font-weight: 500; + height:32px; + font-size: 1.5rem; + padding-bottom: 2rem; + /*margin-left: -4rem;*/ + margin-left: -5.5rem; + color: color(orange); + background: none; + &:hover { + color: darken(color(orange), 10); + } + } + } } - .error-message p{ font-family: font(lato); color: #DC593C;