Как SASS может помочь мне разработать адаптивные веб -дизайны? ⇐ CSS

[Anonymous]

Я проектировал с CSS в течение многих лет, но я только сейчас изучаю, как использовать SASS. Это очень большой вопрос для начинающих, поэтому, пожалуйста, не терпите меня. moment I don't understand how.

If I have a div with the id #squishable, and on large screens I want it to have a width of 1000 pixels, and on small screens a width of 100 pixels, but a red background in both cases, I think I would do something like this:

$color = red;

#squishable {
backgorundcolor: $color;
}

@media only screen
and (min-width : 321px) {

#squishable {
width:100px;
}
}

@media only screen
and (min-width : 1824px) {
#squishable {
width:1000px;
}
}
< /code>

Однако я не уверен, что этот подход имеет большое преимущество по сравнению с использованием CSS. Может быть, в качестве примера, это слишком упрощенно. Но, в любом случае, я не вижу точно, что я бы делал по -другому с SASS, чтобы упростить кодирование для отзывчивого веб -дизайна. Это все, что нужно? Надеюсь, с простым примером, похожим на то, что у меня есть выше?


Подробнее здесь: https://stackoverflow.com/questions/233 ... eb-designs