radh-ui/dist/radh-ui/p-3212e733.entry.js

Stencil Component Starter

import{r as a,h as r}from"./p-1a9f3501.js";class o{constructor(r){a(this,r)}render(){return r("article",{class:"card"},r("h2",{class:"title content"},r("slot",{name:"title"})),r("div",{class:"image"},r("slot",{name:"image"})),r("p",{class:"description content"},r("slot",{name:"description"})),r("footer",{class:"footer content"},r("slot",{name:"footer"})),r("radh-separator",{class:"separator",color:"var(--radh-nude, red)"}))}}o.style=".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%}";export{o as radh_card}