using media-queries for values change in sass variables [duplicate]

Question

what i want to do is basically this:

    @media all and (min-width: 700px) {
$dimension:96px;
$dimension-white:76px;
}

@media all and (max-width: 699px) {
$dimension:76px;
$dimension-white:56px;
}

is it possible to assign different values to scss variables based on media-queries? thank you much!

sorry for the copy and paste but it wouldnt let me post :\

valerio0999
– valerio0999

2013-07-02 15:40:52 +00:00
Commented Jul 2, 2013 at 15:40 — valerio0999
– valerio0999, Commented Jul 2, 2013 at 15:40

imjared · Accepted Answer · 2013-07-02 17:58:18Z

4

Though this is a dupe, the answer is no. Media queries are handled by the browser and SASS variables are handled by, you guessed it, SASS.

What you have here would probably get compiled as-is into your stylesheet and break it or not get compiled at all. I haven't tried it because it just doesn't work.

answered Jul 2, 2013 at 17:58

imjared

20.7k4 gold badges56 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

cimmanon Over a year ago

Dupes don't need answers, they're supposed to get closed.

imjared Over a year ago

Ok, then it will get closed?

cimmanon Over a year ago

Eventually (in theory). Moderation is slow in [sass]. Don't feel that you need to delete your answer, just refrain from answering dupes in the future.

Collectives™ on Stack Overflow

using media-queries for values change in sass variables [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related