/*
 *
 *  IN LOCO
 *  www.inlocomedia.com
 *
 *  Copyright 2016 - All Rights Reserved.
 *
 *  -------- SUPERNOVA ---------
 *    grid variables sass file
 *  ----------- *** ------------
 *
 */



// Grid Bleed Sizes
$bleed-hm                           : $hm * 8; // ~32px
$bleed-vm                           : $vm * 8; // ~32px
$bleed-hm-sm                        : $hm * 4;  // ~16px
$bleed-vm-sm                        : $vm * 6;  // ~24px
$bleed-vm-xs                        : $vm * 2;  // ~8px

// Grid Col Gutter Sizes
$gutter-hm                          : $hm * 4;  // ~16px
$gutter-xs-hm                       : $hm;      // ~4px
$gutter-sm-hm                       : $hm * 2;  // ~8px
$gutter-lg-hm                       : $hm * 6;  // ~24px
$gutter-xl-hm                       : $hm * 8;  // ~32px

// Grid Row Gutter Sizes
$gutter-vm                          : $vm * 4;   // ~16px
$gutter-xs-vm                       : $vm * 0.5;   // ~2px
$gutter-sm-vm                       : $vm;       // ~4px
$gutter-lg-vm                       : $vm * 4;   // ~16px
$gutter-xl-vm                       : $vm * 6;   // ~24px
$gutter-reverse-vm                  : $vm;       // ~4px
$gutter-lg-screen-xsmall            : $hm * 2;   // ~8px
$gutter-xl-screen-xsmall            : $hm * 3;   // ~12px

// Box Col Padding
$box-col-padding-hm                 : $hm * 4;   // ~16px
$box-col-padding-vm                 : $vm * 2;   // ~8px

// Box Col Padding Small
$box-col-padding-sm-hm              : $hm * 2;   // ~8px
$box-col-padding-sm-vm              : $vm;       // ~4px

// Cell Fixed sizes
$cell-fixed-flexitem-multiplier     : $hm;       // ~4px
$cell-fixed-flexitem-fixed-1        : $cell-fixed-flexitem-multiplier * 12; // 48px;           
$cell-fixed-flexitem-fixed-2        : $cell-fixed-flexitem-multiplier * 24; // 96px;           
$cell-fixed-flexitem-fixed-3        : $cell-fixed-flexitem-multiplier * 36; // 144px;           
$cell-fixed-flexitem-fixed-4        : $cell-fixed-flexitem-multiplier * 48; // 192px;           
$cell-fixed-flexitem-fixed-5        : $cell-fixed-flexitem-multiplier * 60; // 240px;           
$cell-fixed-flexitem-fixed-6        : $cell-fixed-flexitem-multiplier * 72; // 288px;           
$cell-fixed-flexitem-fixed-7        : $cell-fixed-flexitem-multiplier * 84; // 336px;           
$cell-fixed-flexitem-fixed-8        : $cell-fixed-flexitem-multiplier * 96; // 384px;           
$cell-fixed-flexitem-fixed-9        : $cell-fixed-flexitem-multiplier * 108; // 432px;           


// Cell Padding
$cell-padding-vertical              : $vm * 2;   // 8px;
$cell-padding-vertical-lg           : $vm * 4;   // 16px;
$cell-padding-vertical-md           : $vm * 3;   // 8px;
$cell-padding-vertical-sm           : $vm;       // 4px;
$cell-padding-horizontal            : $hm * 2;   // 8px;
$cell-padding-horizontal-lg         : $hm * 4;   // 16px;
$cell-padding-horizontal-md         : $hm * 3;   // 8px;
$cell-padding-horizontal-sm         : $hm;       // 4px;