UNPKG

2.02 kBJavaScriptView Raw
1'use strict';
2
3Object.defineProperty(exports, '__esModule', { value: true });
4
5const core = require('./core-dd01c714.js');
6
7const Card = class {
8 constructor(hostRef) {
9 core.registerInstance(this, hostRef);
10 /**
11 * CSS Classes
12 */
13 this.class = '';
14 }
15 render() {
16 return (core.h("div", { class: {
17 card: true,
18 [this.class]: Boolean(this.class),
19 } }, core.h("slot", null)));
20 }
21 static get style() { return ".card{background-color:#fff;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;position:relative}.card-header{background-color:rgba(0,0,0,0);-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:0 .125em .25em rgba(10,10,10,.1);box-shadow:0 .125em .25em rgba(10,10,10,.1)}.card-header,.card-header-title{display:-ms-flexbox;display:flex}.card-header-title{-ms-flex-align:center;align-items:center;color:#363636;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-header-icon,.card-header-title.is-centered{-ms-flex-pack:center;justify-content:center}.card-header-icon{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;padding:.75rem 1rem}.card-image{display:block;position:relative}.card-content{background-color:rgba(0,0,0,0);padding:1.5rem}.card-footer{background-color:rgba(0,0,0,0);border-top:1px solid #ededed;-ms-flex-align:stretch;align-items:stretch}.card-footer,.card-footer-item{display:-ms-flexbox;display:flex}.card-footer-item{-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;padding:.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}"; }
22};
23
24exports.bm_card = Card;