Style Guide _

How To Use This Guide

This is our design reference for HackerYou.com! All styles shown here will be applied to all components, as long as you reference the correct classes and properties.

File Structure

Global styles, mixins and sass-maps live in the base folder; styles specific to a page should live as partials in the pages folder:

/src
/base
_animations.scss
_grids.scss
_typography.scss
_media-queries.scss
_setup.scss
_utils.scss
/styles
/pages
_style-guide.scss

Any components should have their own stylesheet (informed by the style guide) that lives in the folder along with the component like this:

/src
/components
/Header
_header.scss
Header.js

Please import your component style files into the index.scss folder like this:

@import "../components/Header/_header";