@broxus/react-uikit 0.23.2 → 0.24.0

package/dist/assets/column.css

@@ -6,7 +6,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   [class*=uk-column-] {
     column-gap: var(--column-gutter-l);
   }
@@ -30,7 +30,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-column-divider {
     column-gap: calc(var(--column-gutter-l) * 2);
   }
@@ -58,7 +58,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-column-1-2\@s {
     column-count: 2;
   }
@@ -76,7 +76,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-column-1-2\@m {
     column-count: 2;
   }
@@ -94,7 +94,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-column-1-2\@l {
     column-count: 2;
   }
@@ -112,7 +112,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-column-1-2\@xl {
     column-count: 2;
   }
@@ -141,5 +141,4 @@
   --column-gutter-l: var(--global-medium-gutter);
   --column-divider-rule-color: var(--global-border);
   --column-divider-rule-width: 1px;
-  --inverse-column-divider-rule-color: var(--inverse-global-border);
-}
+}

package/dist/assets/comment.css

@@ -62,7 +62,7 @@
 }
 
 /* Tablet and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-comment-list .uk-comment ~ ul {
     padding-left: var(--comment-list-padding-left-m);
   }
@@ -84,4 +84,4 @@
   --comment-list-margin-top: var(--global-large-margin);
   --comment-list-padding-left: 30px;
   --comment-list-padding-left-m: 100px;
-}
+}

package/dist/assets/container.css

@@ -17,14 +17,14 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-container {
     padding-left: var(--container-padding-horizontal-s);
     padding-right: var(--container-padding-horizontal-s);
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-container {
     padding-left: var(--container-padding-horizontal-m);
     padding-right: var(--container-padding-horizontal-m);
@@ -81,7 +81,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-container-expand-left.uk-container-xsmall,
   .uk-container-expand-right.uk-container-xsmall {
     max-width: calc(50% + var(--container-xsmall-max-width) / 2 - var(--container-padding-horizontal-s));
@@ -92,7 +92,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-container-expand-left,
   .uk-container-expand-right {
     max-width: calc(50% + var(--container-max-width) / 2 - var(--container-padding-horizontal-m));
@@ -134,7 +134,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-container-item-padding-remove-left,
   .uk-container-item-padding-remove-right {
     width: calc(100% + var(--container-padding-horizontal-s));
@@ -147,7 +147,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-container-item-padding-remove-left,
   .uk-container-item-padding-remove-right {
     width: calc(100% + var(--container-padding-horizontal-m));
@@ -168,4 +168,4 @@
   --container-padding-horizontal: 15px;
   --container-padding-horizontal-s: var(--global-gutter);
   --container-padding-horizontal-m: var(--global-medium-gutter);
-}
+}

package/dist/assets/control.css

@@ -244,19 +244,4 @@ body:not([dir]) .uk-control:not(.uk-control-rtl) .uk-control-suffix,
   --control-affix-margin: var(--global-small-margin);
   --control-icon-color: var(--global-muted-color);
   --control-icon-hover-color: var(--global-color);
-  --inverse-control-background: rgba(102, 102, 102, 0.1);
-  --inverse-control-border: var(--inverse-global-border);
-  --inverse-control-color: var(--inverse-global-color);
-  --inverse-control-hover-background: rgba(76.5, 76.5, 76.5, 0.1);
-  --inverse-control-hover-border: rgba(244.8, 244.8, 244.8, 0.2);
-  --inverse-control-hover-color: var(--inverse-global-color);
-  --inverse-control-focus-background: rgba(76.5, 76.5, 76.5, 0.1);
-  --inverse-control-focus-border: var(--inverse-control-hover-border);
-  --inverse-control-focus-color: var(--inverse-global-color);
-  --inverse-control-disabled-background: rgba(178.5, 178.5, 178.5, 0.1);
-  --inverse-control-disabled-border: rgba(244.8, 244.8, 244.8, 0.2);
-  --inverse-control-disabled-color: var(--inverse-global-color);
-  --inverse-control-placeholder-color: var(--inverse-global-muted-color);
-  --inverse-control-icon-color: var(--inverse-global-muted-color);
-  --inverse-control-icon-hover-color: var(--inverse-global-color);
-}
+}

package/dist/assets/cover.css

@@ -52,4 +52,4 @@ iframe[data-uk-cover] {
   overflow: hidden;
   /* 2 */
   position: relative;
