diff --git a/static/styles/portico/portico-signin.scss b/static/styles/portico/portico-signin.scss index ab37fbb35f..84591b5bed 100644 --- a/static/styles/portico/portico-signin.scss +++ b/static/styles/portico/portico-signin.scss @@ -520,42 +520,46 @@ html { } /* -- /accounts/register/ page -- */ -.portico-page .pitch h1 { - margin-bottom: 0px; -} +.portico-page { + .pitch { + h1 { + margin-bottom: 0px; + } -.portico-page .pitch p { - font-weight: 400; - color: hsl(0, 0%, 67%); -} + p { + font-weight: 400; + color: hsl(0, 0%, 67%); + } + } -.portico-page .or { - width: 100%; - display: block; - margin: 10px auto; - color: hsl(0, 0%, 34%); - font-weight: 600; - text-align: center; - position: relative; - z-index: 1; -} + .or { + width: 100%; + display: block; + margin: 10px auto; + color: hsl(0, 0%, 34%); + font-weight: 600; + text-align: center; + position: relative; + z-index: 1; -.portico-page .or::before { - content: " "; + &::before { + content: " "; - display: inline-block; - position: absolute; - width: calc(100% - 5px); - top: calc(50% - 2px); - left: 0; - z-index: -1; + display: inline-block; + position: absolute; + width: calc(100% - 5px); + top: calc(50% - 2px); + left: 0; + z-index: -1; - border-bottom: 2px solid hsl(0, 0%, 87%); -} + border-bottom: 2px solid hsl(0, 0%, 87%); + } -.portico-page .or span { - background-color: hsl(0, 0%, 100%); - padding: 0 5px; + span { + background-color: hsl(0, 0%, 100%); + padding: 0 5px; + } + } } .register-account .pitch,