// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/**
 * NOTE: Keep in sync with ./breakpoints.ts
 */

/**
 * Breakpoints without max-width
 * ex. @include watt.media('>Small') {}
 */
$breakpoints: (
  "Small": 600px,
  "Medium": 960px,
  "Large": 1280px,
  "XLarge": 1920px,
) !default;

/**
 * Media expressions for exact matches
 * ex. @include watt.media('XSmall') {}
 */
$media-expressions: (
  "XSmall": "(max-width: 599.98px)",
  "Small": "(min-width: 600px) and (max-width: 959.98px)",
  "Medium": "(min-width: 960px) and (max-width: 1279.98px)",
  "Large": "(min-width: 1280px) and (max-width: 1919.98px)",
  "XLarge": "(min-width: 1920px)",
) !default;

/**
 * Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals
 */
$unit-intervals: (
  "px": 0.02,
) !default;

/* prettier-ignore */
@forward 'include-media' with (
  $breakpoints: $breakpoints,
  $unit-intervals: $unit-intervals,
  $media-expressions: $media-expressions
);
