diff --git a/website/source/assets/stylesheets/_footer.scss b/website/source/assets/stylesheets/_footer.scss index 7f771340f..67594e6fe 100644 --- a/website/source/assets/stylesheets/_footer.scss +++ b/website/source/assets/stylesheets/_footer.scss @@ -12,45 +12,45 @@ footer { margin-left: -20px; } - ul { - margin-top: 40px; - @include respond-to(mobile) { - margin-left: $baseline; - margin-top: $baseline; + ul { + margin-top: 40px; + @include respond-to(mobile) { + margin-left: $baseline; + margin-top: $baseline; } - li { - display: inline; - margin-right: 50px; - @include respond-to(mobile) { - margin-right: 20px; - display: list-item; + li { + display: inline; + margin-right: 50px; + @include respond-to(mobile) { + margin-right: 20px; + display: list-item; } } - .hashi-logo { - background: image-url('logo_footer.png') no-repeat center top; - height: 40px; - width: 40px; - background-size: 37px 40px; - text-indent: -999999px; - display: inline-block; - margin-top: -10px; - margin-right: 0; - @include respond-to(mobile) { - margin-top: -50px; - margin-right: $baseline; - } - } - } + .hashi-logo { + background: image-url('logo_footer.png') no-repeat center top; + height: 40px; + width: 40px; + background-size: 37px 40px; + text-indent: -999999px; + display: inline-block; + margin-top: -10px; + margin-right: 0; + @include respond-to(mobile) { + margin-top: -50px; + margin-right: $baseline; + } + } + } - .active { + .active { color: $green; - } + } - button { + button { margin-top: 20px; - } + } } .page-wrap { diff --git a/website/source/assets/stylesheets/_helpers.scss b/website/source/assets/stylesheets/_helpers.scss index d28b5265c..8c20db3fc 100644 --- a/website/source/assets/stylesheets/_helpers.scss +++ b/website/source/assets/stylesheets/_helpers.scss @@ -70,17 +70,17 @@ $mono: 'Inconsolata', 'courier new', courier, mono-space; background-color: #000; color: $white; - a { + a { color: inherit; &:hover { - color: $green; - } + color: $green; + } - &:active { - color: darken($green, 30%); - } - } + &:active { + color: darken($green, 30%); + } + } } .white-background { @@ -102,9 +102,9 @@ $mono: 'Inconsolata', 'courier new', courier, mono-space; color: $orange; font-size: 20px; - a:hover, a:active, a:visited { + a:hover, a:active, a:visited { color: inherit; - } + } } // media queries @@ -170,13 +170,13 @@ $break-lg: 980px; @mixin transform-scale($value) { -webkit-transform: scale($value); - -moz-transform: scale($value); - transform: scale($value); + -moz-transform: scale($value); + transform: scale($value); } @mixin transition($type, $speed, $easing) { - -webkit-transition: $type $speed $easing; - -moz-transition: $type $speed $easing; + -webkit-transition: $type $speed $easing; + -moz-transition: $type $speed $easing; -o-transition: $type $speed $easing; transition: $type $speed $easing; } diff --git a/website/source/assets/stylesheets/_reset.scss b/website/source/assets/stylesheets/_reset.scss index 4ebb5fd27..5a417ec09 100644 --- a/website/source/assets/stylesheets/_reset.scss +++ b/website/source/assets/stylesheets/_reset.scss @@ -14,10 +14,10 @@ form, input, textarea, button { line-height: 1.0; color: inherit; - &:focus { - line-height: 1.0; - box-shadow: none !important; - outline: none; - vertical-align: middle; - } + &:focus { + line-height: 1.0; + box-shadow: none !important; + outline: none; + vertical-align: middle; + } }