PietroSkeleton/assets/app/frontend/scss/vars.scss

$dir-fonts: '/public/assets/fonts/';
$dir-img: '/public/assets/img/';

$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;

$orange: #dc5b2f;
$green: #568b6f;

//Bootstrap
$grid-columns: 12;
$grid-gutter-width: 30px;

$grid-breakpoints: (
  // Extra small screen / phone
        xs: 0,
  // Small screen / phone
        sm: $sm,
  // Medium screen / tablet
        md: $md,
  // Large screen / desktop
        lg: $lg,
  // Extra large screen / wide desktop
        xl: $xl
);