Example of "parent" Sass file (for talk)

sass-main.scss

@import "_normalize";

@import "compass/css3/transform";
@import "compass/css3/transition";
@import "compass/css3/animation";
@import "compass/css3/user-interface";
@import "compass/css3/flexbox";

@import "font-awesome-compass";
@import "font-awesome";

@import url(https://fonts.googleapis.com/css?family=VT323);
@import url(https://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext);

$color-background: #030100;
$color-text: #E8FFEF;
$color-secondary-text: #E6FDED;
$color-console-text: #112211;
$color-link: #00D400;
$color-heading: #FF7000;
$color-major-accent: #FF7000; 
$color-minor-accent: #00D400;
$color-nav: #FF2500;
$color-overlay-modal: rgba(0, 0, 0, 0.5);
$color-modal-background: rgba(8, 12, 8, 0.95);
$color-hover-background: rgba(32, 32, 32, 0.8);
$color-shine: #DDDDFF;
$color-secondary-heading: #67AB7A;
$color-disabled-field: #453D35;
$color-error: #FF2500;

$color-rating-creative: #00C493;
$color-rating-clever: #FFC900;
$color-rating-challenging: #D3009E;

$font-console: 'VT323', serif;
$font-greeble: 'VT323', serif;
$font-size-content: 16px;
$font-size-secondary: 14px;
$font-size-console: 20px;
$font-size-greeble: 10px;
$font-body: 'Arvo', 'Roboto Slab', 'Georgia', serif;
$font-heading:  'Audiowide', sans-serif;

$body-padding: 8px;
$body-indent: 16px;
$body-padding-wide: 16px;
$body-vertical-spacing: 16px;
$scrollbar-width: 20px;
$minor-spacing: 4px;

$nav-size: 35px;

$position-top-aside: 10em;
$position-bottom-aside: 20em;

$user-border-size: 16px;
$button-border-size: 8px;
$infopanel-border-size: 8px;

$z-content: 100;
$z-secondary: 50;
$z-menus: 200;
$z-content-foreground: 200;
$z-content-overlay: 250;
$z-modal: 1000;
$z-modal-overlay: 999;
$z-console: -1;

$system-thumbnail-size: 100px;

@import "_mixins";

.hidden {
    display: none !important;
}

.red, input[type="text"].red {
    background: red;
}

.blue, input[type="text"].blue {
    background: blue;
}

.green, input[type="text"].green {
    background: green;
}

.yellow, input[type="text"].yellow {
    background: yellow;
}

.white, input[type="text"].white {
    background: white;
}

@import "_all-sizes";

@import "_narrow";

@import "_wide";