// This file is a part of Grid - Copyright (c) 2017 Vladimír Macháček
// For the full copyright and license information, please view the file license.md
// that was distributed with this source code.

$color_1: #FFFFFF !default
$color_2: #F7F7F7 !default
$color_3: #0F0909 !default
$color_4: #EF0F00 !default
$color_5: #D10000 !default
$color_6: #FF9400 !default
$color_7: #EB8000 !default
$color_8: #00A80B !default
$color_9: #009400 !default
$color_10: #DDDDDD !default


// To set the min body width
// Better UI when the user have small screen and you dont care about devices < 320px
$minBodyWidth: 320px


// s - phone, m - tablet, l - desktop, xl - > desktop
// $breakpointPrefix and $isFirstBreakpointPrefix are global variables that are changed during
// compilation in the grid.sass and in the components/grid-system.sass; they are changed
// in the initPrefix mixin; they are used in components and in the mixins
$smallBreakpoint: 0
$mediumBreakpoint: 640
$largeBreakpoint: 1024
$extraLargeBreakpoint: 1440
$breakpoints: s $smallBreakpoint, m $mediumBreakpoint, l $largeBreakpoint, xl $extraLargeBreakpoint !default
$firstBreakpointPrefix: nth(nth($breakpoints, 1), 1) !default
$breakpointPrefix: null !default
$noneBreakpointPrefix: true !default
$isFirstBreakpointPrefix: false !default


// components/global-setup
$fontFamily: Arial, Helvetica, sans-serif


// components/max-width
$maxWidthPrefix: max-width !default
$widthMax: 100 !default
$widthMin: 5 !default
$widthIncreasedBy: 5 !default


// components/margin, components/padding
$frameMaxSize: 10 !default
$frameSizeIncreasedBy: 1 !default
$frameSides: left right top bottom !default


// components/display-types, components/grid-system
$displayTypes: inline inline-block block flex none !default
$positions: static relative absolute fixed !default


// components/order, components/grid-system
$orderMax: 6 !default
$orderMin: 1 !default
$orderIncreasedBy: 1 !default


// components/columns, components/grid-system
$columnsMax: $orderMax !default
$columnsMin: $orderMin !default
$columnsIncreasedBy: $orderIncreasedBy !default
$columnsRuleTypes: solid dashed dotted !default


// components/cursor
$cursorTypes: auto default pointer wait help !default


// components/list
$listStyleTypes: disc square decimal !default
$listPositions: inside outside !default


// components/float-clear
$floatTypes: left right none !default
$clearTypes: left right both none !default


// components/resize
$resizableLabels: x y both !default
$resizableValues: horizontal vertical both !default


// components/vertical-align
$valignTypes: baseline top middle bottom super sub !default


// components/wrap
$wrapTypes: nowrap wrap wrap-reverse !default


// components/box-sizing
$boxSizingTypes: border-box content-box padding-box !default
$boxSizingProperty: nth($boxSizingTypes, 1) !default


// components/border-radius
$borderRadiusMax: 5 !default
$borderRadiusIncreasedBy: 2 !default