-}
+}

package/dist/assets/custom-media.css

@@ -0,0 +1,15 @@
+@custom-media --media-breakpoint-2xsmall (width >= 320px);
+@custom-media --media-breakpoint-xsmall (width >= 480px);
+@custom-media --media-breakpoint-small (width >= 640px);
+@custom-media --media-breakpoint-medium (width >= 960px);
+@custom-media --media-breakpoint-large (width >= 1200px);
+@custom-media --media-breakpoint-xlarge (width >= 1600px);
+@custom-media --media-breakpoint-2xlarge (width >= 2560px);
+@custom-media --media-breakpoint-3xlarge (width >= 3440px);
+@custom-media --media-breakpoint-2xsmall-max (width < 319px);
+@custom-media --media-breakpoint-xsmall-max (width < 639px);
+@custom-media --media-breakpoint-small-max (width < 959px);
+@custom-media --media-breakpoint-medium-max (width < 1199px);
+@custom-media --media-breakpoint-large-max (width < 1599px);
+@custom-media --media-breakpoint-xlarge-max (width < 2559px);
+@custom-media --media-breakpoint-2xlarge-max (width < 3439px);

package/dist/assets/datepicker.css

@@ -1,4 +1,5 @@
-/* Picker
+/* ========================================================================
+   Component: Picker
  ========================================================================== */
 [class^=uk-datepicker],
 [class*=" uk-datepicker"],
@@ -575,7 +576,7 @@
   padding: var(--datepicker-gutter);
   position: absolute;
   top: -9999px;
-  z-index: calc(var(--global-z-index) + 30);
+  z-index: var(--datepicker-dropdown-z-index);
 }
 
 .uk-datepicker-dropdown-placement-bottom-left.uk-slide-up-enter.uk-slide-up-enter-active,
@@ -659,4 +660,5 @@
   --datepicker-dropdown-border: var(--global-border);
   --datepicker-dropdown-border-style: var(--global-border-style);
   --datepicker-dropdown-border-width: var(--global-border-width);
-}
+  --datepicker-dropdown-z-index: 1030;
+}

package/dist/assets/description-list.css

@@ -35,5 +35,4 @@
   --description-list-divider-term-margin-top: var(--global-margin);
   --description-list-divider-term-border-width: var(--global-border-width);
   --description-list-divider-term-border: var(--global-border);
-  --inverse-description-list-term-color: var(--inverse-global-emphasis-color);
-}
+}

package/dist/assets/divider.css

@@ -24,6 +24,7 @@
   background-repeat: no-repeat;
   height: var(--divider-icon-height);
   position: relative;
+  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%22rgb(222.13, 222.13, 222.13)%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-divider-icon::before,
@@ -91,8 +92,4 @@
   --divider-vertical-height: 100px;
   --divider-vertical-border-width: var(--global-border-width);
   --divider-vertical-border: var(--global-border);
-  --inverse-divider-icon-color: var(--inverse-global-border);
-  --inverse-divider-icon-line-border: var(--inverse-global-border);
-  --inverse-divider-small-border: var(--inverse-global-border);
-  --inverse-divider-vertical-border: var(--inverse-global-border);
-}
+}

package/dist/assets/dotnav.css

@@ -93,8 +93,4 @@
   --dotnav-item-hover-background: rgba(102, 102, 102, 0.6);
   --dotnav-item-onclick-background: rgba(102, 102, 102, 0.2);
   --dotnav-item-active-background: rgba(102, 102, 102, 0.6);
-  --inverse-dotnav-item-background: rgba(255, 255, 255, 0.5);
-  --inverse-dotnav-item-hover-background: rgba(255, 255, 255, 0.9);
-  --inverse-dotnav-item-onclick-background: rgba(255, 255, 255, 0.5);
-  --inverse-dotnav-item-active-background: rgba(255, 255, 255, 0.9);
-}
+}

