Quick ITCSS startup structure for Angular 2 / Material Design

_body.scss

@import '../settings/_colours.scss';
@import '../settings/_typography.scss';

body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: md-color($vir-app-ui, 50);

  font-family: $font-stack;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  color: black;
}

_colours.scss

@import '~@angular/material/core/theming/theming';
@import './theme';

// For styling your custom components using the general theme colours,
// look at https://github.com/angular/material2/blob/master/guides/theming-your-components.md
$primary-color: md-color(map-get($app-theme, primary));
$accent-color: md-color(map-get($app-theme, accent));

_star.scss

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

_theme.scss

@import '~@angular/material/core/theming/theming';
@import '~@angular/material/core/theming/palette';

// define our theme colours
$app-primary: md-palette($md-grey);
$app-accent: md-palette($md-blue);
$app-ui: md-palette($md-grey);

// Create the theme object (a Sass map containing all of the palettes).
$app-theme: md-light-theme($app-primary, $app-accent);

_theming.scss

@import '~@angular/material/core/theming/all-theme';
@import '../settings/theme';

// Include the base styles for Angular Material core. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@include md-core();


// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($app-theme);

_typography.scss

$font-stack: 'Roboto', 'Helvetica Neue', Verdana, Helvetiva, sans-serif;

imports.scss

/* Provides styling helpers and methods for more specific layers, e.g. Components likely want to import this */

// Settings
@import "settings/colours";
@import "settings/typography";
@import "settings/theme";

// Tools
@import "tools/flexbox";

styles.scss

/* Styles that should be applied globally go here. Remember to add to styles in agular-cli.json */

// Generic
@import "~normalize.css/normalize.css";
@import "generic/theming";

// Elements
@import "elements/star";
@import "elements/body";

// Objects