manage mobile & desktop medias queries with sass vars (#39947)
This commit is contained in:
parent
536fa707af
commit
6cc8d13a53
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
||||
|
|
Reference in New Issue