//------- Responsiveness
$gap: 32px !default;

$mobile: 769px !default;

$tablet: 769px !default;

$desktop: 960px + 2 * $gap !default;

$widescreen: 1152px + 2 * $gap !default;

$fullhd: 1344px + 2 * $gap !default;


$screens: ('mobile': $mobile, 'tablet': $tablet, 'widescreen': $widescreen, 'fullhd': $fullhd);

//------- range
$range_small: ('min': 0, 'max': 10, 'steps': 1);
$range_medium: ('min': 10, 'max': 100, 'steps': 5);
$range_large: ('min': 100, 'max': 500, 'steps': 50);

$range: ('small': $range_small, 'medium': $range_medium, 'large':$range_large);

//------- spacing

$spacing: ('padding': 'pd', 'margin': 'mr',);


//------- direction

$directions: ("top": "t", "right": "r", "bottom": "b", "left": "l");

$directions_top_bottom: ("top": "t", "bottom": "b");

$directions_left_right: ("right": "r", "left": "l");



//------- properties


$properties: ('border': 'br', 'font': 'font', 'radius': 'rd');


//------- z-index

$z_index: ('z-index': 'zi');


//------- $opacity

$opacity: ('opacity': 'op');