/* SASS variables */
// screen widths
$width-feature: 240px;
$width-mobile: 360px;
$width-phone: 480px;
$width-tablet: 720px;
$width-lcd: 1024px;
$width-laptop: 1280px;
$width-desktop: 1920px;

// sizes for borders/padding/margins/gaps
$size-nano: 0.0625em;
$size-thin: 0.125em;
$size-little: 0.25em;
$size-small: 0.5em;
$size-normal: 1em;
$size-big: 2em;
$size-large: 3em;

// border radii
$radius-small: 5px;
$radius-normal: 10px;
$radius-big: 15px;
$radius-round: 50%;

// buttons
$button-min-width: 44px;
$button-min-height: 44px;

// min sidebar width do not touch
$sidebar-min-width: 1020px;
