radh-ui/dist/cjs/radh-card.cjs.entry.js

Stencil Component Starter

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-710e648a.js');

const radhCardCss = ".card{position:relative;padding:calc(var(--size, 8px) * 8) 0;background-color:var(--radh-white, #fff);-webkit-box-shadow:var(--radh-modal-shadow, 0 0 2rem rgba(0, 0, 0, 0.1));box-shadow:var(--radh-modal-shadow, 0 0 2rem rgba(0, 0, 0, 0.1))}.content{padding:0 calc(var(--size, 8px) * 3)}.card .title{font-size:calc(var(--font-size, 14px) * 2.3);font-weight:bold;margin:0}.card .description{font-size:calc(var(--font-size, 14px) * 1.3);margin-top:calc(var(--size, 8px) * 2);margin-bottom:calc(var(--size, 8px) * 8);line-height:1.67}.card .footer{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.card .separator{position:absolute;bottom:0;left:0;width:100%}";

class RadhCard {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("article", { class: "card" }, index.h("h2", { class: "title content" }, index.h("slot", { name: "title" })), index.h("div", { class: "image" }, index.h("slot", { name: "image" })), index.h("p", { class: "description content" }, index.h("slot", { name: "description" })), index.h("footer", { class: "footer content" }, index.h("slot", { name: "footer" })), index.h("radh-separator", { class: "separator", color: "var(--radh-nude, red)" })));
    }
}
RadhCard.style = radhCardCss;

exports.radh_card = RadhCard;