Production release May 2024 [EXPLORE] #13
|
@ -1,12 +1,12 @@
|
||||||
.set-blur-background(@color: @base-body-background, @opacity: 80%) {
|
.set-blur-background(@color: @base-body-background, @opacity: 80%, @blur: saturate(180%) blur(20px)) {
|
||||||
&.uk-blur-background, .uk-blur-background {
|
&.uk-blur-background, .uk-blur-background {
|
||||||
background: fade(@color, 99%);
|
background: fade(@color, 99%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
||||||
&.uk-blur-background, .uk-blur-background {
|
&.uk-blur-background, .uk-blur-background {
|
||||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
-webkit-backdrop-filter: @blur;
|
||||||
backdrop-filter: saturate(180%) blur(20px);
|
backdrop-filter: @blur;
|
||||||
background: fade(@color, @opacity) !important;
|
background: fade(@color, @opacity) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
/* Pills alt*/
|
/* Pills alt*/
|
||||||
@subnav-pill-alt-item-padding-vertical: 10px;
|
@subnav-pill-alt-item-padding-vertical: 10px;
|
||||||
@subnav-pill-alt-item-padding-horizontal: 20px;
|
@subnav-pill-alt-item-padding-horizontal: 20px;
|
||||||
@subnav-pill-alt-item-border-radius: 24px;
|
@subnav-pill-alt-item-border-radius: @global-xlarge-border-radius;
|
||||||
@subnav-pill-alt-item-color: @global-color;
|
@subnav-pill-alt-item-color: @global-color;
|
||||||
@subnav-pill-alt-item-hover-color: @global-secondary-background;
|
@subnav-pill-alt-item-hover-color: @global-secondary-background;
|
||||||
@subnav-pill-alt-item-active-font-weight: 600;
|
@subnav-pill-alt-item-active-font-weight: 600;
|
||||||
|
@ -73,12 +73,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inverse */
|
|
||||||
@inverse-subnav-pill-alt-box-shadow: @inverse-global-large-box-shadow;
|
|
||||||
|
|
||||||
.hook-inverse-misc() {
|
|
||||||
.uk-subnav.uk-subnav-pill-alt {
|
|
||||||
box-shadow: @inverse-subnav-pill-alt-box-shadow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
@dropcap-font-size: @global-line-height * 3;
|
@dropcap-font-size: @global-line-height * 3;
|
||||||
@border-rounded-border-radius: @global-border-radius;
|
@border-rounded-border-radius: @global-border-radius;
|
||||||
@border-rounded-small-border-radius: @global-small-border-radius;
|
@border-rounded-small-border-radius: @global-small-border-radius;
|
||||||
|
@border-rounded-xlarge-border-radius: @global-xlarge-border-radius;
|
||||||
|
|
||||||
|
|
||||||
@border-width: @global-border-width;
|
@border-width: @global-border-width;
|
||||||
@border-color: @global-border;
|
@border-color: @global-border;
|
||||||
|
@ -49,6 +51,10 @@
|
||||||
.uk-border-rounded-small {
|
.uk-border-rounded-small {
|
||||||
border-radius: @border-rounded-small-border-radius;
|
border-radius: @border-rounded-small-border-radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.uk-border-rounded-xlarge {
|
||||||
|
border-radius: @border-rounded-xlarge-border-radius;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inverse */
|
/* Inverse */
|
||||||
|
|
|
@ -36,6 +36,7 @@
|
||||||
@global-border: @muted-color;
|
@global-border: @muted-color;
|
||||||
@global-border-radius: 6px;
|
@global-border-radius: 6px;
|
||||||
@global-small-border-radius: 4px;
|
@global-small-border-radius: 4px;
|
||||||
|
@global-xlarge-border-radius: 4 * @global-border-radius;
|
||||||
|
|
||||||
/* Shadows*/
|
/* Shadows*/
|
||||||
@global-default-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
|
@global-default-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
|
||||||
|
|
Loading…
Reference in New Issue