@import '../../style/variable';
@import './token';

.#{$namespace} {
  &-card {
    padding: $card-padding;
    background-color: $white;
    
    &--fit {
      width: 100%;
      height: 100%;
    }

    &--all {
      border-radius: $card-border-radius;
    }

    &--left {
      border-top-left-radius: $card-border-radius;
      border-bottom-left-radius: $card-border-radius;
    }

    &--right {
      border-top-right-radius: $card-border-radius;
      border-bottom-right-radius: $card-border-radius;
    }

    &--top {
      border-top-left-radius: $card-border-radius;
      border-top-right-radius: $card-border-radius;
    }

    &--bottom {
      border-bottom-left-radius: $card-border-radius;
      border-bottom-right-radius: $card-border-radius;
    }
  }
}