@broxus/react-uikit 0.22.0 → 0.23.1

package/dist/assets/inverse.css

@@ -0,0 +1,746 @@
+/* ========================================================================
+   Component: Inverse
+ ========================================================================== */
+/*
+ * Implemented class depends on the general theme color
+ * `uk-light` is for light colors on dark backgrounds
+ * `uk-dark` is for dark colors on light backgrounds
+ */
+.uk-light {
+  color: var(--inverse-base-color);
+}
+.uk-light a,
+.uk-light .uk-link {
+  color: var(--inverse-base-link-color);
+}
+.uk-light a:hover,
+.uk-light .uk-link:hover,
+.uk-light .uk-link-toggle:hover .uk-link,
+.uk-light .uk-link-toggle:focus .uk-link {
+  color: var(--inverse-base-link-hover-color);
+}
+.uk-light :not(pre) > code,
+.uk-light :not(pre) > kbd,
+.uk-light :not(pre) > samp {
+  color: var(--inverse-base-code-color);
+}
+.uk-light em {
+  color: var(--inverse-base-em-color);
+}
+.uk-light h1,
+.uk-light .uk-h1,
+.uk-light h2,
+.uk-light .uk-h2,
+.uk-light h3,
+.uk-light .uk-h3,
+.uk-light h4,
+.uk-light .uk-h4,
+.uk-light h5,
+.uk-light .uk-h5,
+.uk-light h6,
+.uk-light .uk-h6,
+.uk-light .uk-heading-small,
+.uk-light .uk-heading-medium,
+.uk-light .uk-heading-large,
+.uk-light .uk-heading-xlarge,
+.uk-light .uk-heading-2xlarge {
+  color: var(--inverse-base-heading-color);
+}
+.uk-light hr,
+.uk-light .uk-hr {
+  border-top-color: var(--inverse-base-hr-border);
+}
+.uk-light :focus,
+.uk-light :focus-visible {
+  outline-color: var(--inverse-base-focus-outline);
+}
+.uk-light a.uk-link-muted,
+.uk-light .uk-link-muted a {
+  color: var(--inverse-link-muted-color);
+}
+.uk-light a.uk-link-muted:hover,
+.uk-light .uk-link-muted a:hover,
+.uk-light .uk-link-toggle:hover .uk-link-muted,
+.uk-light .uk-link-toggle:focus .uk-link-muted {
+  color: var(--inverse-link-muted-hover-color);
+}
+.uk-light a.uk-link-text:hover,
+.uk-light .uk-link-text a:hover,
+.uk-light .uk-link-toggle:hover .uk-link-text,
+.uk-light .uk-link-toggle:focus .uk-link-text {
+  color: var(--inverse-link-text-hover-color);
+}
+.uk-light a.uk-link-heading:hover,
+.uk-light .uk-link-heading a:hover,
+.uk-light .uk-link-toggle:hover .uk-link-heading,
+.uk-light .uk-link-toggle:focus .uk-link-heading {
+  color: var(--inverse-link-heading-hover-color);
+}
+.uk-light .uk-heading-divider {
+  border-bottom-color: var(--inverse-heading-divider-border);
+}
+.uk-light .uk-heading-bullet::before {
+  border-left-color: var(--inverse-heading-bullet-border);
+}
+.uk-light .uk-heading-line > ::before,
+.uk-light .uk-heading-line > ::after {
+  border-bottom-color: var(--inverse-heading-line-border);
+}
+.uk-light .uk-description-list > dt {
+  color: var(--inverse-description-list-term-color);
+}
+.uk-light .uk-divider-icon {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba(255, 255, 255, 0.2)%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+.uk-light .uk-divider-icon::before,
+.uk-light .uk-divider-icon::after {
+  border-bottom-color: var(--inverse-divider-icon-line-border);
+}
+.uk-light .uk-divider-small::after {
+  border-top-color: var(--inverse-divider-small-border);
+}
+.uk-light .uk-divider-vertical {
+  border-left-color: var(--inverse-divider-vertical-border);
+}
+.uk-light .uk-list-muted > ::before {
+  color: var(--inverse-list-muted-color) !important;
+}
+.uk-light .uk-list-emphasis > ::before {
+  color: var(--inverse-list-emphasis-color) !important;
+}
+.uk-light .uk-list-primary > ::before {
+  color: var(--inverse-list-primary-color) !important;
+}
+.uk-light .uk-list-secondary > ::before {
+  color: var(--inverse-list-secondary-color) !important;
+}
+.uk-light .uk-list-bullet > ::before {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
+}
+.uk-light .uk-list-divider > :nth-child(n+2) {
+  border-top-color: var(--inverse-list-divider-border);
+}
+.uk-light .uk-list-striped > :nth-of-type(odd) {
+  background-color: var(--inverse-list-striped-background);
+}
+.uk-light .uk-icon-link {
+  color: var(--inverse-icon-link-color);
+}
+.uk-light .uk-icon-link:hover,
+.uk-light .uk-icon-link:focus {
+  color: var(--inverse-icon-link-hover-color);
+}
+.uk-light .uk-icon-link:active,
+.uk-light .uk-active > .uk-icon-link {
+  color: var(--inverse-icon-link-active-color);
+}
+.uk-light .uk-icon-button {
+  background-color: var(--inverse-icon-button-background);
+  color: var(--inverse-icon-button-color);
+}
+.uk-light .uk-icon-button:hover,
+.uk-light .uk-icon-button:focus {
+  background-color: var(--inverse-icon-button-hover-background);
+  color: var(--inverse-icon-button-hover-color);
+}
+.uk-light .uk-icon-button:active {
+  background-color: var(--inverse-icon-button-active-background);
+  color: var(--inverse-icon-button-active-color);
+}
+.uk-light.uk-card-badge {
+  background-color: var(--inverse-card-badge-background);
+  color: var(--inverse-card-badge-color);
+}
+.uk-light .uk-input,
+.uk-light .uk-textarea {
+  background-clip: padding-box;
+  background-color: var(--inverse-form-background);
+  color: var(--inverse-form-color);
+}
+.uk-light .uk-input:focus,
+.uk-light .uk-textarea:focus {
+  background-color: var(--inverse-form-focus-background);
+  color: var(--inverse-form-focus-color);
+}
+.uk-light .uk-input::-ms-input-placeholder {
+  color: var(--inverse-form-placeholder-color) !important;
+}
+.uk-light .uk-input::placeholder {
+  color: var(--inverse-form-placeholder-color);
+}
+.uk-light .uk-textarea::-ms-input-placeholder {
+  color: var(--inverse-form-placeholder-color) !important;
+}
+.uk-light .uk-textarea::placeholder {
+  color: var(--inverse-form-placeholder-color);
+}
+.uk-light .uk-input[list]:hover,
+.uk-light .uk-input[list]:focus {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+.uk-light .uk-form-icon {
+  color: var(--inverse-form-icon-color);
+}
+.uk-light .uk-form-icon:hover {
+  color: var(--inverse-form-icon-hover-color);
+}
+.uk-light .uk-control {
+  background-color: var(--inverse-control-background);
+  border-color: var(--inverse-control-border);
+  color: var(--inverse-control-color);
+}
+.uk-light .uk-control:hover {
+  background-color: var(--inverse-control-hover-background);
+  border-color: var(--inverse-control-hover-border);
+  color: var(--inverse-control-hover-color);
+}
+.uk-light .uk-control:focus-within {
+  background-color: var(--inverse-control-focus-background);
+  border-color: var(--inverse-control-focus-border);
+  color: var(--inverse-control-focus-color);
+}
+.uk-light .uk-control.uk-disabled {
+  background-color: var(--inverse-control-disabled-background);
+  border-color: var(--inverse-control-disabled-border);
+  color: var(--inverse-control-disabled-color);
+}
+.uk-light .uk-control-success,
+.uk-light .uk-control-success:hover,
+.uk-light .uk-control-success:focus-within {
+  border-color: var(--control-success-border);
+  color: var(--control-success-color);
+}
+.uk-light .uk-control-warning,
+.uk-light .uk-control-warning:hover,
+.uk-light .uk-control-warning:focus-within {
+  border-color: var(--control-warning-border);
+  color: var(--control-warning-color);
+}
+.uk-light .uk-control-danger,
+.uk-light .uk-control-danger:hover,
+.uk-light .uk-control-danger:focus-within {
+  border-color: var(--control-danger-border);
+  color: var(--control-danger-color);
+}
+.uk-light .uk-control-blank:focus-within {
+  border-color: var(--control-blank-focus-border);
+}
+.uk-light .uk-button {
+  color: var(--inverse-button-color);
+}
+.uk-light .uk-button-default {
+  background-color: var(--inverse-button-default-background);
+  color: var(--inverse-button-default-color);
+}
+.uk-light .uk-button-default:hover,
+.uk-light .uk-button-default:focus {
+  background-color: var(--inverse-button-default-hover-background);
+  color: var(--inverse-button-default-hover-color);
+}
+.uk-light .uk-button-default:active,
+.uk-light .uk-button-default.uk-active {
+  background-color: var(--inverse-button-default-active-background);
+  color: var(--inverse-button-default-active-color);
+}
+.uk-light .uk-button-primary {
+  background-color: var(--inverse-button-primary-background);
+  color: var(--inverse-button-primary-color);
+}
+.uk-light .uk-button-primary:hover,
+.uk-light .uk-button-primary:focus {
+  background-color: var(--inverse-button-primary-hover-background);
+  color: var(--inverse-button-primary-hover-color);
+}
+.uk-light .uk-button-primary:active,
+.uk-light .uk-button-primary.uk-active {
+  background-color: var(--inverse-button-primary-active-background);
+  color: var(--inverse-button-primary-active-color);
+}
+.uk-light .uk-button-secondary {
+  background-color: var(--inverse-button-secondary-background);
+  color: var(--inverse-button-secondary-color);
+}
+.uk-light .uk-button-secondary:hover,
+.uk-light .uk-button-secondary:focus {
+  background-color: var(--inverse-button-secondary-hover-background);
+  color: var(--inverse-button-secondary-hover-color);
+}
+.uk-light .uk-button-secondary:active,
+.uk-light .uk-button-secondary.uk-active {
+  background-color: var(--inverse-button-secondary-active-background);
+  color: var(--inverse-button-secondary-active-color);
+}
+.uk-light .uk-button-tertiary {
+  background-color: var(--inverse-button-tertiary-background);
+  color: var(--inverse-button-tertiary-color);
+}
+.uk-light .uk-button-tertiary:hover,
+.uk-light .uk-button-tertiary:focus {
+  background-color: var(--inverse-button-tertiary-hover-background);
+  color: var(--inverse-button-tertiary-hover-color);
+}
+.uk-light .uk-button-tertiary:active,
+.uk-light .uk-button-tertiary.uk-active {
+  background-color: var(--inverse-button-tertiary-active-background);
+  color: var(--inverse-button-tertiary-active-color);
+}
+.uk-light .uk-button-danger {
+  background-color: var(--inverse-button-danger-background);
+  color: var(--inverse-button-danger-color);
+}
+.uk-light .uk-button-danger:hover,
+.uk-light .uk-button-danger:focus {
+  background-color: var(--inverse-button-danger-hover-background);
+  color: var(--inverse-button-danger-hover-color);
+}
+.uk-light .uk-button-danger:active,
+.uk-light .uk-button-danger.uk-active {
+  background-color: var(--inverse-button-danger-active-background);
+  color: var(--inverse-button-danger-active-color);
+}
+.uk-light .uk-button-text {
+  color: var(--inverse-button-text-color);
+}
+.uk-light .uk-button-text:hover,
+.uk-light .uk-button-text:focus {
+  color: var(--inverse-button-text-hover-color);
+}
+.uk-light .uk-button-text:disabled {
+  color: var(--inverse-button-text-disabled-color);
+}
+.uk-light .uk-button-link {
+  color: var(--inverse-button-link-color);
+}
+.uk-light .uk-button-link:hover,
+.uk-light .uk-button-link:focus {
+  color: var(--inverse-button-link-hover-color);
+}
+.uk-light .uk-grid-divider > :not(.uk-first-column)::before {
+  border-left-color: var(--inverse-grid-divider-border);
+}
+.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
+  border-top-color: var(--inverse-grid-divider-border);
+}
+.uk-light .uk-close {
+  color: var(--inverse-close-color);
+}
+.uk-light .uk-close:hover,
+.uk-light .uk-close:focus {
+  color: var(--inverse-close-hover-color);
+}
+.uk-light .uk-badge {
+  background-color: var(--inverse-badge-background);
+  color: var(--inverse-badge-color);
+}
+.uk-light .uk-badge:hover,
+.uk-light .uk-badge:focus {
+  color: var(--inverse-badge-hover-color);
+}
+.uk-light .uk-label {
+  background-color: var(--inverse-label-background);
+  color: var(--inverse-label-color);
+}
+.uk-light .uk-article-meta {
+  color: var(--inverse-article-meta-color);
+}
+.uk-light .uk-search-input {
+  color: var(--inverse-search-color);
+}
+.uk-light .uk-search-input:-ms-input-placeholder {
+  color: var(--inverse-search-placeholder-color) !important;
+}
+.uk-light .uk-search-input::placeholder {
+  color: var(--inverse-search-placeholder-color);
+}
+.uk-light .uk-search .uk-search-icon {
+  color: var(--inverse-search-icon-color);
+}
+.uk-light .uk-search .uk-search-icon:hover {
+  color: var(--inverse-search-icon-color);
+}
+.uk-light .uk-search-default .uk-search-input {
+  background-color: var(--inverse-search-default-background);
+}
+.uk-light .uk-search-default .uk-search-input:focus {
+  background-color: var(--inverse-search-default-focus-background);
+}
+.uk-light .uk-search-navbar .uk-search-input {
+  background-color: var(--inverse-search-navbar-background);
+}
+.uk-light .uk-search-large .uk-search-input {
+  background-color: var(--inverse-search-large-background);
+}
+.uk-light .uk-search-toggle {
+  color: var(--inverse-search-toggle-color);
+}
+.uk-light .uk-search-toggle:hover,
+.uk-light .uk-search-toggle:focus {
+  color: var(--inverse-search-toggle-hover-color);
+}
+.uk-light .uk-accordion-title {
+  color: var(--inverse-accordion-title-color);
+}
+.uk-light .uk-accordion-title:hover,
+.uk-light .uk-accordion-title:focus {
+  color: var(--inverse-accordion-title-hover-color);
+}
+.uk-light .uk-accordion-item-disabled {
+  color: var(--inverse-accordion-item-disabled-color);
+}
+.uk-light .uk-dropdown {
+  background: var(--inverse-dropdown-background);
+  color: var(--inverse-dropdown-color);
+}
+.uk-light .uk-dropdown-nav > li > a {
+  color: var(--inverse-dropdown-nav-item-color);
+}
+.uk-light .uk-dropdown-nav > li > a:hover,
+.uk-light .uk-dropdown-nav > li > a:focus,
+.uk-light .uk-dropdown-nav > li.uk-active > a {
+  color: var(--inverse-dropdown-nav-item-hover-color);
+}
+.uk-light .uk-dropdown-nav .uk-nav-header {
+  color: var(--inverse-dropdown-nav-header-color);
+}
+.uk-light .uk-dropdown-nav .uk-nav-divider {
+  border-color: var(--inverse-dropdown-nav-divider-border);
+}
+.uk-light .uk-dropdown-nav .uk-nav-sub a {
+  color: var(--inverse-dropdown-nav-sublist-item-color);
+}
+.uk-light .uk-dropdown-nav .uk-nav-sub a:hover,
+.uk-light .uk-dropdown-nav .uk-nav-sub a:focus,
+.uk-light .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
+  color: var(--inverse-dropdown-nav-sublist-item-hover-color);
+}
+.uk-light .uk-nav-default > li > a {
+  color: var(--inverse-nav-default-item-color);
+}
+.uk-light .uk-nav-default > li > a:hover,
+.uk-light .uk-nav-default > li > a:focus {
+  color: var(--inverse-nav-default-item-hover-color);
+}
+.uk-light .uk-nav-default > li.uk-active > a {
+  color: var(--inverse-nav-default-item-active-color);
+}
+.uk-light .uk-nav-default .uk-nav-header {
+  color: var(--inverse-nav-default-header-color);
+}
+.uk-light .uk-nav-default .uk-nav-divider {
+  border-top-color: var(--inverse-nav-default-divider-border);
+}
+.uk-light .uk-nav-default .uk-nav-sub a {
+  color: var(--inverse-nav-default-sublist-item-color);
+}
+.uk-light .uk-nav-default .uk-nav-sub a:hover,
+.uk-light .uk-nav-default .uk-nav-sub a:focus {
+  color: var(--inverse-nav-default-sublist-item-hover-color);
+}
+.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a {
+  color: var(--inverse-nav-default-sublist-item-active-color);
+}
+.uk-light .uk-nav-primary > li > a {
+  color: var(--inverse-nav-primary-item-color);
+}
+.uk-light .uk-nav-primary > li > a:hover,
+.uk-light .uk-nav-primary > li > a:focus {
+  color: var(--inverse-nav-primary-item-hover-color);
+}
+.uk-light .uk-nav-primary > li.uk-active > a {
+  color: var(--inverse-nav-primary-item-active-color);
+}
+.uk-light .uk-nav-primary .uk-nav-header {
+  color: var(--inverse-nav-primary-header-color);
+}
+.uk-light .uk-nav-primary .uk-nav-divider {
+  border-top-color: var(--inverse-nav-primary-divider-border);
+}
+.uk-light .uk-nav-primary .uk-nav-sub a {
+  color: var(--inverse-nav-primary-sublist-item-color);
+}
+.uk-light .uk-nav-primary .uk-nav-sub a:hover,
+.uk-light .uk-nav-primary .uk-nav-sub a:focus {
+  color: var(--inverse-nav-primary-sublist-item-hover-color);
+}
+.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a {
+  color: var(--inverse-nav-primary-sublist-item-active-color);
+}
+.uk-light .uk-navbar-container:not(.uk-navbar-transparent) {
+  background: var(--inverse-navbar-background);
+}
+.uk-light .uk-navbar-nav > li > a {
+  color: var(--inverse-navbar-nav-item-color);
+}
+.uk-light .uk-navbar-nav > li:hover > a,
+.uk-light .uk-navbar-nav > li > a:focus,
+.uk-light .uk-navbar-nav > li > a.uk-open {
+  color: var(--inverse-navbar-nav-item-hover-color);
+}
+.uk-light .uk-navbar-nav > li > a:active {
+  color: var(--inverse-navbar-nav-item-onclick-color);
+}
+.uk-light .uk-navbar-nav > li.uk-active > a {
+  color: var(--inverse-navbar-nav-item-active-color);
+}
+.uk-light .uk-navbar-item {
+  color: var(--inverse-navbar-item-color);
+}
+.uk-light .uk-navbar-toggle {
+  color: var(--inverse-navbar-toggle-color);
+}
+.uk-light .uk-navbar-toggle:hover,
+.uk-light .uk-navbar-toggle:focus,
+.uk-light .uk-navbar-toggle.uk-open {
+  color: var(--inverse-navbar-toggle-hover-color);
+}
+.uk-light .uk-navbar-dropdown {
+  background: var(--inverse-navbar-dropdown-background);
+  color: var(--inverse-navbar-dropdown-color);
+}
+.uk-light .uk-navbar-dropdown-nav > li > a {
+  color: var(--inverse-navbar-dropdown-nav-item-color);
+}
+.uk-light {
+  /* Hover + Focus */
+}
+.uk-light .uk-navbar-dropdown-nav > li > a:hover,
+.uk-light .uk-navbar-dropdown-nav > li > a:focus {
+  color: var(--inverse-navbar-dropdown-nav-item-hover-color);
+}
+.uk-light {
+  /* Active */
+}
+.uk-light .uk-navbar-dropdown-nav > li.uk-active > a {
+  color: var(--inverse-navbar-dropdown-nav-item-active-color);
+}
+.uk-light {
+  /*
+   * Header
+   */
+}
+.uk-light .uk-navbar-dropdown-nav .uk-nav-header {
+  color: var(--inverse-navbar-dropdown-nav-header-color);
+}
+.uk-light {
+  /*
+   * Divider
+   */
+}
+.uk-light .uk-navbar-dropdown-nav .uk-nav-divider {
+  border-color: var(--inverse-navbar-dropdown-nav-divider-border);
+}
+.uk-light {
+  /*
+   * Sublists
+   */
+}
+.uk-light .uk-navbar-dropdown-nav .uk-nav-sub a {
+  color: var(--inverse-navbar-dropdown-nav-sublist-item-color);
+}
+.uk-light .uk-navbar-dropdown-nav .uk-nav-sub a:hover,
+.uk-light .uk-navbar-dropdown-nav .uk-nav-sub a:focus {
+  color: var(--inverse-navbar-dropdown-nav-sublist-item-hover-color);
+}
+.uk-light .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
+  color: var(--inverse-navbar-dropdown-nav-sublist-item-active-color);
+}
+.uk-light .uk-subnav > * > :first-child {
+  color: var(--inverse-subnav-item-color);
+}
+.uk-light .uk-subnav > * > a:hover,
+.uk-light .uk-subnav > * > a:focus {
+  color: var(--inverse-subnav-item-hover-color);
+}
+.uk-light .uk-subnav > .uk-active > a {
+  color: var(--inverse-subnav-item-active-color);
+}
+.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
+  border-left-color: var(--inverse-subnav-divider-border);
+}
+.uk-light .uk-subnav-pill > * > :first-child {
+  background-color: var(--inverse-subnav-pill-item-background);
+  color: var(--inverse-subnav-pill-item-color);
+}
+.uk-light .uk-subnav-pill > * > a:hover,
+.uk-light .uk-subnav-pill > * > a:focus {
+  background-color: var(--inverse-subnav-pill-item-hover-background);
+  color: var(--inverse-subnav-pill-item-hover-color);
+}
+.uk-light .uk-subnav-pill > * > a:active {
+  background-color: var(--inverse-subnav-pill-item-onclick-background);
+  color: var(--inverse-subnav-pill-item-onclick-color);
+}
+.uk-light .uk-subnav-pill > .uk-active > a {
+  background-color: var(--inverse-subnav-pill-item-active-background);
+  color: var(--inverse-subnav-pill-item-active-color);
+}
+.uk-light .uk-subnav > .uk-disabled > a {
+  color: var(--inverse-subnav-item-disabled-color);
+}
+.uk-light .uk-breadcrumb > * > * {
+  color: var(--inverse-breadcrumb-item-color);
+}
+.uk-light .uk-breadcrumb > * > :hover,
+.uk-light .uk-breadcrumb > * > :focus {
+  color: var(--inverse-breadcrumb-item-hover-color);
+}
+.uk-light .uk-breadcrumb > :last-child > * {
+  color: var(--inverse-breadcrumb-item-active-color);
+}
+.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
+  color: var(--inverse-breadcrumb-divider-color);
+}
+.uk-light .uk-pagination > * > * {
+  color: var(--inverse-pagination-item-color);
+}
+.uk-light .uk-pagination > * > :hover,
+.uk-light .uk-pagination > * > :focus {
+  color: var(--inverse-pagination-item-hover-color);
+}
+.uk-light .uk-pagination > .uk-active > * {
+  color: var(--inverse-pagination-item-active-color);
+}
+.uk-light .uk-pagination > .uk-disabled > * {
+  color: var(--inverse-pagination-item-disabled-color);
+}
+.uk-light .uk-tabs-tab,
+.uk-light .uk-tabs-nav-more,
+.uk-light .uk-tabs-nav-add {
+  color: var(--inverse-tabs-tab-color);
+}
+.uk-light .uk-tabs-tab:not(.uk-tabs-tab-disabled):hover,
+.uk-light .uk-tabs-tab:not(.uk-tabs-tab-disabled):focus,
+.uk-light .uk-tabs-nav-add:hover,
+.uk-light .uk-tabs-nav-add:focus {
+  color: var(--inverse-tabs-tab-hover-color);
+}
+.uk-light .uk-tabs-tab-active:not(.uk-tabs-tab-disabled) {
+  color: var(--inverse-tabs-tab-active-color);
+}
+.uk-light .uk-tabs-tab-disabled {
+  color: var(--inverse-tabs-tab-disabled-color);
+}
+.uk-light .uk-tabs-ink-bar {
+  background: var(--inverse-tabs-ink-bar-color);
+}
+.uk-light .uk-table th {
+  color: var(--inverse-table-header-cell-color);
+}
+.uk-light .uk-table caption {
+  color: var(--inverse-table-caption-color);
+}
+.uk-light .uk-table > tr.uk-active,
+.uk-light .uk-table tbody tr.uk-active {
+  background: var(--inverse-table-row-active-background);
+}
+.uk-light .uk-table-divider > tr:not(:first-child),
+.uk-light .uk-table-divider > :not(:first-child) > tr,
+.uk-light .uk-table-divider > :first-child > tr:not(:first-child) {
+  border-top-color: var(--inverse-table-divider-border);
+}
+.uk-light .uk-table-striped > tr:nth-of-type(odd),
+.uk-light .uk-table-striped tbody tr:nth-of-type(odd) {
+  background: var(--inverse-table-striped-row-background);
+}
+.uk-light .uk-table-hover > tr:hover,
+.uk-light .uk-table-hover tbody tr:hover {
+  background: var(--inverse-table-hover-row-background);
+}
+.uk-light .uk-dotnav > * > * {
+  background-color: var(--inverse-dotnav-item-background);
+}
+.uk-light .uk-dotnav > * > :hover,
+.uk-light .uk-dotnav > * > :focus {
+  background-color: var(--inverse-dotnav-item-hover-background);
+}
+.uk-light .uk-dotnav > * > :active {
+  background-color: var(--inverse-dotnav-item-onclick-background);
+}
+.uk-light .uk-dotnav > .uk-active > * {
+  background-color: var(--inverse-dotnav-item-active-background);
+}
+.uk-light .uk-iconnav > * > a {
+  color: var(--inverse-iconnav-item-color);
+}
+.uk-light .uk-iconnav > * > a:hover,
+.uk-light .uk-iconnav > * > a:focus {
+  color: var(--inverse-iconnav-item-hover-color);
+}
+.uk-light .uk-iconnav > .uk-active > a {
+  color: var(--inverse-iconnav-item-active-color);
+}
+.uk-light .uk-text-lead {
+  color: var(--inverse-text-lead-color);
+}
+.uk-light .uk-text-meta {
+  color: var(--inverse-text-meta-color);
+}
+.uk-light .uk-text-muted {
+  color: var(--inverse-text-muted-color) !important;
+}
+.uk-light .uk-text-emphasis {
+  color: var(--inverse-text-emphasis-color) !important;
+}
+.uk-light .uk-text-primary {
+  color: var(--inverse-text-primary-color) !important;
+}
+.uk-light .uk-text-secondary {
+  color: var(--inverse-text-secondary-color) !important;
+}
+.uk-light .uk-text-tertiary {
+  color: var(--inverse-text-tertiary-color) !important;
+}
+.uk-light .uk-column-divider {
+  column-rule-color: var(--inverse-column-divider-rule-color);
+}
+.uk-light .uk-logo {
+  color: var(--inverse-logo-color);
+}
+.uk-light .uk-logo:hover,
+.uk-light .uk-logo:focus {
+  color: var(--inverse-logo-hover-color);
+}
+.uk-light .uk-logo > :not(.uk-logo-inverse, :only-of-type) {
+  display: none;
+}
+.uk-light .uk-logo-inverse {
+  display: inline;
+}
+.uk-light .uk-marker {
+  background: var(--inverse-marker-background);
+  color: var(--inverse-marker-color);
+}
+.uk-light .uk-marker:hover,
+.uk-light .uk-marker:focus {
+  color: var(--inverse-marker-hover-color);
+}
+
+* {
+  --uk-inverse: initial;
+}
+
+.uk-light {
+  --uk-inverse: light;
+}
+
+.uk-dark {
+  --uk-inverse: dark;
+}
+
+.uk-inverse-light {
+  --uk-inverse: light !important;
+}
+
+.uk-inverse-dark {
+  --uk-inverse: dark !important;
+}
+
+:root {
+  --inverse-global-color: rgba(255, 255, 255, 0.7);
+  --inverse-global-emphasis-color: #fff;
+  --inverse-global-muted-color: rgba(255, 255, 255, 0.5);
+  --inverse-global-inverse-color: #666;
+  --inverse-global-primary-background: #fff;
+  --inverse-global-muted-background: rgba(255, 255, 255, 0.1);
+  --inverse-global-border: rgba(255, 255, 255, 0.2);
+}