hugo-theme-bootstrap4-blog/source/scss/style.scss

// selectively import components we need from font-awesome
// see: node_modules/font-awesome/scss/font-awesome.scss
@import 'source/scss/font-awesome';

// selectively import components we need from bootstrap
// see: node_modules/bootstrap/scss/bootstrap.scss
@import 'source/scss/bootstrap';

// local style overrides
@import 'source/scss/main';
source/scss: Only import parts of font-awesome that we actually need We can save ~30KiB in our stylesheet by only importing font-awesome features and icons that we are actually using. 2016-11-16 11:00:21 +01:00			`// selectively import components we need from font-awesome`
			`// see: node_modules/font-awesome/scss/font-awesome.scss`
source/scss/style.scss: No file extensions in @import sass-lint says you shouldn't use file extensions in @import. 2017-01-08 14:54:34 +01:00			`@import 'source/scss/font-awesome';`
Build a custom Bootstrap We don't use all the Bootstrap stuff, so let's just build a custom one with the components we need. This saves about 50k. 2016-09-21 07:29:27 +02:00
			`// selectively import components we need from bootstrap`
			`// see: node_modules/bootstrap/scss/bootstrap.scss`
source/scss/style.scss: No file extensions in @import sass-lint says you shouldn't use file extensions in @import. 2017-01-08 14:54:34 +01:00			`@import 'source/scss/bootstrap';`
source/scss/style.scss: Import local overrides last It seems this is actually the preferred way to do it, but something in the Bootstrap v4 Alpha 6 release—perhaps the upgraded version of Normalize.css with that release—caused our styles to be overridden and now I realize that it should have never been working before! 2017-01-08 15:37:48 +01:00
			`// local style overrides`
			`@import 'source/scss/main';`