package/dist/assets/drawer.css

@@ -559,4 +559,4 @@
   --drawer-transition-duration: var(--transition-medium-fast-duration);
   --drawer-close-position: var(--global-small-margin);
   --drawer-close-padding: 5px;
-}
+}

package/dist/assets/drop.css

@@ -44,4 +44,4 @@
   --drop-margin: var(--global-margin);
   --drop-width: 300px;
   --drop-z-index: calc(var(--global-z-index) + 20);
-}
+}

package/dist/assets/dropdown.css

@@ -107,12 +107,4 @@
   --dropdown-nav-divider-border: var(--global-border);
   --dropdown-nav-sublist-item-color: var(--global-muted-color);
   --dropdown-nav-sublist-item-hover-color: var(--global-color);
-  --inverse-dropdown-background: var(--inverse-global-muted-background);
-  --inverse-dropdown-color: var(--inverse-global-color);
-  --inverse-dropdown-nav-item-color: var(--inverse-global-muted-color);
-  --inverse-dropdown-nav-item-hover-color: var(--inverse-global-color);
-  --inverse-dropdown-nav-header-color: var(--inverse-global-emphasis-color);
-  --inverse-dropdown-nav-divider-border: var(--inverse-global-border);
-  --inverse-dropdown-nav-sublist-item-color: var(--inverse-global-muted-color);
-  --inverse-dropdown-nav-sublist-item-hover-color: var(--inverse-global-color);
-}
+}

package/dist/assets/flex.css

@@ -46,7 +46,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-flex-left\@s {
     justify-content: flex-start;
   }
@@ -64,7 +64,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-flex-left\@m {
     justify-content: flex-start;
   }
@@ -82,7 +82,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-flex-left\@l {
     justify-content: flex-start;
   }
@@ -100,7 +100,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-flex-left\@xl {
     justify-content: flex-start;
   }
@@ -211,7 +211,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-flex-first\@s {
     order: -1;
   }
@@ -247,7 +247,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-flex-first\@m {
     order: -1;
   }
@@ -283,7 +283,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-flex-first\@l {
     order: -1;
   }
@@ -319,7 +319,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-flex-first\@xl {
     order: -1;
   }
@@ -389,4 +389,4 @@
  */
 .uk-flex-fill {
   flex: 1 0 auto;
-}
+}

package/dist/assets/form.css

