[SCSS] - 05. 접두어 사용해서 css 속성 자동생성

접두어 사용해서 CSS 속성 자동생성

👊 예제

<div class="portfolio">
        <p>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque sed et consequatur, maxime quod quasi est fugit, sit temporibus rem, iusto voluptatem repellat deleniti quibusdam ipsa? Dolor tempora autem ullam.
        </p>
        <p>
            크고 얼마나 청춘의 피어나기 만물은 같으며, 이것이다. 너의 구하기 꾸며 창공에 사라지지 풍부하게 있음으로써 인생을 운다. 때에, 사는가 우리 때문이다. 가는 앞이 그들을 못할 때까지 인간이 위하여서, 내는
        </p>
    </div>

body {
    font-family : "Raleway", sans-serif;
    font-size : 18px;
    font-weight : 500;
}

• scss 속성들이 font-뭐시기로 통일되고 있다. 이런경우 접두어를 사용하여 css속성을 자동생성 시킬 수 있다.
• 많이 사용되지는 않음..

body {
    font: {
        family: "Raleway",
            sans-serif;
        size: 18px;
        weight: 500;
    }
}

🙆 RESULT