/* 100% = 1 em ~= 16px ~= 14pt */

/* 0 --- xs --- 30 (480) --- sm --- 48 (768) --- md --- 64 (1024) --- lg --- 80 (1280) --- xl  --- ~ */

@xs : ~"( min-width:  0em )";
@sm : ~"( min-width: 30em )";
@md : ~"( min-width: 48em )";
@lg : ~"( min-width: 64em )";
@xl : ~"( min-width: 80em )";

@xs-only : ~"( min-width:  0em ) and ( max-width: 29em )";
@sm-only : ~"( min-width: 30em ) and ( max-width: 47em )";
@md-only : ~"( min-width: 48em ) and ( max-width: 63em )";
@lg-only : ~"( min-width: 64em ) and ( max-width: 79em )";
@xl-only : ~"( min-width: 80em )";

@context: 16;

@base-font-size: 18;
@base-line-height: @base-font-size * 1.5;

@gutter: @base-line-height;

@import '_reset.less';

@import '_fonts.less';
@import '_form.less';
@import '_grid.less';
@import '_mixins.less';
@import '_typography.less';

@import '_theme.less';

@import '_all.less';