diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 80b49a12..92f3478d 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -5,58 +5,53 @@ body { background-color: #fff; color: #4D5151; .container-fluid { - max-width: 576px; //Remove once desktop app is complete - &.container-shadow { - box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15); //Use instead of Bootstrap's helper - } - &.make-tall { - height: 100vh; - display: flex; - flex-direction: column; - } - .prevent-squish{ - overflow-x: unset; - } + max-width: 576px; //Remove once desktop app is complete + &.container-shadow { + box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15); //Use instead of Bootstrap's helper + } + &.make-tall { + height: 100vh; + display: flex; + flex-direction: column; + } + .prevent-squish{ + overflow-x: unset; + } } .pointer { - cursor: pointer; + cursor: pointer; } .container, .container-fluid { - overflow: hidden; + overflow: hidden; } - .sub-container{ - &.make-tall { - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - overflow-x: hidden; - } + &.make-tall { + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + overflow-x: hidden; + } } - .sr-only { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; } - .page-container-grouped-styles { - @extend .container-fluid, .shadow, .p-0, .position-relative, .make-tall; + @extend .container-fluid, .shadow, .p-0, .position-relative, .make-tall; } - //Footer modal backdrop adjustments for positioning .modal-backdrop { - left: 50%; - transform: translateX(-50%); - max-width: 576px; - height: calc(100% - 72px); + left: 50%; + transform: translateX(-50%); + max-width: 576px; + height: calc(100% - 72px); } - // Scroll page when modal isn't open .fade-on-route-transition { height: calc(100% - 80px); @@ -68,5 +63,4 @@ body { overflow: hidden; } } - - } +}