@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';