UNPKG

flexacore-ui-dev

Version:

Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support

2 lines (1 loc) 9.57 kB
:root{--fc-primary: #000000;--fc-secondary: #333333;--fc-success: #006600;--fc-danger: #cc0000;--fc-warning: #cc6600;--fc-info: #0066cc;--fc-light: #ffffff;--fc-dark: #000000;--fc-background: #ffffff;--fc-surface: #ffffff;--fc-surface-secondary: #f0f0f0;--fc-text: #000000;--fc-text-secondary: #333333;--fc-text-muted: #666666;--fc-text-inverse: #ffffff;--fc-border: #000000;--fc-border-light: #333333;--fc-border-focus: #0066cc;--fc-shadow-small: 2px 2px 0 rgba(0, 0, 0, 0.5);--fc-shadow-base: 4px 4px 0 rgba(0, 0, 0, 0.5);--fc-shadow-large: 6px 6px 0 rgba(0, 0, 0, 0.5);--fc-shadow-inner: inset 2px 2px 0 rgba(0, 0, 0, 0.5);--fc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fc-font-family-serif: Georgia, "Times New Roman", serif;--fc-font-family-mono: "SFMono-Regular", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--fc-font-size-xs: 0.875rem;--fc-font-size-sm: 1rem;--fc-font-size-base: 1.125rem;--fc-font-size-lg: 1.25rem;--fc-font-size-xl: 1.5rem;--fc-font-size-2xl: 1.875rem;--fc-font-size-3xl: 2.25rem;--fc-font-size-4xl: 3rem;--fc-line-height-tight: 1.25;--fc-line-height-normal: 1.5;--fc-line-height-relaxed: 1.75;--fc-font-weight-light: 300;--fc-font-weight-normal: 400;--fc-font-weight-medium: 500;--fc-font-weight-semibold: 600;--fc-font-weight-bold: 700;--fc-font-weight-extrabold: 800;--fc-spacing-xs: 0.5rem;--fc-spacing-sm: 0.75rem;--fc-spacing-md: 1.25rem;--fc-spacing-lg: 2rem;--fc-spacing-xl: 3rem;--fc-spacing-2xl: 4rem;--fc-radius-none: 0;--fc-radius-sm: 0;--fc-radius-base: 0;--fc-radius-md: 0;--fc-radius-lg: 0;--fc-radius-xl: 0;--fc-radius-2xl: 0;--fc-radius-full: 0;--fc-focus-ring: 3px solid #0066cc;--fc-focus-ring-offset: 2px;--fc-transition-fast: 0.1s ease;--fc-transition-base: 0.2s ease;--fc-transition-slow: 0.3s ease}.theme-high-contrast{--fc-primary: #000000;--fc-secondary: #333333;--fc-success: #006600;--fc-danger: #cc0000;--fc-warning: #cc6600;--fc-info: #0066cc;--fc-light: #ffffff;--fc-dark: #000000;--fc-background: #ffffff;--fc-surface: #ffffff;--fc-surface-secondary: #f0f0f0;--fc-text: #000000;--fc-text-secondary: #333333;--fc-text-muted: #666666;--fc-text-inverse: #ffffff;--fc-border: #000000;--fc-border-light: #333333;--fc-border-focus: #0066cc;--fc-shadow-small: 2px 2px 0 rgba(0, 0, 0, 0.5);--fc-shadow-base: 4px 4px 0 rgba(0, 0, 0, 0.5);--fc-shadow-large: 6px 6px 0 rgba(0, 0, 0, 0.5);--fc-shadow-inner: inset 2px 2px 0 rgba(0, 0, 0, 0.5);--fc-font-size-xs: 0.875rem;--fc-font-size-sm: 1rem;--fc-font-size-base: 1.125rem;--fc-font-size-lg: 1.25rem;--fc-font-size-xl: 1.5rem;--fc-font-size-2xl: 1.875rem;--fc-font-size-3xl: 2.25rem;--fc-font-size-4xl: 3rem;--fc-spacing-xs: 0.5rem;--fc-spacing-sm: 0.75rem;--fc-spacing-md: 1.25rem;--fc-spacing-lg: 2rem;--fc-spacing-xl: 3rem;--fc-spacing-2xl: 4rem;--fc-radius-none: 0;--fc-radius-sm: 0;--fc-radius-base: 0;--fc-radius-md: 0;--fc-radius-lg: 0;--fc-radius-xl: 0;--fc-radius-2xl: 0;--fc-radius-full: 0;--fc-focus-ring: 3px solid #0066cc;--fc-focus-ring-offset: 2px}.theme-high-contrast *{border-color:var(--fc-border) !important}.theme-high-contrast body{color:var(--fc-text);background-color:var(--fc-background);font-size:var(--fc-font-size-base);line-height:var(--fc-line-height-normal)}.theme-high-contrast .fc-btn{border:2px solid var(--fc-border);font-weight:var(--fc-font-weight-bold);text-decoration:underline}.theme-high-contrast .fc-btn:focus{outline:var(--fc-focus-ring);outline-offset:var(--fc-focus-ring-offset)}.theme-high-contrast .fc-input,.theme-high-contrast .fc-textarea,.theme-high-contrast .fc-select{border:2px solid var(--fc-border);background-color:var(--fc-surface);color:var(--fc-text)}.theme-high-contrast .fc-input:focus,.theme-high-contrast .fc-textarea:focus,.theme-high-contrast .fc-select:focus{outline:var(--fc-focus-ring);outline-offset:var(--fc-focus-ring-offset);border-color:var(--fc-border-focus)}.theme-high-contrast .fc-card{border:2px solid var(--fc-border);background-color:var(--fc-surface);box-shadow:var(--fc-shadow-base)}.theme-high-contrast .fc-modal{background-color:rgba(0,0,0,.8)}.theme-high-contrast .fc-modal .fc-modal-content{border:3px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-alert{border:2px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-alert.fc-alert-success{border-color:var(--fc-success)}.theme-high-contrast .fc-alert.fc-alert-danger{border-color:var(--fc-danger)}.theme-high-contrast .fc-alert.fc-alert-warning{border-color:var(--fc-warning)}.theme-high-contrast .fc-alert.fc-alert-info{border-color:var(--fc-info)}.theme-high-contrast .fc-badge{border:1px solid var(--fc-border);font-weight:var(--fc-font-weight-bold)}.theme-high-contrast .fc-tab{border:2px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-tab.fc-tab-active{background-color:var(--fc-primary);color:var(--fc-text-inverse);border-color:var(--fc-primary)}.theme-high-contrast .fc-switch{border:2px solid var(--fc-border)}.theme-high-contrast .fc-switch.fc-switch-active{background-color:var(--fc-primary);border-color:var(--fc-primary)}.theme-high-contrast .fc-progress{border:2px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-progress .fc-progress-bar{background-color:var(--fc-primary);border:1px solid var(--fc-border)}.theme-high-contrast .fc-tooltip{border:2px solid var(--fc-border);background-color:var(--fc-surface);color:var(--fc-text);box-shadow:var(--fc-shadow-base)}.theme-high-contrast .fc-toast{border:2px solid var(--fc-border);background-color:var(--fc-surface);color:var(--fc-text);box-shadow:var(--fc-shadow-base)}.theme-high-contrast .fc-table{border:2px solid var(--fc-border)}.theme-high-contrast .fc-table th,.theme-high-contrast .fc-table td{border:1px solid var(--fc-border);padding:var(--fc-spacing-sm)}.theme-high-contrast .fc-table th{background-color:var(--fc-surface-secondary);font-weight:var(--fc-font-weight-bold)}.theme-high-contrast .fc-form-group label{font-weight:var(--fc-font-weight-bold);color:var(--fc-text)}.theme-high-contrast .fc-nav{border:2px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-nav .fc-nav-link{border:1px solid rgba(0,0,0,0)}.theme-high-contrast .fc-nav .fc-nav-link:hover,.theme-high-contrast .fc-nav .fc-nav-link:focus{border-color:var(--fc-border);background-color:var(--fc-surface-secondary)}.theme-high-contrast .fc-nav .fc-nav-link.fc-nav-active{background-color:var(--fc-primary);color:var(--fc-text-inverse);border-color:var(--fc-primary)}.theme-high-contrast .fc-breadcrumb .fc-breadcrumb-item{color:var(--fc-text)}.theme-high-contrast .fc-breadcrumb .fc-breadcrumb-item:not(:last-child)::after{content:">";color:var(--fc-text);margin:0 var(--fc-spacing-xs)}.theme-high-contrast .fc-pagination .fc-page-link{border:2px solid var(--fc-border);background-color:var(--fc-surface);color:var(--fc-text)}.theme-high-contrast .fc-pagination .fc-page-link:hover,.theme-high-contrast .fc-pagination .fc-page-link:focus{background-color:var(--fc-surface-secondary)}.theme-high-contrast .fc-pagination .fc-page-link.fc-page-active{background-color:var(--fc-primary);color:var(--fc-text-inverse);border-color:var(--fc-primary)}.theme-high-contrast .fc-dropdown-menu{border:2px solid var(--fc-border);background-color:var(--fc-surface);box-shadow:var(--fc-shadow-base)}.theme-high-contrast .fc-dropdown-menu .fc-dropdown-item{border:1px solid rgba(0,0,0,0)}.theme-high-contrast .fc-dropdown-menu .fc-dropdown-item:hover,.theme-high-contrast .fc-dropdown-menu .fc-dropdown-item:focus{border-color:var(--fc-border);background-color:var(--fc-surface-secondary)}.theme-high-contrast .fc-skeleton{background-color:var(--fc-surface-secondary);border:1px solid var(--fc-border)}.theme-high-contrast .fc-stepper .fc-step{border:2px solid var(--fc-border);background-color:var(--fc-surface)}.theme-high-contrast .fc-stepper .fc-step.fc-step-active{background-color:var(--fc-primary);color:var(--fc-text-inverse);border-color:var(--fc-primary)}.theme-high-contrast .fc-avatar{border:2px solid var(--fc-border)}.theme-high-contrast .fc-skeleton{background:linear-gradient(90deg, var(--fc-surface-secondary) 25%, var(--fc-surface) 50%, var(--fc-surface-secondary) 75%);border:1px solid var(--fc-border)}.theme-high-contrast a:focus,.theme-high-contrast button:focus,.theme-high-contrast input:focus,.theme-high-contrast textarea:focus,.theme-high-contrast select:focus,.theme-high-contrast [tabindex]:focus{outline:var(--fc-focus-ring);outline-offset:var(--fc-focus-ring-offset)}.theme-high-contrast ::selection{background-color:var(--fc-primary);color:var(--fc-text-inverse)}.theme-high-contrast ::-moz-selection{background-color:var(--fc-primary);color:var(--fc-text-inverse)}.theme-high-contrast ::-webkit-scrollbar{width:16px;height:16px}.theme-high-contrast ::-webkit-scrollbar-track{background-color:var(--fc-surface);border:1px solid var(--fc-border)}.theme-high-contrast ::-webkit-scrollbar-thumb{background-color:var(--fc-primary);border:1px solid var(--fc-border)}.theme-high-contrast ::-webkit-scrollbar-thumb:hover{background-color:var(--fc-secondary)}@media(prefers-reduced-motion: reduce){.theme-high-contrast *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: high){.theme-high-contrast{--fc-border: #000000;--fc-text: #000000;--fc-background: #ffffff}}/*# sourceMappingURL=flexacore-high-contrast.min.css.map */