manage mobile & desktop medias queries with sass vars (#39947)

This commit is contained in:
Thomas Jund 2020-01-29 17:16:33 +01:00
parent 536fa707af
commit 6cc8d13a53
4 changed files with 6 additions and 6 deletions

View File

@ -21,7 +21,7 @@ header {
left: -1rem;
padding-left: 730px;
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
height: 75px;
padding-left: 0;
max-width: 90%;
@ -188,7 +188,7 @@ nav {
background-color: $color-rubrique-social-aines;
}
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
ul > li > ul > li > a {
color: black !important;
}
@ -552,7 +552,7 @@ div.wcscurrentformscell ul {
}
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
#header #top #logo a {
display: block;
height: 75px;

View File

@ -449,7 +449,7 @@ body {
}
/* ajustements petits écrans (mobiles) */
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
body #page {
background: white;

View File

@ -136,7 +136,7 @@ div#services > ul > li > strong > a,
}
/* ajustements petits écrans (mobiles) */
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
#header-wrapper {

View File

@ -389,7 +389,7 @@ div#services > ul > li > strong > a,
/* ajustements petits écrans (mobiles) */
@media screen and (max-width: $mobile-limit) {
@media screen and ($max-mobile-viewport){
#header-wrapper {