@use "../../variables/colors";
@use "../../variables/media-query-breakpoints";

// Number of columns in the grid.
$grid-columns: 12;

// Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 32px;

// Navbar collapse
// Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: media-query-breakpoints.$screen-sm-min;

// Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);

$container-sm: auto; // Small screen / tablet
$container-md: 922px; // Medium screen / desktop
$container-lg: 1152px; // Large screen / wide desktop

$featured-background-color: colors.$grasgroen-10;