diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 4860a282..beafda57 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -1,54 +1,69 @@ // Common/Global Styles // Use this file for global styles that don't or won't have their own stylesheet -html, body { +html, +body { height: 100%; } + body { font-size: 16px; background-color: #fff; color: #4d5151; + .container-fluid { .prevent-squish { overflow-x: unset; } + &.page-container-grouped-styles { overflow: hidden; display: flex; flex-direction: column; } + // Set max-width on columns to prevent overly-wide // components on extra wide screens. .col-md-6 { max-width: 472px; + @include media-breakpoint-up(xl) { max-width: 708px; } + .col { max-width: 236px; + &.one-list-card-width { max-width: 472px; + @include media-breakpoint-up(xl) { max-width: 66.6666666%; } } } + .shop-question { .col { max-width: 472px; } } } + .col-xl-4 { max-width: 472px; + .col { max-width: 100%; } } + //END set max-width on columns } + .pointer { cursor: pointer; } + .container, .container-fluid { overflow-x: hidden; @@ -72,6 +87,7 @@ body { overflow: hidden; } } + .modal-open { .container-fluid { &.fade-on-route-transition { @@ -79,4 +95,4 @@ body { height: auto; } } -} +} \ No newline at end of file