diff --git a/themes/fid_adlr/scss/_customMixins.scss b/themes/fid_adlr/scss/_customMixins.scss index 0e295390a59fc06b59216b5ff1e6b582b76c362b..8f154c8a2823ba50fd76f07a6e10629ee4f61d55 100644 --- a/themes/fid_adlr/scss/_customMixins.scss +++ b/themes/fid_adlr/scss/_customMixins.scss @@ -120,7 +120,7 @@ outline: 0; text-decoration: underline; - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { color: $seafoam; } } @@ -132,7 +132,7 @@ text-decoration: underline; i { - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { color: $seafoam; } } @@ -146,7 +146,7 @@ outline: 0; text-decoration: none; - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { color: $seafoam; } } @@ -158,7 +158,7 @@ text-decoration: none; i { - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { color: $seafoam; } } @@ -224,14 +224,14 @@ white-space: nowrap; z-index: z-index(navigation-overlay, 0); - @media screen and (max-width: $screen-md-max) { + @media (max-width: $screen-md-max) { height: 100%; padding-top: 15px; width: 9999px; } // workaround for landscape and firefox - @media screen and (max-width: $screen-sm-max) and (orientation: landscape) { + @media (max-width: $screen-sm-max) and (orientation: landscape) { height: 500px; // height needed overflow-y: scroll; @@ -241,7 +241,7 @@ } // workaround for landscape and firefox - @media screen and (min-width: $screen-md-min) and (max-width: $mobile-navigation-menu-breakpoint) and (orientation: landscape) { + @media (min-width: $screen-md-min) and (max-width: $mobile-navigation-menu-breakpoint) and (orientation: landscape) { height: 800px; // height needed overflow-y: scroll; @@ -251,11 +251,11 @@ } - @media screen and (min-width: $screen-sm-min) { + @media (min-width: $screen-sm-min) { padding-top: $navbar-extended-padding; } - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { border: 2px solid $asphalt; left: unset; padding-left: $navbar-extended-padding; @@ -283,17 +283,17 @@ } &:visited { - color: $azure !important; + color: $black !important; } - @media screen and (min-width: $screen-sm-min) and (max-width: $screen-md-max) { + @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { font-size: $font-size-menu-sm; left: calc(#{$logo-max-width} / 2); letter-spacing: 2.87px; line-height: em($font-size-menu-sm); } - @media screen and (min-width: $mobile-navigation-menu-breakpoint + 1px) { + @media (min-width: $mobile-navigation-menu-breakpoint + 1px) { color: $black !important; font-size: $font-size-menu-lg; left: 0; @@ -348,12 +348,12 @@ z-index: z-index(search affix, 0); - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { padding-left: $content-l-r-padding; padding-right: $content-l-r-padding; } - @media screen and (max-width: $screen-md-max) { + @media (max-width: $screen-md-max) { background-color: transparent; background-image: url('../images/header-srch-affix-bg-md.png'); background-position: 0% -100%; @@ -381,17 +381,17 @@ } } - @media screen and (max-width: $screen-xs-max) { + @media (max-width: $screen-xs-max) { // $display-searchbox-toggle, $display-prefilter-toggle, $unset-prefilter-toggle-dropdown, $is-affix, $screen-border @include searchbox-toggler-and-content-styles(inherit, block, false, true, 'mobile'); } - @media screen and (min-width: $screen-sm-min) and (max-width: $screen-md-max) { + @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { // $display-searchbox-toggle, $display-prefilter-toggle, $unset-prefilter-toggle-dropdown, $is-affix, $screen-border @include searchbox-toggler-and-content-styles(inherit, none, true, true, 'mobile'); } - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { // $display-searchbox-toggle, $display-prefilter-toggle, $unset-prefilter-toggle-dropdown, $is-affix, $screen-border @include searchbox-toggler-and-content-styles(none, block, false, false, 'desktop'); background: transparent; @@ -428,20 +428,20 @@ } } - @media screen and (min-width: $screen-xl-min) { + @media (min-width: $screen-xl-min) { left: calc(#{$logo-max-width} + 2 * #{$navbar-extended-padding}); } .searchbox { - @media screen and (min-width: $screen-sm-min) { + @media (min-width: $screen-sm-min) { width: $search-form-width-affix-sm; } - @media screen and (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { width: $search-form-width-affix-md; } - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { background: transparent; height: $navbar-header-height-affix-sm; padding-right: 25px; @@ -449,7 +449,7 @@ width: $search-form-width-affix-lg; } - @media screen and (min-width: $screen-xl-min) { + @media (min-width: $screen-xl-min) { max-width: $search-form-width-max; width: $search-form-width-xl; } @@ -458,7 +458,7 @@ .searchForm { width: 100%; - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -webkit-box; @@ -473,17 +473,17 @@ .searchForm_lookfor { max-width: $search-form-width-max; - @media screen and (min-width: $screen-sm-min) { + @media (min-width: $screen-sm-min) { height: $search-input-height-affix-sm; width: $search-input-width-affix-sm; } - @media screen and (min-width: $screen-md-min) { + @media (min-width: $screen-md-min) { height: $search-input-height-affix-md; width: $search-input-width-affix-md; } - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { height: $search-input-height-affix-lg; width: $search-input-width-affix-lg; } @@ -557,11 +557,11 @@ outline: none; width: 100%; - @media screen and (min-width: $screen-sm-min) and (max-width: $screen-md-max) { + @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { width: em(126px); } - @media screen and (min-width: $screen-lg-min) { + @media (min-width: $screen-lg-min) { height: $search-input-height-lg; min-width: 174px; }