@universal-material/web 3.0.7 → 3.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +8 -0
- package/.eleventy.cjs +21 -0
- package/.eslintignore +6 -0
- package/.eslintrc.json +98 -0
- package/.prettierrc.json +7 -0
- package/.vscode/extensions.json +9 -0
- package/CHANGELOG.md +98 -0
- package/LICENSE +28 -0
- package/docs/.nojekyll +0 -0
- package/docs/api/index.html +149 -0
- package/docs/docs.css +185 -0
- package/docs/examples/index.html +75 -0
- package/docs/examples/name-property/index.html +65 -0
- package/docs/index.html +75 -0
- package/docs/install/index.html +53 -0
- package/docs/prism-okaidia.css +123 -0
- package/docs/src/_api-section.pug +27 -0
- package/docs/src/_layout.pug +182 -0
- package/docs/src/components/button-set/alignment.html +29 -0
- package/docs/src/components/button-set/stack.html +5 -0
- package/docs/src/components/button-set/usage.html +35 -0
- package/docs/src/components/button-set.pug +16 -0
- package/docs/src/components/cards/card-media.html +39 -0
- package/docs/src/components/cards/card-with-actions.html +38 -0
- package/docs/src/components/cards/simple-card.html +3 -0
- package/docs/src/components/cards.pug +15 -0
- package/docs/src/components/checkbox/usage.html +33 -0
- package/docs/src/components/checkbox.pug +7 -0
- package/docs/src/components/chips/chip-input.html +73 -0
- package/docs/src/components/chips/default-chips.html +25 -0
- package/docs/src/components/chips/elevated-chips.html +25 -0
- package/docs/src/components/chips/selected-chips.html +50 -0
- package/docs/src/components/chips.pug +16 -0
- package/docs/src/components/common-buttons/anchor-buttons.html +6 -0
- package/docs/src/components/common-buttons/buttons-icons.html +24 -0
- package/docs/src/components/common-buttons/buttons-trailing-icons.html +25 -0
- package/docs/src/components/common-buttons/buttons-variants.html +6 -0
- package/docs/src/components/common-buttons/filled-colors.html +4 -0
- package/docs/src/components/common-buttons.pug +22 -0
- package/docs/src/components/data-tables/simple-table.html +47 -0
- package/docs/src/components/data-tables/table-footer.html +59 -0
- package/docs/src/components/data-tables/table-header.html +43 -0
- package/docs/src/components/data-tables.pug +15 -0
- package/docs/src/components/datepicker.pug +133 -0
- package/docs/src/components/dialogs/example.html +44 -0
- package/docs/src/components/dialogs.pug +19 -0
- package/docs/src/components/dividers/no-margin.html +7 -0
- package/docs/src/components/dividers/usage.html +7 -0
- package/docs/src/components/dividers.pug +13 -0
- package/docs/src/components/dropdown-menus/down-end.html +10 -0
- package/docs/src/components/dropdown-menus/down-left.html +10 -0
- package/docs/src/components/dropdown-menus/down-right.html +10 -0
- package/docs/src/components/dropdown-menus/down-start.html +10 -0
- package/docs/src/components/dropdown-menus/down.html +10 -0
- package/docs/src/components/dropdown-menus/up-end.html +10 -0
- package/docs/src/components/dropdown-menus/up-left.html +10 -0
- package/docs/src/components/dropdown-menus/up-right.html +10 -0
- package/docs/src/components/dropdown-menus/up-start.html +10 -0
- package/docs/src/components/dropdown-menus/up.html +10 -0
- package/docs/src/components/expansion-panel.pug +33 -0
- package/docs/src/components/fab/button-colors.html +18 -0
- package/docs/src/components/fab/button-sizes.html +11 -0
- package/docs/src/components/fab/extended-buttons.html +18 -0
- package/docs/src/components/fab/floating-action-area.html +5 -0
- package/docs/src/components/fab/floating-menu.html +10 -0
- package/docs/src/components/fab/lowered-buttons.html +6 -0
- package/docs/src/components/fab.pug +25 -0
- package/docs/src/components/icon-buttons/anchor-buttons.html +15 -0
- package/docs/src/components/icon-buttons/buttons-variants.html +15 -0
- package/docs/src/components/icon-buttons/toggle-buttons-manual.html +44 -0
- package/docs/src/components/icon-buttons/toggle-buttons.html +48 -0
- package/docs/src/components/icon-buttons.pug +18 -0
- package/docs/src/components/lists/list-avatars.html +14 -0
- package/docs/src/components/lists/list-custom-dividers.html +23 -0
- package/docs/src/components/lists/list-dividers.html +17 -0
- package/docs/src/components/lists/list-dynamic.html +26 -0
- package/docs/src/components/lists/list-hover.html +17 -0
- package/docs/src/components/lists/list-icons.html +17 -0
- package/docs/src/components/lists/list-indexed.html +123 -0
- package/docs/src/components/lists/list-sections.html +16 -0
- package/docs/src/components/lists/list-three-lines.html +20 -0
- package/docs/src/components/lists/list-two-lines.html +20 -0
- package/docs/src/components/lists/list-with-action.html +26 -0
- package/docs/src/components/lists/list-with-activated-item.html +17 -0
- package/docs/src/components/lists/simple-list.html +17 -0
- package/docs/src/components/lists.pug +94 -0
- package/docs/src/components/menus.pug +55 -0
- package/docs/src/components/progress/circular-progress.html +13 -0
- package/docs/src/components/progress/determinate-progress.html +3 -0
- package/docs/src/components/progress/indeterminate-progress.html +3 -0
- package/docs/src/components/progress/progress-color.html +3 -0
- package/docs/src/components/progress.pug +18 -0
- package/docs/src/components/ripple/usage.html +9 -0
- package/docs/src/components/ripple.pug +10 -0
- package/docs/src/components/selection-controls/checkbox.html +22 -0
- package/docs/src/components/selection-controls/radio-button.html +36 -0
- package/docs/src/components/selection-controls/switch.html +12 -0
- package/docs/src/components/selection-controls.pug +13 -0
- package/docs/src/components/sliders/example.html +42 -0
- package/docs/src/components/sliders.pug +7 -0
- package/docs/src/components/snackbar/example.html +35 -0
- package/docs/src/components/snackbars.pug +21 -0
- package/docs/src/components/steppers.pug +57 -0
- package/docs/src/components/tabs/example.html +45 -0
- package/docs/src/components/tabs.pug +8 -0
- package/docs/src/components/text-fields.pug +88 -0
- package/docs/src/components/toolbars/simple-toolbar.html +33 -0
- package/docs/src/components/toolbars.pug +7 -0
- package/docs/src/content/typography/example.html +15 -0
- package/docs/src/content/typography.pug +8 -0
- package/docs/src/css/docs.scss +189 -0
- package/docs/src/index.pug +10 -0
- package/docs/src/js/docs.js +161 -0
- package/docs/src/js/universal-material.js +757 -0
- package/docs/src/js/universal-material.js.map +1 -0
- package/docs/src/js/universal-material.min.js +17 -0
- package/docs/src/js/universal-material.min.js.map +1 -0
- package/docs/src/layout/grid.pug +15 -0
- package/docs/src/utilities/background-colors/common-colors.html +7 -0
- package/docs/src/utilities/background-colors/theme-colors.html +16 -0
- package/docs/src/utilities/background-colors.pug +10 -0
- package/docs/src/utilities/text-and-background-colors/common-colors.html +80 -0
- package/docs/src/utilities/text-and-background-colors/theme-colors.html +208 -0
- package/docs/src/utilities/text-and-background-colors.pug +10 -0
- package/docs/src/utilities/text-colors/common-colors.html +12 -0
- package/docs/src/utilities/text-colors/emphasis-colors.html +26 -0
- package/docs/src/utilities/text-colors/theme-colors.html +37 -0
- package/docs/src/utilities/text-colors.pug +13 -0
- package/gulpfile.js +225 -0
- package/index.html +11 -0
- package/package.json +1 -1
- package/rollup.config.js +42 -0
- package/src/_utils.scss +20 -0
- package/src/_variables.scss +68 -0
- package/src/button/button-base.styles.scss +75 -0
- package/src/button/button-base.ts +147 -0
- package/src/button/button-set.styles.scss +35 -0
- package/src/button/button-set.ts +33 -0
- package/src/button/button.styles.scss +97 -0
- package/src/button/button.ts +64 -0
- package/src/button/fab.styles.scss +90 -0
- package/src/button/fab.ts +55 -0
- package/src/button/icon-button.styles.scss +74 -0
- package/src/button/icon-button.ts +72 -0
- package/src/card/card-content.styles.scss +11 -0
- package/src/card/card-content.ts +45 -0
- package/src/card/card-media.styles.scss +9 -0
- package/src/card/card-media.ts +24 -0
- package/src/card/card.styles.scss +27 -0
- package/src/card/card.ts +37 -0
- package/src/checkbox/checkbox.ts +77 -0
- package/src/container/container.styles.scss +39 -0
- package/src/container/container.ts +24 -0
- package/src/divider/divider.styles.scss +13 -0
- package/src/divider/divider.ts +21 -0
- package/src/elevation/elevation.styles.scss +31 -0
- package/src/elevation/elevation.ts +17 -0
- package/{index.js → src/index.ts} +1 -1
- package/src/ripple/ripple.styles.scss +80 -0
- package/src/ripple/ripple.ts +150 -0
- package/src/shared/base.styles.scss +5 -0
- package/src/table/table-body.styles.scss +9 -0
- package/src/table/table-body.ts +21 -0
- package/src/table/table-cell.styles.scss +9 -0
- package/src/table/table-cell.ts +21 -0
- package/src/table/table-head.styles.scss +9 -0
- package/src/table/table-head.ts +21 -0
- package/src/table/table-header-cell.styles.scss +10 -0
- package/src/table/table-header-cell.ts +21 -0
- package/src/table/table-row.styles.scss +3 -0
- package/src/table/table-row.ts +21 -0
- package/src/table/table.styles.scss +12 -0
- package/{table/table.js → src/table/table.ts} +15 -6
- package/src/theme/color.ts +6 -0
- package/src/theme/css-var-builder.ts +36 -0
- package/{theme/index.js → src/theme/index.ts} +0 -1
- package/src/theme/neutral-colors.ts +21 -0
- package/src/theme/rgb-color.ts +19 -0
- package/src/theme/theme-builder.ts +201 -0
- package/{theme/theme-color.d.ts → src/theme/theme-color.ts} +3 -2
- package/tsconfig.json +36 -0
- package/web-dev-server.config.js +25 -0
- package/web-test-runner.config.js +120 -0
- package/button/button-base.d.ts +0 -43
- package/button/button-base.d.ts.map +0 -1
- package/button/button-base.js +0 -152
- package/button/button-base.js.map +0 -1
- package/button/button-base.styles.d.ts +0 -2
- package/button/button-base.styles.d.ts.map +0 -1
- package/button/button-base.styles.js +0 -75
- package/button/button-base.styles.js.map +0 -1
- package/button/button-set.d.ts +0 -20
- package/button/button-set.d.ts.map +0 -1
- package/button/button-set.js +0 -38
- package/button/button-set.js.map +0 -1
- package/button/button-set.styles.d.ts +0 -2
- package/button/button-set.styles.d.ts.map +0 -1
- package/button/button-set.styles.js +0 -39
- package/button/button-set.styles.js.map +0 -1
- package/button/button.d.ts +0 -34
- package/button/button.d.ts.map +0 -1
- package/button/button.js +0 -64
- package/button/button.js.map +0 -1
- package/button/button.styles.d.ts +0 -2
- package/button/button.styles.d.ts.map +0 -1
- package/button/button.styles.js +0 -94
- package/button/button.styles.js.map +0 -1
- package/button/fab.d.ts +0 -31
- package/button/fab.d.ts.map +0 -1
- package/button/fab.js +0 -63
- package/button/fab.js.map +0 -1
- package/button/fab.styles.d.ts +0 -2
- package/button/fab.styles.d.ts.map +0 -1
- package/button/fab.styles.js +0 -89
- package/button/fab.styles.js.map +0 -1
- package/button/icon-button.d.ts +0 -35
- package/button/icon-button.d.ts.map +0 -1
- package/button/icon-button.js +0 -79
- package/button/icon-button.js.map +0 -1
- package/button/icon-button.styles.d.ts +0 -2
- package/button/icon-button.styles.d.ts.map +0 -1
- package/button/icon-button.styles.js +0 -70
- package/button/icon-button.styles.js.map +0 -1
- package/card/card-content.d.ts +0 -13
- package/card/card-content.d.ts.map +0 -1
- package/card/card-content.js +0 -44
- package/card/card-content.js.map +0 -1
- package/card/card-content.styles.d.ts +0 -2
- package/card/card-content.styles.d.ts.map +0 -1
- package/card/card-content.styles.js +0 -15
- package/card/card-content.styles.js.map +0 -1
- package/card/card-media.d.ts +0 -12
- package/card/card-media.d.ts.map +0 -1
- package/card/card-media.js +0 -29
- package/card/card-media.js.map +0 -1
- package/card/card-media.styles.d.ts +0 -2
- package/card/card-media.styles.d.ts.map +0 -1
- package/card/card-media.styles.js +0 -13
- package/card/card-media.styles.js.map +0 -1
- package/card/card.d.ts +0 -19
- package/card/card.d.ts.map +0 -1
- package/card/card.js +0 -40
- package/card/card.js.map +0 -1
- package/card/card.styles.d.ts +0 -2
- package/card/card.styles.d.ts.map +0 -1
- package/card/card.styles.js +0 -28
- package/card/card.styles.js.map +0 -1
- package/checkbox/checkbox.d.ts +0 -16
- package/checkbox/checkbox.d.ts.map +0 -1
- package/checkbox/checkbox.js +0 -75
- package/checkbox/checkbox.js.map +0 -1
- package/container/container.d.ts +0 -13
- package/container/container.d.ts.map +0 -1
- package/container/container.js +0 -23
- package/container/container.js.map +0 -1
- package/container/container.styles.d.ts +0 -2
- package/container/container.styles.d.ts.map +0 -1
- package/container/container.styles.js +0 -43
- package/container/container.styles.js.map +0 -1
- package/custom-elements.json +0 -3706
- package/divider/divider.d.ts +0 -14
- package/divider/divider.d.ts.map +0 -1
- package/divider/divider.js +0 -27
- package/divider/divider.js.map +0 -1
- package/divider/divider.styles.d.ts +0 -2
- package/divider/divider.styles.d.ts.map +0 -1
- package/divider/divider.styles.js +0 -15
- package/divider/divider.styles.js.map +0 -1
- package/elevation/elevation.d.ts +0 -11
- package/elevation/elevation.d.ts.map +0 -1
- package/elevation/elevation.js +0 -21
- package/elevation/elevation.js.map +0 -1
- package/elevation/elevation.styles.d.ts +0 -2
- package/elevation/elevation.styles.d.ts.map +0 -1
- package/elevation/elevation.styles.js +0 -28
- package/elevation/elevation.styles.js.map +0 -1
- package/index.d.ts +0 -27
- package/index.d.ts.map +0 -1
- package/index.js.map +0 -1
- package/ripple/ripple.d.ts +0 -25
- package/ripple/ripple.d.ts.map +0 -1
- package/ripple/ripple.js +0 -119
- package/ripple/ripple.js.map +0 -1
- package/ripple/ripple.styles.d.ts +0 -2
- package/ripple/ripple.styles.d.ts.map +0 -1
- package/ripple/ripple.styles.js +0 -74
- package/ripple/ripple.styles.js.map +0 -1
- package/shared/base.styles.d.ts +0 -2
- package/shared/base.styles.d.ts.map +0 -1
- package/shared/base.styles.js +0 -9
- package/shared/base.styles.js.map +0 -1
- package/table/table-body.d.ts +0 -11
- package/table/table-body.d.ts.map +0 -1
- package/table/table-body.js +0 -21
- package/table/table-body.js.map +0 -1
- package/table/table-body.styles.d.ts +0 -2
- package/table/table-body.styles.d.ts.map +0 -1
- package/table/table-body.styles.js +0 -11
- package/table/table-body.styles.js.map +0 -1
- package/table/table-cell.d.ts +0 -11
- package/table/table-cell.d.ts.map +0 -1
- package/table/table-cell.js +0 -21
- package/table/table-cell.js.map +0 -1
- package/table/table-cell.styles.d.ts +0 -2
- package/table/table-cell.styles.d.ts.map +0 -1
- package/table/table-cell.styles.js +0 -11
- package/table/table-cell.styles.js.map +0 -1
- package/table/table-head.d.ts +0 -11
- package/table/table-head.d.ts.map +0 -1
- package/table/table-head.js +0 -21
- package/table/table-head.js.map +0 -1
- package/table/table-head.styles.d.ts +0 -2
- package/table/table-head.styles.d.ts.map +0 -1
- package/table/table-head.styles.js +0 -11
- package/table/table-head.styles.js.map +0 -1
- package/table/table-header-cell.d.ts +0 -11
- package/table/table-header-cell.d.ts.map +0 -1
- package/table/table-header-cell.js +0 -21
- package/table/table-header-cell.js.map +0 -1
- package/table/table-header-cell.styles.d.ts +0 -2
- package/table/table-header-cell.styles.d.ts.map +0 -1
- package/table/table-header-cell.styles.js +0 -12
- package/table/table-header-cell.styles.js.map +0 -1
- package/table/table-row.d.ts +0 -11
- package/table/table-row.d.ts.map +0 -1
- package/table/table-row.js +0 -21
- package/table/table-row.js.map +0 -1
- package/table/table-row.styles.d.ts +0 -2
- package/table/table-row.styles.d.ts.map +0 -1
- package/table/table-row.styles.js +0 -7
- package/table/table-row.styles.js.map +0 -1
- package/table/table.d.ts +0 -16
- package/table/table.d.ts.map +0 -1
- package/table/table.js.map +0 -1
- package/table/table.styles.d.ts +0 -2
- package/table/table.styles.d.ts.map +0 -1
- package/table/table.styles.js +0 -16
- package/table/table.styles.js.map +0 -1
- package/theme/color.d.ts +0 -7
- package/theme/color.d.ts.map +0 -1
- package/theme/color.js +0 -2
- package/theme/color.js.map +0 -1
- package/theme/css-var-builder.d.ts +0 -9
- package/theme/css-var-builder.d.ts.map +0 -1
- package/theme/css-var-builder.js +0 -25
- package/theme/css-var-builder.js.map +0 -1
- package/theme/index.d.ts +0 -2
- package/theme/index.d.ts.map +0 -1
- package/theme/index.js.map +0 -1
- package/theme/neutral-colors.d.ts +0 -4
- package/theme/neutral-colors.d.ts.map +0 -1
- package/theme/neutral-colors.js +0 -19
- package/theme/neutral-colors.js.map +0 -1
- package/theme/rgb-color.d.ts +0 -9
- package/theme/rgb-color.d.ts.map +0 -1
- package/theme/rgb-color.js +0 -13
- package/theme/rgb-color.js.map +0 -1
- package/theme/theme-builder.d.ts +0 -27
- package/theme/theme-builder.d.ts.map +0 -1
- package/theme/theme-builder.js +0 -146
- package/theme/theme-builder.js.map +0 -1
- package/theme/theme-color.d.ts.map +0 -1
- package/theme/theme-color.js +0 -2
- package/theme/theme-color.js.map +0 -1
package/container/container.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement } from 'lit';
|
|
8
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
-
import { styles } from './container.styles.js';
|
|
10
|
-
let UmContainer = class UmContainer extends LitElement {
|
|
11
|
-
render() {
|
|
12
|
-
return html `<slot></slot>`;
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
UmContainer.styles = styles;
|
|
16
|
-
__decorate([
|
|
17
|
-
property({ reflect: true })
|
|
18
|
-
], UmContainer.prototype, "margin", void 0);
|
|
19
|
-
UmContainer = __decorate([
|
|
20
|
-
customElement('u-container')
|
|
21
|
-
], UmContainer);
|
|
22
|
-
export { UmContainer };
|
|
23
|
-
//# sourceMappingURL=container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKxC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAMhC,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AANe,kBAAM,GAAG,MAAM,AAAT,CAAU;AAEL;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAoC;AAJnD,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CASvB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './container.styles.js';\n\nexport type UmSpacingSizes = 'none' | 'small' | 'medium ' | 'large' | 'extra-large';\n\n@customElement('u-container')\nexport class UmContainer extends LitElement {\n\n static override styles = styles;\n\n @property({reflect: true}) margin: UmSpacingSizes | undefined;\n\n override render(): HTMLTemplateResult {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-container': UmContainer;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../src/container/container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwClB,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
--_grid-spacing-small: var(--u-spacing-sm, 8px);
|
|
5
|
-
--_grid-spacing-medium: var(--u-spacing-md, 16px);
|
|
6
|
-
--_grid-spacing-large: var(--u-spacing-lg, 24px);
|
|
7
|
-
--_grid-spacing-extra-large: var(--u-spacing-xl, 40px);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
:host([margin=none]) {
|
|
11
|
-
--_container-margin: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
:host([margin=small]) {
|
|
15
|
-
--_container-margin: var(--u-container-margin, var(--_grid-spacing-small));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:host([margin=medium]) {
|
|
19
|
-
--_container-margin: var(--u-container-margin, var(--_grid-spacing-medium));
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:host([margin=large]) {
|
|
23
|
-
--_container-margin: var(--u-container-margin, var(--_grid-spacing-large));
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
:host([margin=extra-large]) {
|
|
27
|
-
--_container-margin: var(--u-container-margin, var(--_grid-spacing-extra-large));
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:host {
|
|
31
|
-
display: block;
|
|
32
|
-
width: 100%;
|
|
33
|
-
max-width: var(--u-container-max-width, 992px);
|
|
34
|
-
margin-inline: auto;
|
|
35
|
-
padding: var(--_container-margin, var(--_grid-spacing-medium));
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:host::after {
|
|
39
|
-
content: "";
|
|
40
|
-
display: block;
|
|
41
|
-
}
|
|
42
|
-
`;
|
|
43
|
-
//# sourceMappingURL=container.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../src/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_grid-spacing-small: var(--u-spacing-sm, 8px);\n --_grid-spacing-medium: var(--u-spacing-md, 16px);\n --_grid-spacing-large: var(--u-spacing-lg, 24px);\n --_grid-spacing-extra-large: var(--u-spacing-xl, 40px);\n }\n\n :host([margin=none]) {\n --_container-margin: 0;\n }\n\n :host([margin=small]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-small));\n }\n\n :host([margin=medium]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-medium));\n }\n\n :host([margin=large]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-large));\n }\n\n :host([margin=extra-large]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-extra-large));\n }\n\n :host {\n display: block;\n width: 100%;\n max-width: var(--u-container-max-width, 992px);\n margin-inline: auto;\n padding: var(--_container-margin, var(--_grid-spacing-medium));\n }\n\n :host::after {\n content: \"\";\n display: block;\n }\n`;\n"]}
|