There is a code .sass, without braces {}

.header display:flex justify-content:space-between .nav display:flex flex-direction:column align-items:center justify-content: space-between

How to make nesting without using {} so that it works?

    1 answer 1

    For nesting use the ampersand &
    For SCSS:

     .header { display:flex justify-content:space-between & .nav { display:flex flex-direction:column align-items:center justify-content: space-between } }

    For SASS:

     .header display: flex justify-content:space-between & .nav display:flex flex-direction:column align-items:center justify-content: space-between
    • A short article on the use of nesting - itscreen.tk/blog/20-uproshaem-sass-ispolzuya-ampersand - Dmitriy Doronin
    • Well, this is understandable, and without {} curly brackets you can do? - Vladimir Vladimirovich
    • Updated sass syntax solution - Dmitriy Doronin
    • Thank you! I already wanted to answer my own question, but I saw your answer for SASS! - Vladimir Vladimirovich