@uiengine/ui
Version:
UIengine user interface.
1 lines • 7.03 kB
CSS
table[data-v-a103365e]{width:100%}table+table[data-v-a103365e]{margin-top:var(--uie-space-xxl)}.property__name[data-v-a103365e]{font-size:var(--uie-font-size-xs)}.withDescription .property__name[data-v-a103365e]{width:10em}.property__type[data-v-a103365e]{font-size:var(--uie-font-size-xs);width:12em}.property__description[data-v-a103365e]{width:auto}.property__required[data-v-a103365e]{text-align:center;width:4em}.property__default[data-v-a103365e]{width:6em}.preview[data-v-419b93af]{position:relative}.preview__viewports[data-v-419b93af]{overflow:auto;white-space:nowrap}.preview__viewport[data-v-419b93af]{margin-bottom:var(--uie-space-l);vertical-align:top}.preview__viewport--breakpoints[data-v-419b93af],.preview__viewport--viewports[data-v-419b93af]{display:inline-block;overflow:auto}.preview__viewport--viewports+.preview__viewport--viewports[data-v-419b93af]{margin-left:var(--uie-space-xxl)}.preview__viewport--breakpoints[data-v-419b93af]{resize:horizontal;width:100%}.preview__title[data-v-419b93af]{background-color:var(--uie-color-preview-title-bg);border-radius:var(--uie-base-border-radius) var(--uie-base-border-radius) 0 0;color:var(--uie-color-preview-title);display:inline-block;font-size:var(--uie-font-size-xs);padding:var(--uie-space-xs) var(--uie-space-s)}.preview__toggle[data-v-419b93af]{background-color:transparent;cursor:pointer;display:inline-block;font-family:var(--uie-font-family-light)}.preview__options[data-v-419b93af]{margin-bottom:var(--uie-space-l);overflow-x:auto}.preview__options-inner[data-v-419b93af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview__option[data-v-419b93af]{background-color:var(--uie-color-preview-option-bg);border-radius:var(--uie-space-xs);color:var(--uie-color-preview-option-label);cursor:pointer;font-size:var(--uie-font-size-xs);outline:none;padding:var(--uie-space-s);text-align:center}.preview__option-text[data-v-419b93af]{border-bottom:1px solid var(--uie-color-preview-option-border);color:var(--uie-color-preview-option-text);display:block;font-size:var(--uie-font-size-s);margin-bottom:var(--uie-space-xs);min-width:36px;padding-bottom:var(--uie-space-xs)}.preview__option-text-icon[data-v-419b93af]{height:12px;width:12px;fill:currentColor}.preview__option[data-v-419b93af]:active,.preview__option[data-v-419b93af]:focus,.preview__option[data-v-419b93af]:hover{background-color:var(--uie-color-preview-option-bg-hover);color:var(--uie-color-preview-option-text-hover)}.preview__option:active .preview__option-label[data-v-419b93af],.preview__option:focus .preview__option-label[data-v-419b93af],.preview__option:hover .preview__option-label[data-v-419b93af]{color:var(--uie-color-preview-option-label-hover)}.preview__option+.preview__option[data-v-419b93af]{margin-left:var(--uie-space-xs)}.preview__iframe-container[data-v-419b93af]{border:1px solid var(--uie-color-preview-border);-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;padding:var(--uie-preview-padding)}.preview__iframe-container[data-v-419b93af]:first-of-type{border-top-right-radius:var(--uie-base-border-radius)}.preview__iframe-container[data-v-419b93af]:last-of-type{border-bottom-left-radius:var(--uie-base-border-radius);border-bottom-right-radius:var(--uie-base-border-radius)}.preview__iframe-container+.preview__iframe-container[data-v-419b93af]{border-top:0}.preview__theme-title[data-v-419b93af]{font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);padding-bottom:calc(var(--uie-preview-border-width)/2)}.preview__iframe[data-v-419b93af]{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:100%}.code__segment[data-v-c8cd4112]{border:1px solid var(--uie-color-preview-border);border-radius:var(--uie-base-border-radius);overflow:hidden}.code__segment[data-v-c8cd4112]:not(:last-child){margin-bottom:var(--uie-space-l)}.code__segment .code__expandicon[data-v-c8cd4112]{height:24px;width:24px}.code__segment .code__header[data-v-c8cd4112]{background-color:var(--uie-color-code-header-bg);color:var(--uie-color-code-header-text)}.code__segment .code__header[data-v-c8cd4112]:not([aria-expanded=true]):active,.code__segment .code__header[data-v-c8cd4112]:not([aria-expanded=true]):focus,.code__segment .code__header[data-v-c8cd4112]:not([aria-expanded=true]):hover{background-color:var(--uie-color-code-header-bg-hover);color:var(--uie-color-code-header-text-hover)}.code__segment .code__header[aria-expanded=false][data-v-c8cd4112]{background-color:var(--uie-color-code-header-bg-current);color:var(--uie-color-code-header-text-current)}.code__segment .code__header[aria-expanded=false] .code__expandicon[data-v-c8cd4112]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.code__header[data-v-c8cd4112]{background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;color:var(--uie-color-code-header-text);cursor:pointer;justify-content:space-between;padding:var(--uie-space-s) var(--uie-space-m)}.code__header[data-v-c8cd4112]:focus{outline:none}.code__header[aria-expanded=true]+div[data-v-c8cd4112]{border-top:1px solid var(--uie-color-preview-border);position:relative}.code__header[aria-expanded=true]+div .code__copy[data-v-c8cd4112]{position:absolute;right:var(--uie-space-s);top:var(--uie-space-s)}.code__title[data-v-c8cd4112]{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.code__segment+.code__segment .code__header[data-v-c8cd4112]{border-top:0}.code__expandicon[data-v-c8cd4112]{height:24px;-webkit-transition-duration:var(--uie-transition-duration-fast);transition-duration:var(--uie-transition-duration-fast);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:24px;fill:var(--uie-color-code-header-text)}.code__copy[data-v-c8cd4112]{background-color:var(--uie-color-code-header-bg);border:1px solid var(--uie-color-preview-border);border-radius:var(--uie-base-border-radius);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:var(--uie-space-s)}.code__copy[data-v-c8cd4112]:hover{background-color:var(--uie-color-neutral-10)}.code__copy.copied[data-v-c8cd4112]:before{background-color:var(--uie-color-neutral-100);border:1px solid var(--uie-color-preview-border);border-radius:var(--uie-base-border-radius);color:var(--uie-color-neutral-0);content:attr(data-tooltip-text);font-size:var(--uie-font-size-xs);padding:var(--uie-space-xs) var(--uie-space-s);position:absolute;right:calc(100% + var(--uie-space-s));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.code__copy-icon[data-v-c8cd4112]{height:16px;width:16px;fill:var(--uie-color-code-header-text);pointer-events:none}