Home>

I want to know the advantages and disadvantages of SCSS and Stylus.
I would like to hear the opinions of those who have actually touched it even if I looked it up.
Thank you.

  • Answer # 1

    That's based on previous questions.
    I have never built it from scratch, but I have experienced both.
    Both SCSS and Stylus have variables, import usage, and grammatical differences, but I don't care about the basics (because you only have to remember each).
    Reply paying attention to the notation.

    SCSS

    SCSS requires braces{}and a closing semicolon;, so
    If you've been writing in CSS for a while and don't want to break it down, this might be better.
    Therefore, it is relatively easy to introduce beginners (which may be rude).
    However, since I'm getting used to the Stylus notation recently, there are a lot of code and some parts that feel a little annoying (although it's super subjective).

    Styus

    Styus can be written freely with or without parentheses or colons, but all abbreviations are highly recommended.
    Because the file size is also reduced.
    In addition, when parentheses are used, if there is no closing parenthesis, an error will occur. Moreover, it is easy to see because it is indented.
    For those who are new to Stylus, it may be confusing at first, but it is refreshing as you get used to it.