@import "../../themes/liberty.globals";
@import "card-title.vars";

// Card Title
// --------------------------------------------------

:host {
    /**
     * @prop --color: Color of the card title
     */
    --color: #{$card-title-text-color};

    @include margin($card-title-margin-top, $card-title-margin-end, $card-title-margin-bottom, $card-title-margin-start);
    @include padding($card-title-padding-top, $card-title-padding-end, $card-title-padding-bottom, $card-title-padding-start);

    display: block;
    position: relative;

    color: var(--color);

    font-size: $card-title-font-size;
    font-weight: 500;

    line-height: 1.2;
}

:host(.lu-color) {
    color: #{current-color(base)};
}