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

@mediaをネストする

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

メディアクエリをネストすることができます。

Sass
#main{
	width: 960px;
	@media screen and (max-width:640px){
		width: 100%;
	}
}
CSS – コンパイル後
#main {
  width: 960px;
}
@media screen and (max-width: 640px) {
  #main {
    width: 100%;
  }
}