scss how can i add +1px in media Query

Asked Mar 20 '19 at 03:07

Active Mar 20 '19 at 03:07

Viewed 153 times

i try to use scss variable in mediaQuery and
i want to add 1px in $min
the code is like this

i marked � in my code that point occur error

$mobile: "400px" !default; // sm
$phablet: "550px" !default; //  md
$tablet: "750px" !default; //  wmd
$desktop: "1000px" !default; // lg
$desktophd: "1200px" !default; //  wlg 
$full: "9999px" !default; 
$null: "0px" !default; 


@mixin response($max:9999px,$min:0px) {
    @media only screen and (max-width: $max) and (min-width: $min + 1px) {//�
      @content; 
  }
}

@include response ($full,$mobile) {
    .myPage__myProducts > .col:nth-child(3n + 1){
        margin-left: 0;
    }
}

it trans to css "400px1px" i want 401px
how can i amke it possible?

asked Mar 20 '19 at 03:07

MINJA KIM

what is the error? – Madhawa Priyashantha Mar 20 '19 at 03:08
1

Possible duplicate of [Sass is concatenating instead of adding?](https://stackoverflow.com/questions/18639175/sass-is-concatenating-instead-of-adding) – Robby Cornelissen Mar 20 '19 at 03:10
Why did you use quotation mark in your variables declaration ? If you remove them, it will work just fine. – Amaury Hanser Mar 20 '19 at 12:15
@Amaury Hanser thanks!!!!!!! – MINJA KIM Mar 22 '19 at 00:36
@MINJAKIM Glad I could help ;) – Amaury Hanser Mar 22 '19 at 07:50

scss how can i add +1px in media Query

0 Answers0