font:
처럼 :
기호로 시작하여 중첩된 속성을 나타낼 수 있습니다. font: {};
로 font
의 font-weight
, font-size
, font-family
등의 여러가지 속성을 중첩하여 표현이 가능합니다.font-
로 시작하여 폰트를 나타내는 속성들을 "네임스페이스가 동일하다"라고 합니다. ;
을 표시해주어야 합니다.1.SCSS
// 중첩된 속성 .box { font: { weight: bold; size: 10px; family: sans-serif; }; margin: { top: 10px; left: 20px; }; padding: { top: 10px; bottom: 40px; left: 20px; right: 30px; }; }
2.CSS
.box { font-weight: bold; font-size: 10px; font-family: sans-serif; margin-top: 10px; margin-left: 20px; padding-top: 10px; padding-bottom: 40px; padding-left: 20px; padding-right: 30px; }