app.scss

@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,900");

// Path
$assetsPath: '../assets/images';

// VENDORS
@import "./vendors/normalize";
//@import "./vendors/animate";

// FRAMEWORK ( FOUNDATION )
@import "../../node_modules/foundation-sites/scss/foundation";
@include foundation-flex-grid;
@include foundation-flex-classes;
@include foundation-everything;

// Hot fix FlexGrid breaking in Safari
.row::before, .row::after { content: none; }

//small: 0
//medium: 640px
//large: 1024px
//xlarge: 1200px
//xxlarge: 1440px

// BASE FOR VARIABLE AND RESET CSS
@import "./base/reset";
//@import "./base/typography";
//@import "./base/color";

// UTILITIES
@import "./utils/utils";

// LAYOUT
//@import "./layout/grid";
//@import "./layout/header";
//@import "./layout/sidebar";
@import "./layout/content";

// PAGES
@import "./pages/HomePage";
@import "./pages/NotFound";

// COMPONENTS
@import "components/Banner";
@import "components/Navigation";
@import "components/SideNav";