
// 8px
$unit-1: 8px;
// 2px
$unit-quarter: 0.25 * $unit-1;
// 4px
$unit-half: 0.5 * $unit-1;
// 16px
$unit-2: 2 * $unit-1;
// 24px
$unit-3: 3 * $unit-1;
// 32px
$unit-4: 4 * $unit-1;
// 40px
$unit-5: 5 * $unit-1;
// 48px
$unit-6: 6 * $unit-1;
// 56px
$unit-7: 7 * $unit-1;
// 64px
$unit-8: 8 * $unit-1;
// 72px
$unit-9: 9 * $unit-1;
// 80px
$unit-10: 10 * $unit-1;
// 120px
$unit-15: 15 * $unit-1;
// 160px
$unit-20: 20 * $unit-1;
// 200px
$unit-25: 25 * $unit-1;
// 240px
$unit-30: 30 * $unit-1;
// 280px
$unit-35: 35 * $unit-1;
// 320px
$unit-40: 40 * $unit-1;
// 360px
$unit-45: 45 * $unit-1;
// 400px
$unit-50: 50 * $unit-1;
// 440px
$unit-55: 55 * $unit-1;
// 500px
$unit-60: 60 * $unit-1;
// 540px
$unit-65: 65 * $unit-1;
// 580px
$unit-70: 70 * $unit-1;
// 620px
$unit-75: 75 * $unit-1;
// 660px
$unit-80: 80 * $unit-1;
// 700px
$unit-90: 90 * $unit-1;
// 740px
$unit-100: 100 * $unit-1;
// 780px
$unit-110: 110 * $unit-1;
// 820px
$unit-120: 120 * $unit-1;
$z-index-overlay: 1000;
$z-index-dialog: 900;
$z-index-alert: 800;
$z-index-flash: 700;
$z-index-main-nav: 600;
$z-index-form: 500;
$z-index-panel: 400;
$z-index-main-panel: 400;
$z-index-sub-panel: 400;
$z-index-header: 300;
$z-index-editable: 200;
$z-index-content: 100;
$z-index-ground: 1;
$mq-xsmall: screen and (max-width: 464px);
$mq-small: screen and (min-width: 465px) and (max-width: 728px);
$mq-small-up: screen and (min-width: 465px);
$mq-medium: screen and (min-width: 729px) and (max-width: 1076px);
$mq-medium-up: screen and (min-width: 729px);
$mq-large: screen and (min-width: 1077px) and (max-width: 1436px);
$mq-large-up: screen and (min-width: 1077px);
$mq-xlarge: screen and (min-width: 1436px);
$mq-xlarge-up: screen and (min-width: 1436px);
