radh-ui
Version:
Stencil Component Starter
1 lines • 1.29 kB
JavaScript
System.register(["./p-72e8199d.system.js"],(function(t){"use strict";var a,e;return{setters:[function(t){a=t.r;e=t.h}],execute:function(){var r=".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%}";var o=function(){function t(t){a(this,t)}t.prototype.render=function(){return e("article",{class:"card"},e("h2",{class:"title content"},e("slot",{name:"title"})),e("div",{class:"image"},e("slot",{name:"image"})),e("p",{class:"description content"},e("slot",{name:"description"})),e("footer",{class:"footer content"},e("slot",{name:"footer"})),e("radh-separator",{class:"separator",color:"var(--radh-nude, red)"}))};return t}();t("radh_card",o);o.style=r}}}));