TIL | SCSS :(중첩 선택자)

2761 단어 scssscss

CSS

.box {
  font-weight: bold;
  font-size: 10px;
  font-family: sans-serif;
  margin-top: 10px;
  margin-left: 20px;
  padding-bottom: 40px;
  padding-right: 30px;
}

⬇️

SCSS

.box {
  font: {
    weight: bold;
    size: 10px;
    family: sans-serif;
  };

  margin: {
    top: 10px;
    left: 20px;
  };
  
  padding: {
    bottom: 40px;
    right: 30px;
  };
}

좋은 웹페이지 즐겨찾기