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

3-7 Sassの @import

@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';

CSS ファイルを生成しない、パーシャル

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

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

インポートファイルの複数指定

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

@import の指定位置

.section {
    @import "style";
}

@import "btn";