diff --git a/src/app/main/main-home/main-home-page-login-widget.scss b/src/app/main/main-home/main-home-page-login-widget.scss index 95ee3bc7..da881748 100644 --- a/src/app/main/main-home/main-home-page-login-widget.scss +++ b/src/app/main/main-home/main-home-page-login-widget.scss @@ -1,20 +1,20 @@ .login-widget { - &--container { - margin: 0 auto; - height: 327px; - } + &--container { + margin: 0 auto; + height: 327px; + } - &--input { - margin: 10px 0; - } + &--input { + margin: 10px 0; + } - &--inputs { - display: inline-block; - margin: 0 auto 20px; - } + &--inputs { + display: inline-block; + margin: 0 auto 20px; + } - &--forgot-password { + &--forgot-password { margin-top: 20px; - } + } } \ No newline at end of file diff --git a/src/app/main/main-layout-footer.scss b/src/app/main/main-layout-footer.scss index f4d086c3..7815b24f 100644 --- a/src/app/main/main-layout-footer.scss +++ b/src/app/main/main-layout-footer.scss @@ -1,19 +1,19 @@ @import "../../scss/vars"; .main-layout-footer { - background-color: $primary-blue; - text-align: center; - height: 32px; - width: 100%; + background-color: $primary-blue; + text-align: center; + height: 32px; + width: 100%; - &--powered { - color: white; - display: inline-block; - padding-top: 7px; - } + &--powered { + color: white; + display: inline-block; + padding-top: 7px; + } - &--os-link { - color: $secondary-red; - text-decoration: none; - } + &--os-link { + color: $secondary-red; + text-decoration: none; + } } \ No newline at end of file diff --git a/src/app/main/main-layout-header.scss b/src/app/main/main-layout-header.scss index 599b57a5..e7d56e26 100644 --- a/src/app/main/main-layout-header.scss +++ b/src/app/main/main-layout-header.scss @@ -1,16 +1,16 @@ @import "../../scss/vars"; .main-layout-header { - background-color: $primary-blue; - border-radius: 4px 4px 0 0; - height: 32px; - width: 100%; - - &--login-links { - border-top-left-radius: 4px; - color: white; - display: inline-block; + background-color: $primary-blue; + border-radius: 4px 4px 0 0; height: 32px; - padding: 5px 20px 0 10px; - } + width: 100%; + + &--login-links { + border-top-left-radius: 4px; + color: white; + display: inline-block; + height: 32px; + padding: 5px 20px 0 10px; + } } \ No newline at end of file diff --git a/src/app/main/main-layout.scss b/src/app/main/main-layout.scss index 9b4999e1..18437bf1 100644 --- a/src/app/main/main-layout.scss +++ b/src/app/main/main-layout.scss @@ -2,16 +2,16 @@ .main-layout { - margin: 0 auto; - background-color: $grey; - max-width: 1100px; - border-radius: 4px; - transition: max-height 0.15s ease-out; + margin: 0 auto; + background-color: $grey; + max-width: 1100px; + border-radius: 4px; + transition: max-height 0.15s ease-out; - &--content { - text-align: center; - min-height: 400px; - width: 1100px; - padding: 20px; - } + &--content { + text-align: center; + min-height: 400px; + width: 1100px; + padding: 20px; + } } diff --git a/src/app/main/main-signup/main-signup-page.scss b/src/app/main/main-signup/main-signup-page.scss index 5acac087..1ba0eb08 100644 --- a/src/app/main/main-signup/main-signup-page.scss +++ b/src/app/main/main-signup/main-signup-page.scss @@ -1,17 +1,17 @@ .main-signup-page { - &--widget-container { - height: 401px; - } - - .signup-widget { - - &--inputs { - display: inline-block; - margin: 0 auto 20px; + &--widget-container { + height: 401px; } - &--input { - margin-bottom: 5px; + .signup-widget { + + &--inputs { + display: inline-block; + margin: 0 auto 20px; + } + + &--input { + margin-bottom: 5px; + } } - } } \ No newline at end of file diff --git a/src/core-components/button.scss b/src/core-components/button.scss index ab744f8d..e177b896 100644 --- a/src/core-components/button.scss +++ b/src/core-components/button.scss @@ -2,29 +2,29 @@ .button { - &-primary { - background-color: $primary-red; - border: solid transparent; - border-radius: 4px; - color: white; - height: 47px; - text-transform: uppercase; - width: 239px; - } - - &-clean { - background: none; - border: none; - } - - &-link { - background: none; - border: none; - color: $dark-grey; - text-decoration: underline; - - &:focus { - outline: none; + &-primary { + background-color: $primary-red; + border: solid transparent; + border-radius: 4px; + color: white; + height: 47px; + text-transform: uppercase; + width: 239px; + } + + &-clean { + background: none; + border: none; + } + + &-link { + background: none; + border: none; + color: $dark-grey; + text-decoration: underline; + + &:focus { + outline: none; + } } - } } \ No newline at end of file diff --git a/src/core-components/input.scss b/src/core-components/input.scss index 989d22b8..24d5abe8 100644 --- a/src/core-components/input.scss +++ b/src/core-components/input.scss @@ -1,37 +1,37 @@ @import "../scss/vars"; .input { - display: block; - - &--text { - border: 1px solid $grey; - border-radius: 3px; - padding: 8px; - width: 100%; - - &:hover { - border-color: $medium-grey; - } - - &:focus { - outline: none; - border-color: $primary-blue; - } - } - - &--label { - color: $primary-black; - font-size: 15px; display: block; - padding: 3px 0; - text-align: left; - } - &_primary { - width: 200px; - } + &--text { + border: 1px solid $grey; + border-radius: 3px; + padding: 8px; + width: 100%; - &_secondary { - width: 250px; - } + &:hover { + border-color: $medium-grey; + } + + &:focus { + outline: none; + border-color: $primary-blue; + } + } + + &--label { + color: $primary-black; + font-size: 15px; + display: block; + padding: 3px 0; + text-align: left; + } + + &_primary { + width: 200px; + } + + &_secondary { + width: 250px; + } } \ No newline at end of file diff --git a/src/core-components/widget-transition.scss b/src/core-components/widget-transition.scss index 7ca2331a..05ab9fe6 100644 --- a/src/core-components/widget-transition.scss +++ b/src/core-components/widget-transition.scss @@ -1,12 +1,12 @@ .widget-transition { - position: relative; - display: inline-block; - width: 324px; - - &--widget { + position: relative; display: inline-block; - backface-visibility: hidden; - position: absolute; - left: 0; - } + width: 324px; + + &--widget { + display: inline-block; + backface-visibility: hidden; + position: absolute; + left: 0; + } } \ No newline at end of file diff --git a/src/core-components/widget.scss b/src/core-components/widget.scss index 6e312f48..81c17b7b 100644 --- a/src/core-components/widget.scss +++ b/src/core-components/widget.scss @@ -1,18 +1,17 @@ @import "../scss/vars"; .widget { - background-color: white; - border-radius: 4px; - text-align: center; - padding: 20px; - width: 324px; - min-height: 327px; + background-color: white; + border-radius: 4px; + text-align: center; + padding: 20px; + width: 324px; + min-height: 327px; - - &--title { - text-transform: uppercase; - color: $primary-black; - font-size: 17px; - margin-bottom: 20px; - } + &--title { + text-transform: uppercase; + color: $primary-black; + font-size: 17px; + margin-bottom: 20px; + } } \ No newline at end of file