@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

@import '../maps/color-maps.scss';
@import '../utilities/global-variables.scss';

$box-bg-color: map-get($denali-grey-colors,"200") !default;
$box-corner-radius: $border-radius-sm !default;
$box-border-color: map-get($denali-grey-colors,"500") !default;
$box-border-width: 1px !default;
$box-border-style: solid !default;
$box-padding: 20px !default;
$box-footer-padding: 22px 22px 0px 22px !default;
$box-footer-margin: 22px -20px 0px -20px !default;

@mixin box-default {
  .box {
    padding: $box-padding;
    background: $box-bg-color;
    border-radius: $box-corner-radius;
    border-color: $box-border-color;
    border-width: $box-border-width;
    border-style: $box-border-style;

    footer {
      margin: $box-footer-margin;
      padding: $box-footer-padding;
      border-top-style: solid;
      border-top-color: $box-border-color;
      border-top-width: $box-border-width;
    }
  }
}

@mixin box-theme {
  .box {
   padding: $box-padding;
   background: $box-bg-color;
   border-radius: $box-corner-radius;
   border-color: $box-border-color;
   border-width: $box-border-width;
   border-style: $box-border-style;

    footer {
      margin: $box-footer-margin;
      padding: $box-footer-padding;
      border-top-style: solid;
      border-top-color: $box-border-color;
      border-top-width: $box-border-width;
    }
  }
}