UNPKG

@zywave/zui-bundle

Version:

ZUI, out of the box, provides ES modules with bare path modifiers (e.g. `import '@zywave/zui-foo-bar'`). This is great as that's the way browsers are _going_, but they aren't there quite yet. Tooling exists to help solve this problem like webpack or rollu

3 lines (2 loc) 15 kB
html,html.zui{line-height:1.15;box-sizing:border-box;-webkit-text-size-adjust:100%}*,*::before,*::after,*.zui,*.zui::before,*.zui::after{box-sizing:inherit}body,body.zui{margin:0}h1,h1.zui{margin:.67em 0;font-size:2em}hr,hr.zui{height:0;overflow:visible;box-sizing:content-box}pre,pre.zui{font-family:monospace,monospace;font-size:1em}abbr[title],abbr[title].zui{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong,b.zui,strong.zui{font-weight:bold}code,kbd,samp,code.zui,kbd.zui,samp.zui{font-family:monospace,monospace;font-size:1em}small,small.zui{font-size:80%}sub,sup,sub.zui,sup.zui{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub,sub.zui{bottom:-0.25em}sup,sup.zui{top:-0.5em}img,img.zui{border-style:none}button,input,optgroup,select,textarea,button.zui,input.zui,optgroup.zui,select.zui,textarea.zui{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input,button.zui,input.zui{overflow:visible}button,select,button.zui,select.zui{text-transform:none}button,[type=button],[type=reset],[type=submit],button.zui,[type=button].zui,[type=reset].zui,[type=submit].zui{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset,fieldset.zui{padding:.35em .75em .625em}legend,legend.zui{display:table;max-width:100%;padding:0;white-space:normal;color:inherit;box-sizing:border-box}progress,progress.zui{vertical-align:baseline}textarea,textarea.zui{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search],[type=search].zui{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details,details.zui{display:block}summary,summary.zui{display:list-item}[hidden],[hidden].zui,template,template.zui{display:none}html{--zui-aqua-100: #c6f0ee;--zui-aqua-200: #9ee6e1;--zui-aqua-300: #75dbd5;--zui-aqua-400: #4dd1c8;--zui-aqua: #30bbb1;--zui-aqua-500: #30bbb1;--zui-aqua-600: #26928b;--zui-aqua-700: #1b6964;--zui-blue-50: #e5effa;--zui-blue-100: #d0e2f6;--zui-blue-200: #a5c7ee;--zui-blue-300: #79ace6;--zui-blue-400: #4e92df;--zui-blue: #2777d3;--zui-blue-500: #2777d3;--zui-blue-600: #1f5fa8;--zui-blue-700: #17477d;--zui-gray-25: #f9f9fa;--zui-gray-50: #f4f4f6;--zui-gray-100: #e6e6ea;--zui-gray-200: #cbcbd2;--zui-gray-300: #afafbb;--zui-gray-400: #9494a4;--zui-gray: #78788c;--zui-gray-500: #78788c;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-gray-600: #606071;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-gray-700: #494955;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-green-100: #d7efcd;--zui-green-200: #b8e2a6;--zui-green-300: #9ad680;--zui-green-400: #7bc959;--zui-green: #5fb53b;--zui-green-500: #5fb53b;--zui-green-600: #4b8e2e;--zui-green-700: #376822;--zui-orange-100: #fde5d3;--zui-orange-200: #fac7a3;--zui-orange-300: #f8aa72;--zui-orange-400: #f58d42;--zui-orange: #f36f12;--zui-orange-500: #f36f12;--zui-orange-600: #c7590a;--zui-orange-700: #964308;--zui-purple-100: #e0d7ef;--zui-purple-200: #c4b3e0;--zui-purple-300: #a88fd1;--zui-purple-400: #8c6bc2;--zui-purple: #7148b1;--zui-purple-500: #7148b1;--zui-purple-600: #5a3a8d;--zui-purple-700: #432b69;--zui-red-100: #fac9bd;--zui-red-200: #f6a38e;--zui-red-300: #f27c5f;--zui-red-400: #ee562f;--zui-red: #d93912;--zui-red-500: #d93912;--zui-red-600: #aa2d0e;--zui-red-700: #7b200a;--zui-rose-100: #f3cee5;--zui-rose-200: #e9a5cf;--zui-rose-300: #de7cb9;--zui-rose-400: #d454a3;--zui-rose: #c4318c;--zui-rose-500: #c4318c;--zui-rose-600: #9b276e;--zui-rose-700: #721d51;--zui-yellow-100: #fef1d7;--zui-yellow-200: #fee0a5;--zui-yellow-300: #fdcf72;--zui-yellow-400: #fcbd40;--zui-yellow: #fbac0e;--zui-yellow-500: #fbac0e;--zui-yellow-600: #d38e03;--zui-yellow-700: #a16c02;--zui-zywave: var(--zui-green)}body,body.zui{background:var(--zui-shell-background, var(--zui-background, var(--zui-gray-50)));font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.875rem;font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:1.6;line-height:var(--zui-line-height, 1.6);color:var(--zui-gray-800);box-sizing:inherit}small,small.zui{font-size:.75rem}small.xsmall,small.zui.xsmall{font-size:.6875rem}h1,h2,h3,h4,h5,h6,p,ol,ul,dl,blockquote,pre,h1.zui,h2.zui,h3.zui,h4.zui,h5.zui,h6.zui,p.zui,ol.zui,ul.zui,dl.zui,blockquote.zui,pre.zui{margin-top:0}h1,h2,h3,h4,h1.zui,h2.zui,h3.zui,h4.zui{font-weight:600}h1.hero,h1.hero.zui{font-size:2rem;font-weight:300}h1,h1.zui{margin-bottom:1.875rem;font-size:1.625rem}h2,h2.zui{font-size:1.25rem}h3,h3.zui{font-size:1rem}h4,h4.zui{font-size:.875rem;font-weight:700}h5,h5.zui{font-size:.75rem;font-weight:700;text-transform:uppercase}img,img.zui{max-width:100%}::-moz-placeholder{opacity:1;color:var(--zui-gray-300)}::placeholder{color:var(--zui-gray-300)}::-ms-clear{display:none}input,select,input.zui,select.zui{vertical-align:middle}table,table.zui{border-collapse:collapse;border-spacing:0}@supports(scrollbar-width: thin){.zui.skinny-scrollbar{scrollbar-color:var(--zui-gray-400) var(--zui-gray-50);scrollbar-width:thin}}@supports not (scrollbar-width: thin){.zui.skinny-scrollbar::-webkit-scrollbar{width:7px;height:7px;background-color:var(--zui-gray-50)}.zui.skinny-scrollbar::-webkit-scrollbar-thumb{background-color:var(--zui-gray-400);border-radius:10px}}.zui{all:unset}address.zui,article.zui,aside.zui,blockquote.zui,details.zui,dialog.zui,dd.zui,div.zui,dl.zui,dt.zui,fieldset.zui,figcaption.zui,figure.zui,footer.zui,form.zui,h1.zui,h2.zui,h3.zui,h4.zui,h5.zui,h6.zui,header.zui,hgroup.zui,hr.zui,main.zui,nav.zui,ol.zui,p.zui,pre.zui,section.zui,ul.zui{display:block}table.zui{display:table}ol.zui li,ul.zui li{display:list-item}ol.zui li{list-style-type:decimal}ul.zui li{list-style-type:disc}.zui.row{display:flex}.zui.row-inline{display:inline-flex}.zui.column{display:flex;flex-direction:column}.zui.wrap{flex-wrap:wrap}.zui.justify-start{justify-content:flex-start}.zui.justify-center{justify-content:center}.zui.justify-end{justify-content:flex-end}.zui.justify-between{justify-content:space-between}.zui.align-start{align-items:flex-start}.zui.align-center{align-items:center}.zui.align-end{align-items:flex-end}.zui.push-right{margin-left:auto}.zui.push-left{margin-right:auto}.zui.push-center{margin-right:auto;margin-left:auto}.zui.flex-grow{flex-grow:1}.zui.flex-shrink-none{flex-shrink:0}.zui.content-area,.zui-layout,.zui.shell-content-wrapper{padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box;width:100%;max-width:100rem;margin-right:auto;margin-left:auto;background:var(--zui-layout-background, transparent)}@media(min-width: 80em){.zui.content-area,.zui-layout,.zui.shell-content-wrapper{padding:1.875rem}}.zui.content-area.full,.zui.content-area--full,.zui-layout.full,.zui-layout--full,.zui.shell-content-wrapper.full,.zui.shell-content-wrapper--full{padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box;max-width:none}@media(min-width: 80em){.zui.content-area.full,.zui.content-area--full,.zui-layout.full,.zui-layout--full,.zui.shell-content-wrapper.full,.zui.shell-content-wrapper--full{padding:1.875rem}}.zui.content-area.slim,.zui.content-area--slim,.zui-layout.slim,.zui-layout--slim,.zui.shell-content-wrapper.slim,.zui.shell-content-wrapper--slim{padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box;max-width:60rem}@media(min-width: 80em){.zui.content-area.slim,.zui.content-area--slim,.zui-layout.slim,.zui-layout--slim,.zui.shell-content-wrapper.slim,.zui.shell-content-wrapper--slim{padding:1.875rem}}.zui-line-break,.zui.line-break{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid var(--zui-gray-300)}.zui-link,.zui.link{vertical-align:baseline;margin:0;padding:0;font-weight:500;cursor:pointer;color:var(--zui-blue);text-decoration:underline}.zui-link:hover,.zui.link:hover{color:var(--zui-blue-400)}.zui-link:focus,.zui.link:focus{outline:.0625rem solid var(--zui-blue);outline-offset:.25rem;text-decoration:none}.zui-link:active,.zui.link:active{outline:none;color:var(--zui-blue-600);text-decoration:underline}table.zui.table{width:100%;background-color:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.16);border-collapse:collapse;border-spacing:0}table.zui.table thead.sortable th,table.zui.table thead.filterable th{padding:1.03125rem 1.25rem}table.zui.table thead.sortable th.sort,table.zui.table thead.sortable th.filter,table.zui.table thead.filterable th.sort,table.zui.table thead.filterable th.filter{padding-left:.625rem;cursor:pointer}table.zui.table thead.sortable th.sort *,table.zui.table thead.sortable th.filter *,table.zui.table thead.filterable th.sort *,table.zui.table thead.filterable th.filter *{display:flex;align-items:center}table.zui.table thead.sortable th.sort zui-icon,table.zui.table thead.sortable th.filter zui-icon,table.zui.table thead.filterable th.sort zui-icon,table.zui.table thead.filterable th.filter zui-icon{fill:var(--zui-blue)}table.zui.table thead.sortable th.filter zui-icon,table.zui.table thead.filterable th.filter zui-icon{margin-right:.3125rem}table.zui.table th{padding:1.03125rem 1.25rem;background:var(--zui-gray-25);font-weight:600;text-align:left}table.zui.table tr:last-child td{border-bottom:0}table.zui.table td{padding:.75rem 1.25rem;background-color:#fff;border:1px solid var(--zui-gray-200);text-align:left;word-break:break-word}table.zui.table td:first-child{border-left:0}table.zui.table td:last-child{border-right:0}table.zui.table .actions{vertical-align:middle;padding:0 1.25rem;line-height:1}.zui.width-full{width:100%}.zui.width-auto{width:auto}.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.3125rem}.zui.margin-top-s{margin-top:.625rem}.zui.margin-top-m{margin-top:1.25rem}.zui.margin-top-l{margin-top:1.875rem}.zui.margin-top-xl{margin-top:2.5rem}.zui.margin-top-xxl{margin-top:3.125rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.3125rem}.zui.margin-right-s{margin-right:.625rem}.zui.margin-right-m{margin-right:1.25rem}.zui.margin-right-l{margin-right:1.875rem}.zui.margin-right-xl{margin-right:2.5rem}.zui.margin-right-xxl{margin-right:3.125rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.3125rem}.zui.margin-bottom-s{margin-bottom:.625rem}.zui.margin-bottom-m{margin-bottom:1.25rem}.zui.margin-bottom-l{margin-bottom:1.875rem}.zui.margin-bottom-xl{margin-bottom:2.5rem}.zui.margin-bottom-xxl{margin-bottom:3.125rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.3125rem}.zui.margin-left-s{margin-left:.625rem}.zui.margin-left-m{margin-left:1.25rem}.zui.margin-left-l{margin-left:1.875rem}.zui.margin-left-xl{margin-left:2.5rem}.zui.margin-left-xxl{margin-left:3.125rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.3125rem}.zui.padding-s{padding:.625rem}.zui.padding-m{padding:1.25rem}.zui.padding-l{padding:1.875rem}.zui.padding-xl{padding:2.5rem}@media(min-width: 45em){.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.625rem}.zui.margin-top-s{margin-top:1.25rem}.zui.margin-top-m{margin-top:2.5rem}.zui.margin-top-l{margin-top:3.75rem}.zui.margin-top-xl{margin-top:5rem}.zui.margin-top-xxl{margin-top:6.25rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.625rem}.zui.margin-right-s{margin-right:1.25rem}.zui.margin-right-m{margin-right:2.5rem}.zui.margin-right-l{margin-right:3.75rem}.zui.margin-right-xl{margin-right:5rem}.zui.margin-right-xxl{margin-right:6.25rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.625rem}.zui.margin-bottom-s{margin-bottom:1.25rem}.zui.margin-bottom-m{margin-bottom:2.5rem}.zui.margin-bottom-l{margin-bottom:3.75rem}.zui.margin-bottom-xl{margin-bottom:5rem}.zui.margin-bottom-xxl{margin-bottom:6.25rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.625rem}.zui.margin-left-s{margin-left:1.25rem}.zui.margin-left-m{margin-left:2.5rem}.zui.margin-left-l{margin-left:3.75rem}.zui.margin-left-xl{margin-left:5rem}.zui.margin-left-xxl{margin-left:6.25rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.625rem}.zui.padding-s{padding:1.25rem}.zui.padding-m{padding:2.5rem}.zui.padding-l{padding:3.75rem}.zui.padding-xl{padding:5rem}}@media(min-width: 80em){.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.9375rem}.zui.margin-top-s{margin-top:1.875rem}.zui.margin-top-m{margin-top:3.75rem}.zui.margin-top-l{margin-top:5.625rem}.zui.margin-top-xl{margin-top:7.5rem}.zui.margin-top-xxl{margin-top:9.375rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.9375rem}.zui.margin-right-s{margin-right:1.875rem}.zui.margin-right-m{margin-right:3.75rem}.zui.margin-right-l{margin-right:5.625rem}.zui.margin-right-xl{margin-right:7.5rem}.zui.margin-right-xxl{margin-right:9.375rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.9375rem}.zui.margin-bottom-s{margin-bottom:1.875rem}.zui.margin-bottom-m{margin-bottom:3.75rem}.zui.margin-bottom-l{margin-bottom:5.625rem}.zui.margin-bottom-xl{margin-bottom:7.5rem}.zui.margin-bottom-xxl{margin-bottom:9.375rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.9375rem}.zui.margin-left-s{margin-left:1.875rem}.zui.margin-left-m{margin-left:3.75rem}.zui.margin-left-l{margin-left:5.625rem}.zui.margin-left-xl{margin-left:7.5rem}.zui.margin-left-xxl{margin-left:9.375rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.9375rem}.zui.padding-s{padding:1.875rem}.zui.padding-m{padding:3.75rem}.zui.padding-l{padding:5.625rem}.zui.padding-xl{padding:7.5rem}}.zui-xsmall,.zui.font-size-xs{font-size:.6875rem}.zui-small,.zui.font-size-s{font-size:.75rem}.zui.font-size-m{font-size:.875rem}.zui.font-size-l{font-size:1rem}.zui.font-size-xl{font-size:1.125rem}.zui.font-size-xxl{font-size:1.25rem}.zui-light,.zui.font-weight-light{font-weight:300}.zui.font-weight-regular{font-weight:400}.zui-semibold,.zui.font-weight-semibold{font-weight:600}.zui-bold,.zui.font-weight-bold{font-weight:700}.zui.text-align-left{text-align:left}.zui.text-align-center{text-align:center}.zui.text-align-right{text-align:right}.zui.text-break-all{word-break:break-all}.zui.text-break-word{word-wrap:break-word}.zui.text-ellipsis{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zui.text-invalid{color:var(--zui-red)}.zui.text-required::after{content:"*";font-weight:600;color:var(--zui-red)} /*# sourceMappingURL=zui-bundle.app.css.map*/