Tachyons-based SCSS Compile for Current Project

current-app.scss

// ------------------------------
// Main Style Compile

// custom utilities
@import "variables";
@import "mixins";
@import "open-color/open-color";
@import "animate-css/animate-css";

// tachyons config
@import "tachyons/media-queries";
// @import "colors";
@import "tachyons-overrides/colors";


// tachyons debug
// @import "tachyons/debug";


// tachyons
@import "tachyons/aspect-ratios";
@import "tachyons/background-position";
@import "tachyons/background-size";

@import "tachyons/borders";

@import "tachyons/border-colors";
@import "tachyons-custom/_border-colors";

@import "tachyons/border-radius";
@import "tachyons/border-style";
@import "tachyons/border-widths";
@import "tachyons-custom/_border-widths";


// @import "tachyons/box-shadow";
@import "tachyons-overrides/box-shadow";

@import "tachyons/box-sizing";
@import "tachyons/clears";
@import "tachyons/code";

@import "tachyons/coordinates";
@import "tachyons-custom/coordinates";

@import "tachyons/debug-children";
@import "tachyons/debug-grid";
@import "tachyons/display";

@import "tachyons/flexbox";
@import "tachyons-custom/flexbox";

@import "tachyons/floats";

// @import "tachyons/font-family";
@import "tachyons-overrides/font-family";

@import "tachyons/font-style";
@import "tachyons/font-weight";

@import "tachyons/forms";
@import "tachyons-custom/forms";

@import "tachyons/heights";
@import "tachyons-custom/heights";

// @import "tachyons/hovers";
@import "tachyons-overrides/hovers";

@import "tachyons/images";
@import "tachyons/letter-spacing";
@import "tachyons/line-height";
@import "tachyons-custom/line-height";

// @import "tachyons/links";
@import "tachyons-overrides/links";

@import "tachyons/lists";

// @import "tachyons/max-widths";
@import "tachyons-overrides/max-widths";

@import "tachyons/module-template";
@import "tachyons/nested";

@import "tachyons/normalize";
@import "tachyons-custom/normalize";

@import "tachyons/opacity";
@import "tachyons/outlines";
@import "tachyons/overflow";
@import "tachyons/position";
@import "tachyons/rotations";

@import "tachyons/skins-pseudo";
@import "tachyons-custom/skins-pseudo";

@import "tachyons/skins";
@import "tachyons-custom/_skins";

// @import "tachyons/spacing";
@import "tachyons-overrides/spacing";
@import "tachyons/negative-margins";

@import "tachyons/styles";
@import "tachyons/tables";
@import "tachyons/text-align";
@import "tachyons/text-decoration";
@import "tachyons/text-transform";

// @import "tachyons/type-scale";
@import "tachyons-overrides/type-scale";

@import "tachyons/typography";

@import "tachyons/utilities";
@import "tachyons-custom/utilities";

@import "tachyons/vertical-align";
@import "tachyons/visibility";
@import "tachyons/white-space";
@import "tachyons-custom/white-space";

@import "tachyons/widths";
@import "tachyons-custom/widths";

@import "tachyons/word-break";
@import "tachyons/z-index";
@import "tachyons-custom/z-index";


// extensions/additions
@import "tachyons-extensions/a11y";
@import "tachyons-extensions/animations";
@import "tachyons-extensions/buttons";
@import "tachyons-extensions/background-images";
@import "tachyons-extensions/disabled";
@import "tachyons-extensions/print";
@import "tachyons-extensions/min-widths";

// local app styling
@import "skins";