第3章これだけはマスターしたいSassの基本機能

3-7 Sassの @import

@import url("main.css");
@import url(main.css);
@import "main.css";
@import 'main.css';

/* メディアタイプの指定が有る場合 */
@import "main.css" projection, tv;

@import url("main.scss");
@import url(main.scss);
@import "main.scss";
@import 'main.scss';

// _ を省略してインポート
@import "module.scss";

// _ と 拡張子を省略してインポート
@import "module";

// 一階層上からインポート
@import "../module.scss";

// commonフォルダからインポート
@import "common/module";

@import "default","module","btn";

@import "old";

p {
	margin-bottom: 1.5em;
}

.item {
	margin: 10px;
}
p {
	margin: 0 0 10px;
}

.item {
  margin: 10px;
}
p {
  margin: 0 0 10px;
}
p {
  margin-bottom: 1.5em;
}

.oldArea {
	@import "old";
}
p {
	margin-bottom: 1.5em;
}

.oldArea .item {
  margin: 10px;
}
.oldArea p {
  margin: 0 0 10px;
}

p {
  margin-bottom: 1.5em;
}