/**
 * @license
 * Copyright 2023 Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use '@material/elevation/elevation-theme' as mdc-elevation-theme;
@use '@material/card/mixins' as mdc-card-mixins;
@use '@material/card/variables' as mdc-card-variables;
@use '../utils/variables-grid';
@use '../theme';
@use '../utils/functions-grid';
@use '../utils/mixins-flex';
@use './variables';

@mixin core-styles() {
  .forge-card {
    @include base;
  
    &--outlined {
      @include outlined;
    }
  }
}

@mixin host() {
  display: block;
}

@mixin base() {
  @include mdc-card-mixins.fill-color(surface);
  @include mdc-card-mixins.shape-radius(medium);
  @include mdc-elevation-theme.elevation(1);
  @include theme.css-custom-property(height, --forge-card-height, 100%);
  @include theme.css-custom-property(width, --forge-card-width, 100%);
  @include theme.css-custom-property(padding, --forge-card-padding, variables.$padding);
  @include theme.css-custom-property(overflow, --forge-card-overflow, hidden);

  box-sizing: border-box;
}

@mixin outlined() {
  @include mdc-elevation-theme.elevation(0);
  @include mdc-card-mixins.outline(mdc-card-variables.$outline-color);
  @include theme.property(border-color, border-color);
}
