//
// Copyright 2019 Stijn de Witt. Some rights reserved.
// Licensed under the MIT Open Source license. 
// https://opensource.org/licenses/MIT
// See LICENSE for details.
//
// Based on code copyright 2018 Google Inc. All Rights Reserved.
// Licensed under the Apache License, Version 2.0.
// http://www.apache.org/licenses/LICENSE-2.0
// See LICENSE-MDC for details.
// 
// Unless required by applicable law or agreed to in writing, software
// distributed under these licenses is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the licenses for the specific language governing permissions and
// limitations under these licenses.
// 

@import "../theme/mixins";

//
// Public
//

@mixin card-fill-color($color) {
  @include mdc-theme-prop(background-color, $color);
}

@mixin card-outline($color, $thickness: $card-outline-width) {
  border: $thickness solid mdc-theme-prop-value($color);
}

@mixin card-corner-radius($radius) {
  border-radius: $radius;
}

@mixin card-media-aspect-ratio($x, $y) {
  &::before {
    // This clever trick brought to you by: http://www.mademyday.de/css-height-equals-width-with-pure-css.html
    margin-top: percentage($y / $x);
  }
}

//
// Private
//

@mixin card-container-layout_ {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

@mixin card-actions-layout_($display: flex) {
  display: $display;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}

@mixin card-media-aspect-ratio-base_ {
  &::before {
    display: block;
    content: "";
  }
}