UNPKG

1.48 kBJavaScriptView Raw
1import { r as registerInstance, h, H as Host } from './core-98b1cff0.js';
2var Container = /** @class */ (function () {
3 function Container(hostRef) {
4 registerInstance(this, hostRef);
5 /**
6 * CSS Classes
7 */
8 this.class = '';
9 /**
10 * Fluid container
11 */
12 this.isFluid = false;
13 }
14 Container.prototype.render = function () {
15 var _a;
16 return (h(Host, { class: (_a = {
17 container: true,
18 'is-fluid': this.isFluid
19 },
20 _a[this.breakpoint] = Boolean(this.breakpoint),
21 _a[this.class] = Boolean(this.class),
22 _a) }));
23 };
24 Object.defineProperty(Container, "style", {
25 get: function () { return ".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none;padding-left:32px;padding-right:32px;width:100%}\@media screen and (min-width:1024px){.container{max-width:960px}}\@media screen and (max-width:1215px){.container.is-widescreen{max-width:1152px}}\@media screen and (max-width:1407px){.container.is-fullhd{max-width:1344px}}\@media screen and (min-width:1216px){.container{max-width:1152px}}\@media screen and (min-width:1408px){.container{max-width:1344px}}bm-container{display:block}"; },
26 enumerable: true,
27 configurable: true
28 });
29 return Container;
30}());
31export { Container as bm_container };