@import '~vuetify/src/styles/styles.sass';
$color-pack: false;
$body-font-family: 'Geometria Regular', 'Segoe UI', Arial, Helvetica, sans-serif;
$btn-letter-spacing: normal;

$tabs-bar-height: 40px;
$tabs-icons-and-text-bar-height: 40px;
$tabs-item-align-with-title-padding: 60px;
$tabs-item-min-width: 30px;
$tabs-item-man-width: 300px;
$tabs-item-padding: 0px;
$tabs-item-hover-opacity: 1;
$tabs-item-focus-opacity: 1;
$tabs-slider-height: 4px;
$tabs-item-vertical-height: $tabs-bar-height;
$tabs-item-vertical-icons-and-text-height: $tabs-icons-and-text-bar-height;

$grid-breakpoints: (
  'xs': 320px,
  'sm': 320px,
  'md': 768px,
  'lg': 1200px,
  'xl': 1200px,
);
$grid-gutter: 10px;
$grid-columns: 12;

$icon-size: unset;

$grid-gutters: (
  'xs': $grid-gutter,
  'sm': $grid-gutter,
  'md': $grid-gutter,
  'lg': $grid-gutter,
  'xl': $grid-gutter,
);

$display-breakpoints: (
  'print-only': 'only print',
  'screen-only': 'only screen',
  'xs-only': 'only screen and (max-width: #{map-get($grid-breakpoints, 'sm') - 1})',
  'sm-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'sm')}) and (max-width: #{map-get($grid-breakpoints, 'md') - 1})',
  'sm-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'md') - 1})',
  'sm-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'sm')})',
  'md-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'md')}) and (max-width: #{map-get($grid-breakpoints, 'lg') - 1})',
  'md-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'lg') - 1})',
  'md-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'md')})',
  'lg-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'lg')}) and (max-width: #{map-get($grid-breakpoints, 'xl') - 1})',
  'lg-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'xl') - 1})',
  'lg-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'lg')})',
  'xl-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'xl')})'
);

$container-max-widths: (
  'xs': 320px,
  'sm': 320px,
  'md': 768px,
  'lg': 1230px,
  'xl': 1230px,
);
$material-light: map-merge(
  $material-light,
  (
    'background': white,
  )
);