@vendasta/store
Version:
Components and data for Store
27 lines (26 loc) • 1.71 kB
JavaScript
import { Component, Input } from '@angular/core';
var CardListStencilComponent = /** @class */ (function () {
function CardListStencilComponent() {
this.numCards = 3;
this.cards = [];
}
CardListStencilComponent.prototype.ngOnInit = function () {
for (var n = 0; n < this.numCards; n++) {
this.cards.push(n);
}
};
CardListStencilComponent.decorators = [
{ type: Component, args: [{
selector: 'card-stencil-list',
template: "\n <div class=\"row row-gutters\">\n <div *ngFor=\"let _ of cards\" class=\"col-flex\">\n <card-stencil></card-stencil>\n </div>\n </div>\n ",
styles: ["\n .row {\n display: flex;\n flex-wrap: wrap;\n }\n\n .row + .row-gutters {\n margin-top: 0;\n }\n\n .row-gutters {\n margin-top: -20px;\n margin-left: -20px;\n }\n\n .row-gutters > .col-flex {\n padding-top: 20px;\n padding-left: 20px;\n }\n\n .col-flex {\n position: relative;\n max-width: 100%;\n box-sizing: border-box;\n flex: 0 0 auto;\n width: 100%;\n }\n\n @media screen and (min-width: 480px) {\n .col-flex {\n width: 50%;\n }\n }\n\n @media screen and (min-width: 1200px) {\n\n .col-flex {\n width: 33.333333%;\n }\n }\n\n "]
},] },
];
/** @nocollapse */
CardListStencilComponent.ctorParameters = function () { return []; };
CardListStencilComponent.propDecorators = {
'numCards': [{ type: Input },],
};
return CardListStencilComponent;
}());
export { CardListStencilComponent };