// /*=================================================
// =                $default variables               =
// =================================================*\

@import "colors";
@import "fonts";

// /*==========  $Features  ==========*\
// Direction
// Configure text direction and float direction to address LTR and RTL languages
$text-direction:      ltr!default;  // Options: 'ltr' (default) | 'rtl'
$float-default:       left!default; // Options: 'left' (default) | 'right'

// /*==========  $Modules  ==========*\
// Enable or disable framework components according to your needs
$usePrint:            true!default;
$useNormalize:        true!default;
$useBase:             true!default;
  $useGrid:           true!default;
  $useLayout:         true!default;
$useCore:             true!default;
  $styleButtons:      true!default;
  $styleCode:         true!default;
  $styleForms:        true!default;
  $styleHeadings:     true!default;
  $styleLinks:        true!default;
  $styleLists:        true!default;
  $styleMedia:        true!default;
  $styleQuotes:       true!default;
  $styleTables:       true!default;
$useHelpers:          true!default;
  $useAccessibility:  true!default;
  $useBrowser:        true!default;
  $useButtonsHelpers: true!default;
  $useClearfix:       true!default;
  $useClearing:       true!default;
  $useDisplay:        true!default;
  $useListsHelpers:   true!default;
  $useFormsHelpers:   true!default;
  $useTablesHelpers:  true!default;
  $useImgreplace:     true!default;
  $useMediaHelpers:   true!default;
  $useOtherHelpers:   true!default;
$useObjects:          true!default;
  $useAlerts:         true!default;
  $useMediaObj:       true!default;
  $useProgress:       true!default;
  $useNav:            true!default;
    $useBreadcrumbs:  true!default;
    $useMenus:        true!default;
    $usePagination:   true!default;
    $useTabs:         true!default;
  $useStats:          true!default;
  $useDropdown:       true!default; // READ WARNING BELOW!
  $useFlyout:         true!default; // READ wARNING BELOW!
$useIcons:            true!default;

// /***************************************************************************
// *  WARNING:
// *  Seelva's dropdown and flyout objects *DO NOT WORK* with touchscreen
// *  devices because they use the ':hover' pseudo-class to display submenus.
// *  Be aware that if you want to use dropdowns with touchscreen devices you
// *  should use a Javascript-based alternative.
// ****************************************************************************\

// /*====  $Media-queries Config  ====*\
// Default widths
$s-sm: 480px;
$s-md: 768px;
$s-lg: 960px;
$s-xl: 1200px;

// Devices ( name  abbreviation  size  [ type: min | max ] )
$devices-list: (
  'small':      ( 'abbr': sm,   'size': $s-sm  $s-md ),
  'medium':     ( 'abbr': md,   'size': $s-md  $s-lg ),
  'large':      ( 'abbr': lg,   'size': $s-lg  $s-xl ),
  'extralarge': ( 'abbr': xl,   'size': $s-xl ),

  // Device Aliases
  'portable':   ( 'abbr': null, 'size': $s-md, 'type': max ),
  'mup':        ( 'abbr': null, 'size': $s-md, 'type': min )
);


// /*=========  $Grid Config  =========*\
// If grid module is enabled, these settings modifies the grid:
$colAmount:           12!default;     // How many columns should the grid have?
$gutterWidth:         20px!default;     // Separation between columns, In px
$contentWidth:        1200px!default; // Max-width of the main content area?

// /*========  $Custom Colors  ========*\
// Brand Colors
$c-brand-error:       $c-crimson!default;
$c-brand-info:        $c-steelblue!default;
$c-brand-notice:      $c-goldenrod!default;
$c-brand-success:     $c-limegreen!default;

$c-brand-main:        $c-limegreen!default;

// /*=========  $Font config  =========*\
// Default stacks
$fstack-sans:         $fstack-arial!default;
$fstack-serif:        $fstack-cambria!default;
$fstack-mono:         $fstack-consolas!default;

// Custom stacks
$fstack-body:         $fstack-arial!default;
$fstack-headings:     $fstack-segoe!default;
$fstack-code:         $fstack-consolas!default;
$fstack-forms:        $fstack-arial!default;
$fstack-buttons:      $fstack-arial!default;

// /*=======  $Text properties  =======*\
$textColor:           $c-black!default;

$textSize:            0.875em!default;
$textLineHeight:      1.5em!default;

$h1-size:             294%!default;
$h2-size:             192%!default;
$h3-size:             171%!default;
$h4-size:             150%!default;
$h5-size:             128%!default;
$h6-size:             107%!default;

// /*==========  $Variables  ==========*\
// Px unit
$baseUnit1:           3px!default;

// Border radius
$radius1:             3px!default;
$radius2:             6px!default;
$radius3:             9px!default;
