吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

プロパティをネストする

2014年2月27日 / category : reference-sass, sass

-(ハイフン)がついているプロパティはすべてネストできます。

Sass
.font{
	font: {
		family:"メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
		style: italic;
		size: 12px;
		weight: bold;
	}
}
CSS – コンパイル後
.font {
  font-family: "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
}