@@ -375,7 +375,7 @@ input.uk-form-width-xsmall {
  * Horizontal
  */
 /* Tablet portrait and smaller */
-@media (max-width: 959px) {
+@media (--media-breakpoint-small-max) {
   /* Behave like `uk-form-stacked` */
   .uk-form-horizontal .uk-form-label {
     display: block;
@@ -383,7 +383,7 @@ input.uk-form-width-xsmall {
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-form-horizontal .uk-form-label {
     float: left;
     margin-top: var(--form-horizontal-label-margin-top);
@@ -475,12 +475,4 @@ input.uk-form-width-xsmall {
   --form-icon-width: var(--form-height);
   --form-icon-color: var(--global-muted-color);
   --form-icon-hover-color: var(--global-color);
-  --inverse-form-background: var(--inverse-global-muted-background);
-  --inverse-form-color: var(--inverse-global-color);
-  --inverse-form-focus-background: var(--inverse-global-muted-background);
-  --inverse-form-focus-color: var(--inverse-global-color);
-  --inverse-form-placeholder-color: var(--inverse-global-muted-color);
-  --inverse-form-datalist-icon-color: var(--inverse-global-color);
-  --inverse-form-icon-color: var(--inverse-global-muted-color);
-  --inverse-form-icon-hover-color: var(--inverse-global-color);
-}
+}

package/dist/assets/grid.css

@@ -51,7 +51,7 @@
 }
 
 /* Phones portrait and smaller */
-@media (max-width: 639px) {
+@media (--media-breakpoint-xsmall-max) {
   /* Horizontal */
   .uk-grid {
     margin-left: calc(var(--grid-gutter-horizontal-s) * -1);
@@ -67,7 +67,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   /* Horizontal */
   .uk-grid {
     margin-left: calc(var(--grid-gutter-horizontal-m) * -1);
@@ -83,7 +83,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   /* Horizontal */
   .uk-grid {
     margin-left: calc(var(--grid-gutter-horizontal-l) * -1);
@@ -203,7 +203,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   /* Horizontal */
   .uk-grid-large,
   .uk-grid-column-large {
@@ -317,7 +317,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   /* Horizontal */
   .uk-grid-divider {
     margin-left: calc(var(--grid-gutter-horizontal-l) * -2);
@@ -490,7 +490,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   /* Horizontal */
   .uk-grid-divider.uk-grid-large,
   .uk-grid-divider.uk-grid-column-large {
@@ -541,5 +541,4 @@
   --grid-large-gutter-vertical-l: var(--grid-large-gutter-horizontal-l);
   --grid-divider-border-width: var(--global-border-width);
   --grid-divider-border: var(--global-border);
-  --inverse-grid-divider-border: var(--inverse-global-border);
-}
+}

package/dist/assets/heading.css

@@ -27,7 +27,7 @@
 }
 
 /* Tablet Landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-heading-small {
     font-size: var(--heading-small-font-size-m);
   }
@@ -45,7 +45,7 @@
   }
 }
 /* Laptop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-heading-medium {
     font-size: var(--heading-medium-font-size-l);
   }
@@ -169,7 +169,4 @@
   --heading-line-border-width: calc(0.2px + 0.05em);
   --heading-line-border: var(--global-border);
   --heading-line-margin-horizontal: calc(5px + 0.3em);
-  --inverse-heading-divider-border: var(--inverse-global-border);
-  --inverse-heading-bullet-border: var(--inverse-global-border);
-  --inverse-heading-line-border: var(--inverse-global-border);
-}
+}

package/dist/assets/height.css

@@ -60,4 +60,4 @@
   --height-medium-height: 300px;
   --height-large-height: 450px;
   --height-xlarge-height: 600px;
-}
+}

package/dist/assets/icon.css

@@ -176,13 +176,4 @@ button.uk-icon:not(:disabled) {
   --icon-button-hover-color: var(--global-color);
   --icon-button-active-background: rgb(223.2, 223.2, 223.2);
   --icon-button-active-color: var(--global-color);
-  --inverse-icon-link-color: var(--inverse-global-muted-color);
-  --inverse-icon-link-hover-color: var(--inverse-global-color);
-  --inverse-icon-link-active-color: var(--inverse-global-color);
-  --inverse-icon-button-background: var(--inverse-global-muted-background);
-  --inverse-icon-button-color: var(--inverse-global-muted-color);
-  --inverse-icon-button-hover-background: rgba(242.25, 242.25, 242.25, 0.1);
-  --inverse-icon-button-hover-color: var(--inverse-global-color);
-  --inverse-icon-button-active-background: rgba(229.5, 229.5, 229.5, 0.1);
-  --inverse-icon-button-active-color: var(--inverse-global-color);
-}
+}

package/dist/assets/iconnav.css

@@ -77,7 +77,4 @@
   --iconnav-item-color: var(--global-muted-color);
   --iconnav-item-hover-color: var(--global-color);
   --iconnav-item-active-color: var(--global-color);
-  --inverse-iconnav-item-color: var(--inverse-global-muted-color);
-  --inverse-iconnav-item-hover-color: var(--inverse-global-color);
-  --inverse-iconnav-item-active-color: var(--inverse-global-color);
-}
+}

package/dist/assets/input-number.css

@@ -86,4 +86,4 @@
 .uk-control-number.uk-disabled .uk-number-actions,
 .uk-control-number.uk-readonly .uk-number-actions {
   display: none;
-}
+}

package/dist/assets/input-password.css

@@ -21,4 +21,4 @@
 .uk-control-password .uk-control-password.uk-disabled .uk-control-password-icon,
 .uk-control-text .uk-control-password.uk-disabled .uk-control-password-icon {
   display: none;
-}
+}

package/dist/assets/inverse.css

@@ -743,4 +743,4 @@
   --inverse-global-primary-background: #fff;
   --inverse-global-muted-background: rgba(255, 255, 255, 0.1);
   --inverse-global-border: rgba(255, 255, 255, 0.2);
-}
+}

package/dist/assets/label.css

@@ -65,6 +65,4 @@
   --label-warning-color: var(--global-inverse-color);
   --label-danger-background: var(--global-danger-background);
   --label-danger-color: var(--global-inverse-color);
-  --inverse-label-background: var(--inverse-global-primary-background);
-  --inverse-label-color: var(--inverse-global-inverse-color);
-}
+}

package/dist/assets/leader.css

@@ -41,4 +41,4 @@
   --leader-fill-content: ".";
   --leader-fill-margin-left: var(--global-small-gutter);
   --uk-leader-fill-content: var(--leader-fill-content);
-}
+}

package/dist/assets/link.css

@@ -72,8 +72,4 @@ a.uk-link-reset,
   --link-text-hover-color: var(--global-muted-color);
   --link-heading-hover-color: var(--global-primary-background);
   --link-heading-hover-text-decoration: none;
-  --inverse-link-muted-color: var(--inverse-global-muted-color);
-  --inverse-link-muted-hover-color: var(--inverse-global-color);
-  --inverse-link-text-hover-color: var(--inverse-global-muted-color);
-  --inverse-link-heading-hover-color: var(--inverse-global-primary-background);
-}
+}

package/dist/assets/list.css

@@ -201,11 +201,4 @@
   --list-large-divider-margin-top: var(--global-margin);
   --list-large-striped-padding-vertical: var(--global-margin);
   --list-large-striped-padding-horizontal: var(--global-small-margin);
-  --inverse-list-muted-color: var(--inverse-global-muted-color);
-  --inverse-list-emphasis-color: var(--inverse-global-emphasis-color);
-  --inverse-list-primary-color: var(--inverse-global-primary-background);
-  --inverse-list-secondary-color: var(--inverse-global-primary-background);
-  --inverse-list-divider-border: var(--inverse-global-border);
-  --inverse-list-striped-background: var(--inverse-global-muted-background);
-  --inverse-list-bullet-icon-color: var(--inverse-global-color);
-}
+}

package/dist/assets/margin.css

@@ -131,7 +131,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-margin-large {
     margin-bottom: var(--large-margin-l);
   }
@@ -178,7 +178,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-margin-xlarge {
     margin-bottom: var(--xlarge-margin-l);
   }
@@ -227,7 +227,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-margin-auto\@s {
     margin-left: auto !important;
     margin-right: auto !important;
@@ -240,7 +240,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-margin-auto\@m {
     margin-left: auto !important;
     margin-right: auto !important;
@@ -253,7 +253,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-margin-auto\@l {
     margin-left: auto !important;
     margin-right: auto !important;
@@ -266,7 +266,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-margin-auto\@xl {
     margin-left: auto !important;
     margin-right: auto !important;
@@ -315,7 +315,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-margin-remove-left\@s {
     margin-left: 0 !important;
   }
@@ -324,7 +324,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-margin-remove-left\@m {
     margin-left: 0 !important;
   }
@@ -333,7 +333,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-margin-remove-left\@l {
     margin-left: 0 !important;
   }
@@ -342,7 +342,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-margin-remove-left\@xl {
     margin-left: 0 !important;
   }
@@ -359,4 +359,4 @@
   --large-margin-l: var(--global-large-margin);
   --xlarge-margin: var(--global-large-margin);
   --xlarge-margin-l: var(--global-xlarge-margin);
-}
+}

package/dist/assets/marker.css

@@ -22,7 +22,4 @@
   --marker-background: var(--global-secondary-background);
   --marker-color: var(--global-inverse-color);
   --marker-hover-color: var(--global-inverse-color);
-  --inverse-marker-background: var(--global-muted-background);
-  --inverse-marker-color: var(--global-color);
-  --inverse-marker-hover-color: var(--global-color);
-}
+}