@import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins'; @import 'libs/vendor'; @import 'libs/breakpoints'; @import 'libs/html-grid'; @import 'github.css'; /* for syntax highlighting, more: jwarby.github.io/jekyll-pygments-themes/ */ @import 'fontawesome-all.min.css'; @import 'fonts.css'; // @import url('fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700');

// Breakpoints.

@include breakpoints((
        xlarge:   ( 1281px,  1680px ),
        large:    ( 981px,   1280px ),
        medium:   ( 737px,   980px  ),
        small:    ( 481px,   736px  ),
        xsmall:   ( 361px,   480px  ),
        xxsmall:  ( null,    360px  ),
        xlarge-to-max:    '(min-width: 1681px)',
        small-to-xlarge:  '(min-width: 481px) and (max-width: 1680px)'
));

// Base.

@import 'base/reset';
@import 'base/page';
@import 'base/typography';

// Component.

@import 'components/row';
@import 'components/section';
@import 'components/form';
@import 'components/box';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/actions';
@import 'components/icons';
@import 'components/contact';
@import 'components/pagination';
@import 'components/table';
@import 'components/button';
@import 'components/mini-posts';
@import 'components/features';
@import 'components/posts';

// Layout.

@import 'layout/wrapper';
@import 'layout/main';
@import 'layout/sidebar';
@import 'layout/header';
@import 'layout/banner';
@import 'layout/footer';
@import 'layout/menu';