diff --git a/.changelog/13183.txt b/.changelog/13183.txt
new file mode 100644
index 000000000..5753ca598
--- /dev/null
+++ b/.changelog/13183.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Re-instate '...' icon for row actions
+```
diff --git a/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss b/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss
index 55a32e5c9..966cf886e 100644
--- a/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss
+++ b/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss
@@ -8,7 +8,6 @@
}
%crumbs::before {
text-decoration: none;
- background-color: var(--transparent);
}
%breadcrumb-milestone::before {
@extend %with-chevron-left-mask, %as-pseudo;
diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss b/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss
index c196450e9..68124fa32 100644
--- a/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss
+++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss
@@ -118,11 +118,8 @@
flex-wrap: wrap;
list-style-type: none;
}
-%resolver-card ol li:not(:last-child)::after {
- display: inline-block;
- content: ',';
- margin-right: 0.2em;
- margin-left: -0.3em;
+%resolver-card ol {
+ @extend %csv-list;
}
/**/
%with-chain-outlet {
diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs b/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs
index 8a52b533f..99f85e37a 100644
--- a/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs
@@ -16,9 +16,7 @@
{{#each @item.Failover.Targets as |item|}}
- -
- {{item}}
-
+ - {{item}}
{{/each}}
diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss b/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss
index 03c367537..f99e29173 100644
--- a/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss
+++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss
@@ -91,13 +91,16 @@
}
%resolver-card dt {
font-size: 0;
- background-size: 80% 80%;
}
-%resolver-card dl.failover dt {
- @extend %with-cloud-cross-icon;
+%resolver-card dt::before {
+ content: '';
+ --icon-size: icon-999;
}
-%resolver-card dl.redirect dt {
- @extend %with-redirect-icon;
+%resolver-card dl.failover dt::before {
+ --icon-name: icon-cloud-cross;
+}
+%resolver-card dl.redirect dt::before {
+ --icon-name: icon-redirect;
}
/**/
%with-chain-outlet::before {
diff --git a/ui/packages/consul-ui/app/components/csv-list/index.scss b/ui/packages/consul-ui/app/components/csv-list/index.scss
index a5141fe18..4c64a7c87 100644
--- a/ui/packages/consul-ui/app/components/csv-list/index.scss
+++ b/ui/packages/consul-ui/app/components/csv-list/index.scss
@@ -14,5 +14,4 @@
content: var(--csv-list-separator);
vertical-align: initial;
margin-right: 0.3em;
- background-color: var(--transparent);
}
diff --git a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss
index a7321eb17..3e4c92224 100644
--- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss
+++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss
@@ -3,6 +3,10 @@
@extend %main-nav-vertical-hoisted;
left: 100px;
}
+ nav .dcs li.is-primary span,
+ nav .dcs li.is-local span {
+ @extend %menu-panel-badge;
+ }
nav li.partitions,
nav li.nspaces {
@extend %main-nav-vertical-popover-menu;
diff --git a/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss b/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss
index abd048df9..e1930d8bf 100644
--- a/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss
+++ b/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss
@@ -47,7 +47,6 @@
display: block;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
- background-color: var(--transparent);
}
%main-nav-vertical-popover-menu-trigger {
border: var(--decor-border-100);
diff --git a/ui/packages/consul-ui/app/components/menu-panel/index.scss b/ui/packages/consul-ui/app/components/menu-panel/index.scss
index a96a77dbf..e34a3060c 100644
--- a/ui/packages/consul-ui/app/components/menu-panel/index.scss
+++ b/ui/packages/consul-ui/app/components/menu-panel/index.scss
@@ -11,9 +11,6 @@
%menu-panel {
@extend %panel;
}
-%menu-panel-item span {
- @extend %menu-panel-badge;
-}
%menu-panel [role='separator'] {
@extend %panel-separator;
@extend %menu-panel-separator;
diff --git a/ui/packages/consul-ui/app/components/more-popover-menu/index.scss b/ui/packages/consul-ui/app/components/more-popover-menu/index.scss
index 4e6b0ba59..7b7f419cc 100644
--- a/ui/packages/consul-ui/app/components/more-popover-menu/index.scss
+++ b/ui/packages/consul-ui/app/components/more-popover-menu/index.scss
@@ -21,10 +21,10 @@
font-size: 0;
}
%more-popover-menu-trigger > *::after {
- @extend %with-more-horizontal-mask, %as-pseudo;
- background-color: rgb(var(--tone-gray-900));
- width: 16px;
- height: 16px;
+ --icon-name: icon-more-horizontal;
+ --icon-color: rgb(var(--tone-gray-900));
+ --icon-size: icon-300;
+ content: '';
position: absolute;
top: 50%;
left: 50%;
diff --git a/ui/packages/consul-ui/app/components/pill/index.scss b/ui/packages/consul-ui/app/components/pill/index.scss
index cbeabfff1..d08626db8 100644
--- a/ui/packages/consul-ui/app/components/pill/index.scss
+++ b/ui/packages/consul-ui/app/components/pill/index.scss
@@ -10,9 +10,7 @@ span.policy-node-identity,
}
span.policy-service-identity::before,
span.policy-node-identity::before {
- width: auto;
- align-self: start;
- font-size: inherit;
+ vertical-align: unset;
}
span.policy-node-identity::before {
content: 'Node Identity: ';
diff --git a/ui/packages/consul-ui/app/components/secret-button/layout.scss b/ui/packages/consul-ui/app/components/secret-button/layout.scss
index fe223180e..1393e5efe 100644
--- a/ui/packages/consul-ui/app/components/secret-button/layout.scss
+++ b/ui/packages/consul-ui/app/components/secret-button/layout.scss
@@ -17,7 +17,6 @@
display: inline;
visibility: visible;
content: '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■';
- background-color: var(--transparent);
}
%secret-button input:checked ~ em::before {
display: none;
diff --git a/ui/packages/consul-ui/app/components/tooltip/index.scss b/ui/packages/consul-ui/app/components/tooltip/index.scss
index 1f8802a11..333faed35 100644
--- a/ui/packages/consul-ui/app/components/tooltip/index.scss
+++ b/ui/packages/consul-ui/app/components/tooltip/index.scss
@@ -45,7 +45,6 @@
&::before {
border-color: var(--transparent);
border-style: solid;
- background-color: var(--transparent);
}
}
@@ -53,27 +52,23 @@
&::before {
border-width: var(--size) var(--size) 0;
border-top-color: initial;
- background-color: var(--transparent);
}
}
%tooltip-tail-bottom {
&::before {
border-width: 0 var(--size) var(--size);
border-bottom-color: initial;
- background-color: var(--transparent);
}
}
%tooltip-tail-left {
&::before {
border-width: var(--size) 0 var(--size) var(--size);
border-left-color: initial;
- background-color: var(--transparent);
}
}
%tooltip-tail-right {
&::before {
border-width: var(--size) var(--size) var(--size) 0;
border-right-color: initial;
- background-color: var(--transparent);
}
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss
index 37d328afc..7827bb0d8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss
@@ -1,19 +1,24 @@
*::before, *::after {
display: inline-block;
- animation-play-state: paused;
- animation-fill-mode: forwards;
- animation-iteration-count: var(--icon-resolution, 1);
vertical-align: text-top;
+
+ background-repeat: no-repeat;
+ background-position: center;
+ mask-repeat: no-repeat;
+ -webkit-mask-repeat: no-repeat;
+ mask-position: center;
+ -webkit-mask-position: center;
+
}
*::before {
animation-name: var(--icon-name-start, var(--icon-name)),
var(--icon-size-start, var(--icon-size, icon-000));
- background-color: var(--icon-color-start, var(--icon-color, currentColor));
+ background-color: var(--icon-color-start, var(--icon-color));
}
*::after {
animation-name: var(--icon-name-end, var(--icon-name)),
var(--icon-size-end, var(--icon-size, icon-000));
- background-color: var(--icon-color-end, var(--icon-color, currentColor));
+ background-color: var(--icon-color-end, var(--icon-color));
}
[style*='--icon-color-start']::before {
@@ -87,3 +92,9 @@
height: 1.750rem; /* 28px */
}
}
+@keyframes icon-999 {
+ 100% {
+ width: 100%;
+ height: 100%;
+ }
+}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss
index d93de6ea3..4a3c131b2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-activity {
- 50% {
-
- background-color: var(--icon-color, var(--color-activity-500, currentColor));
- -webkit-mask-image: var(--icon-activity-24);
- mask-image: var(--icon-activity-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-activity-500, currentColor));
-webkit-mask-image: var(--icon-activity-16);
mask-image: var(--icon-activity-16);
+ background-color: var(--icon-color, var(--color-activity-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss
index b25f574db..a56bf613e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-alert-circle-fill-24);
- mask-image: var(--icon-alert-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-alert-circle-fill-16);
mask-image: var(--icon-alert-circle-fill-16);
+ background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss
index ebbb1c7cd..9dcc1b3de 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-alert-circle-24);
- mask-image: var(--icon-alert-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-alert-circle-16);
mask-image: var(--icon-alert-circle-16);
+ background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss
index 0dff2ba97..4b470d9fc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-circle-500, currentColor));
- -webkit-mask-image: var(--icon-alert-circle-24);
- mask-image: var(--icon-alert-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-circle-500, currentColor));
-webkit-mask-image: var(--icon-alert-circle-16);
mask-image: var(--icon-alert-circle-16);
+ background-color: var(--icon-color, var(--color-alert-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss
index 8a60f995e..d0815f396 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-octagon-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor));
- -webkit-mask-image: var(--icon-alert-octagon-fill-24);
- mask-image: var(--icon-alert-octagon-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor));
-webkit-mask-image: var(--icon-alert-octagon-fill-16);
mask-image: var(--icon-alert-octagon-fill-16);
+ background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss
index 0f9cad04b..d4ff69990 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-octagon {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor));
- -webkit-mask-image: var(--icon-alert-octagon-24);
- mask-image: var(--icon-alert-octagon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor));
-webkit-mask-image: var(--icon-alert-octagon-16);
mask-image: var(--icon-alert-octagon-16);
+ background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss
index 90747339a..0481cff19 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-triangle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-alert-triangle-fill-24);
- mask-image: var(--icon-alert-triangle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor));
-webkit-mask-image: var(--icon-alert-triangle-fill-16);
mask-image: var(--icon-alert-triangle-fill-16);
+ background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss
index ebb4b4663..25ae48553 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alert-triangle {
- 50% {
-
- background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor));
- -webkit-mask-image: var(--icon-alert-triangle-24);
- mask-image: var(--icon-alert-triangle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor));
-webkit-mask-image: var(--icon-alert-triangle-16);
mask-image: var(--icon-alert-triangle-16);
+ background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss
index c627c25b0..d6806b557 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-alibaba-color {
- 50% {
- background-image: var(--icon-alibaba-color-24);
- }
-
100% {
background-image: var(--icon-alibaba-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss
index 5ee3d3e4f..3da0985c4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-alibaba {
- 50% {
-
- background-color: var(--icon-color, var(--color-alibaba-500, currentColor));
- -webkit-mask-image: var(--icon-alibaba-color-24);
- mask-image: var(--icon-alibaba-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-alibaba-500, currentColor));
-webkit-mask-image: var(--icon-alibaba-color-16);
mask-image: var(--icon-alibaba-color-16);
+ background-color: var(--icon-color, var(--color-alibaba-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss
index 1298dfbe4..141af6775 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-align-center {
- 50% {
-
- background-color: var(--icon-color, var(--color-align-center-500, currentColor));
- -webkit-mask-image: var(--icon-align-center-24);
- mask-image: var(--icon-align-center-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-align-center-500, currentColor));
-webkit-mask-image: var(--icon-align-center-16);
mask-image: var(--icon-align-center-16);
+ background-color: var(--icon-color, var(--color-align-center-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss
index 596918634..ab218bd67 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-align-justify {
- 50% {
-
- background-color: var(--icon-color, var(--color-align-justify-500, currentColor));
- -webkit-mask-image: var(--icon-align-justify-24);
- mask-image: var(--icon-align-justify-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-align-justify-500, currentColor));
-webkit-mask-image: var(--icon-align-justify-16);
mask-image: var(--icon-align-justify-16);
+ background-color: var(--icon-color, var(--color-align-justify-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss
index 7febe2c22..6242c03ba 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-align-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-align-left-500, currentColor));
- -webkit-mask-image: var(--icon-align-left-24);
- mask-image: var(--icon-align-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-align-left-500, currentColor));
-webkit-mask-image: var(--icon-align-left-16);
mask-image: var(--icon-align-left-16);
+ background-color: var(--icon-color, var(--color-align-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss
index 5bb687c04..cce21f97b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-align-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-align-right-500, currentColor));
- -webkit-mask-image: var(--icon-align-right-24);
- mask-image: var(--icon-align-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-align-right-500, currentColor));
-webkit-mask-image: var(--icon-align-right-16);
mask-image: var(--icon-align-right-16);
+ background-color: var(--icon-color, var(--color-align-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss
index 38ce14cd7..acdd2fc1c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-amazon-eks-color {
- 50% {
- background-image: var(--icon-amazon-eks-color-24);
- }
-
100% {
background-image: var(--icon-amazon-eks-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss
index 903bdbf06..f7d1d597b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-amazon-eks {
- 50% {
-
- background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor));
- -webkit-mask-image: var(--icon-amazon-eks-color-24);
- mask-image: var(--icon-amazon-eks-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor));
-webkit-mask-image: var(--icon-amazon-eks-color-16);
mask-image: var(--icon-amazon-eks-color-16);
+ background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss
index 093b3147e..97bcfe8b0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-apple-color {
- 50% {
- background-image: var(--icon-apple-color-24);
- }
-
100% {
background-image: var(--icon-apple-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss
index 58ab71fcc..21c929f01 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-apple {
- 50% {
-
- background-color: var(--icon-color, var(--color-apple-500, currentColor));
- -webkit-mask-image: var(--icon-apple-color-24);
- mask-image: var(--icon-apple-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-apple-500, currentColor));
-webkit-mask-image: var(--icon-apple-color-16);
mask-image: var(--icon-apple-color-16);
+ background-color: var(--icon-color, var(--color-apple-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss
index 531cf21f0..7d9a5dd05 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-archive {
- 50% {
-
- background-color: var(--icon-color, var(--color-archive-500, currentColor));
- -webkit-mask-image: var(--icon-archive-24);
- mask-image: var(--icon-archive-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-archive-500, currentColor));
-webkit-mask-image: var(--icon-archive-16);
mask-image: var(--icon-archive-16);
+ background-color: var(--icon-color, var(--color-archive-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss
index bd1289cd7..276325e0b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-down-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-down-circle-24);
- mask-image: var(--icon-arrow-down-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor));
-webkit-mask-image: var(--icon-arrow-down-circle-16);
mask-image: var(--icon-arrow-down-circle-16);
+ background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss
index 1fcc8aa1d..627d4a8b4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-down-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-down-left-24);
- mask-image: var(--icon-arrow-down-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor));
-webkit-mask-image: var(--icon-arrow-down-left-16);
mask-image: var(--icon-arrow-down-left-16);
+ background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss
index 1774cc95d..8813ba3b5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-down-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-down-right-24);
- mask-image: var(--icon-arrow-down-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor));
-webkit-mask-image: var(--icon-arrow-down-right-16);
mask-image: var(--icon-arrow-down-right-16);
+ background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss
index 86b99ff7b..315dd4ae1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-down-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-down-24);
- mask-image: var(--icon-arrow-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-down-500, currentColor));
-webkit-mask-image: var(--icon-arrow-down-16);
mask-image: var(--icon-arrow-down-16);
+ background-color: var(--icon-color, var(--color-arrow-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss
index 1cee4a95f..1737b0196 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-left-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-left-circle-24);
- mask-image: var(--icon-arrow-left-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor));
-webkit-mask-image: var(--icon-arrow-left-circle-16);
mask-image: var(--icon-arrow-left-circle-16);
+ background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss
index 8cce9418b..f1e214b33 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-left-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-left-24);
- mask-image: var(--icon-arrow-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-left-500, currentColor));
-webkit-mask-image: var(--icon-arrow-left-16);
mask-image: var(--icon-arrow-left-16);
+ background-color: var(--icon-color, var(--color-arrow-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss
index fd5a19fda..07598740a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-right-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-right-circle-24);
- mask-image: var(--icon-arrow-right-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor));
-webkit-mask-image: var(--icon-arrow-right-circle-16);
mask-image: var(--icon-arrow-right-circle-16);
+ background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss
index 080afe5de..cf9ca1ef5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-right-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-right-24);
- mask-image: var(--icon-arrow-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-right-500, currentColor));
-webkit-mask-image: var(--icon-arrow-right-16);
mask-image: var(--icon-arrow-right-16);
+ background-color: var(--icon-color, var(--color-arrow-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss
index 38fc7a22d..1a69c754a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-up-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-up-circle-24);
- mask-image: var(--icon-arrow-up-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor));
-webkit-mask-image: var(--icon-arrow-up-circle-16);
mask-image: var(--icon-arrow-up-circle-16);
+ background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss
index 821fed4c4..bfd608bb2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-up-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-up-left-24);
- mask-image: var(--icon-arrow-up-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor));
-webkit-mask-image: var(--icon-arrow-up-left-16);
mask-image: var(--icon-arrow-up-left-16);
+ background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss
index 3f79cdbdf..9465de0bc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-up-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-up-right-24);
- mask-image: var(--icon-arrow-up-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor));
-webkit-mask-image: var(--icon-arrow-up-right-16);
mask-image: var(--icon-arrow-up-right-16);
+ background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss
index f68bf3d02..08e5ca5cb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-arrow-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-arrow-up-500, currentColor));
- -webkit-mask-image: var(--icon-arrow-up-24);
- mask-image: var(--icon-arrow-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-arrow-up-500, currentColor));
-webkit-mask-image: var(--icon-arrow-up-16);
mask-image: var(--icon-arrow-up-16);
+ background-color: var(--icon-color, var(--color-arrow-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss
index c3fa6f70c..70d131b8a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-at-sign {
- 50% {
-
- background-color: var(--icon-color, var(--color-at-sign-500, currentColor));
- -webkit-mask-image: var(--icon-at-sign-24);
- mask-image: var(--icon-at-sign-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-at-sign-500, currentColor));
-webkit-mask-image: var(--icon-at-sign-16);
mask-image: var(--icon-at-sign-16);
+ background-color: var(--icon-color, var(--color-at-sign-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss
index 2ad533ae1..67243a207 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-auth0-color {
- 50% {
- background-image: var(--icon-auth0-color-24);
- }
-
100% {
background-image: var(--icon-auth0-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss
index 3e1d5463d..ac2e3fd13 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-auth0 {
- 50% {
-
- background-color: var(--icon-color, var(--color-auth0-500, currentColor));
- -webkit-mask-image: var(--icon-auth0-color-24);
- mask-image: var(--icon-auth0-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-auth0-500, currentColor));
-webkit-mask-image: var(--icon-auth0-color-16);
mask-image: var(--icon-auth0-color-16);
+ background-color: var(--icon-color, var(--color-auth0-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss
index 4465779c4..9603cbde5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-auto-apply {
- 50% {
-
- background-color: var(--icon-color, var(--color-auto-apply-500, currentColor));
- -webkit-mask-image: var(--icon-auto-apply-24);
- mask-image: var(--icon-auto-apply-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-auto-apply-500, currentColor));
-webkit-mask-image: var(--icon-auto-apply-16);
mask-image: var(--icon-auto-apply-16);
+ background-color: var(--icon-color, var(--color-auto-apply-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss
index 75e369a0c..9b842d30d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-award {
- 50% {
-
- background-color: var(--icon-color, var(--color-award-500, currentColor));
- -webkit-mask-image: var(--icon-award-24);
- mask-image: var(--icon-award-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-award-500, currentColor));
-webkit-mask-image: var(--icon-award-16);
mask-image: var(--icon-award-16);
+ background-color: var(--icon-color, var(--color-award-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss
index 49fdf1f2f..d3dfe5bfc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-aws-color {
- 50% {
- background-image: var(--icon-aws-color-24);
- }
-
100% {
background-image: var(--icon-aws-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss
index 0efdbb9b4..f13b8723b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-aws-ec2-color {
- 50% {
- background-image: var(--icon-aws-ec2-color-24);
- }
-
100% {
background-image: var(--icon-aws-ec2-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss
index ea638851a..5c0d89d28 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-aws-ec2 {
- 50% {
-
- background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor));
- -webkit-mask-image: var(--icon-aws-ec2-color-24);
- mask-image: var(--icon-aws-ec2-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor));
-webkit-mask-image: var(--icon-aws-ec2-color-16);
mask-image: var(--icon-aws-ec2-color-16);
+ background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss
index 9b4024fe2..6fe49edb9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-aws {
- 50% {
-
- background-color: var(--icon-color, var(--color-aws-500, currentColor));
- -webkit-mask-image: var(--icon-aws-color-24);
- mask-image: var(--icon-aws-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-aws-500, currentColor));
-webkit-mask-image: var(--icon-aws-color-16);
mask-image: var(--icon-aws-color-16);
+ background-color: var(--icon-color, var(--color-aws-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss
index 13572a18c..488bea475 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-azure-color {
- 50% {
- background-image: var(--icon-azure-color-24);
- }
-
100% {
background-image: var(--icon-azure-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss
index 45b98e07f..cc016f23b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-azure-devops-color {
- 50% {
- background-image: var(--icon-azure-devops-color-24);
- }
-
100% {
background-image: var(--icon-azure-devops-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss
index 6136e4df7..f0352f7e1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-azure-devops {
- 50% {
-
- background-color: var(--icon-color, var(--color-azure-devops-500, currentColor));
- -webkit-mask-image: var(--icon-azure-devops-color-24);
- mask-image: var(--icon-azure-devops-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-azure-devops-500, currentColor));
-webkit-mask-image: var(--icon-azure-devops-color-16);
mask-image: var(--icon-azure-devops-color-16);
+ background-color: var(--icon-color, var(--color-azure-devops-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss
index 4357fdeb5..eceedd9a5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-azure {
- 50% {
-
- background-color: var(--icon-color, var(--color-azure-500, currentColor));
- -webkit-mask-image: var(--icon-azure-color-24);
- mask-image: var(--icon-azure-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-azure-500, currentColor));
-webkit-mask-image: var(--icon-azure-color-16);
mask-image: var(--icon-azure-color-16);
+ background-color: var(--icon-color, var(--color-azure-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss
index f79804ae5..75e8b8b1d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bank-vault {
- 50% {
-
- background-color: var(--icon-color, var(--color-bank-vault-500, currentColor));
- -webkit-mask-image: var(--icon-bank-vault-24);
- mask-image: var(--icon-bank-vault-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bank-vault-500, currentColor));
-webkit-mask-image: var(--icon-bank-vault-16);
mask-image: var(--icon-bank-vault-16);
+ background-color: var(--icon-color, var(--color-bank-vault-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss
index 3f5d85901..0dd0933d4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bar-chart-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor));
- -webkit-mask-image: var(--icon-bar-chart-alt-24);
- mask-image: var(--icon-bar-chart-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor));
-webkit-mask-image: var(--icon-bar-chart-alt-16);
mask-image: var(--icon-bar-chart-alt-16);
+ background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss
index 3322ea176..a89e6ebe6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bar-chart {
- 50% {
-
- background-color: var(--icon-color, var(--color-bar-chart-500, currentColor));
- -webkit-mask-image: var(--icon-bar-chart-24);
- mask-image: var(--icon-bar-chart-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bar-chart-500, currentColor));
-webkit-mask-image: var(--icon-bar-chart-16);
mask-image: var(--icon-bar-chart-16);
+ background-color: var(--icon-color, var(--color-bar-chart-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss
index 26f40376b..b4136278d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-battery-charging {
- 50% {
-
- background-color: var(--icon-color, var(--color-battery-charging-500, currentColor));
- -webkit-mask-image: var(--icon-battery-charging-24);
- mask-image: var(--icon-battery-charging-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-battery-charging-500, currentColor));
-webkit-mask-image: var(--icon-battery-charging-16);
mask-image: var(--icon-battery-charging-16);
+ background-color: var(--icon-color, var(--color-battery-charging-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss
index 90b7c3f21..f2c1be31c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-battery {
- 50% {
-
- background-color: var(--icon-color, var(--color-battery-500, currentColor));
- -webkit-mask-image: var(--icon-battery-24);
- mask-image: var(--icon-battery-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-battery-500, currentColor));
-webkit-mask-image: var(--icon-battery-16);
mask-image: var(--icon-battery-16);
+ background-color: var(--icon-color, var(--color-battery-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss
index 7d214c8b7..a883fe918 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-beaker {
- 50% {
-
- background-color: var(--icon-color, var(--color-beaker-500, currentColor));
- -webkit-mask-image: var(--icon-beaker-24);
- mask-image: var(--icon-beaker-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-beaker-500, currentColor));
-webkit-mask-image: var(--icon-beaker-16);
mask-image: var(--icon-beaker-16);
+ background-color: var(--icon-color, var(--color-beaker-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss
index e088e2e90..826e47333 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bell-active-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor));
- -webkit-mask-image: var(--icon-bell-active-fill-24);
- mask-image: var(--icon-bell-active-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor));
-webkit-mask-image: var(--icon-bell-active-fill-16);
mask-image: var(--icon-bell-active-fill-16);
+ background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss
index 727f63057..6c08e0f9f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bell-active {
- 50% {
-
- background-color: var(--icon-color, var(--color-bell-active-500, currentColor));
- -webkit-mask-image: var(--icon-bell-active-24);
- mask-image: var(--icon-bell-active-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bell-active-500, currentColor));
-webkit-mask-image: var(--icon-bell-active-16);
mask-image: var(--icon-bell-active-16);
+ background-color: var(--icon-color, var(--color-bell-active-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss
index 5605c4b64..355f91622 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bell-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-bell-off-500, currentColor));
- -webkit-mask-image: var(--icon-bell-off-24);
- mask-image: var(--icon-bell-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bell-off-500, currentColor));
-webkit-mask-image: var(--icon-bell-off-16);
mask-image: var(--icon-bell-off-16);
+ background-color: var(--icon-color, var(--color-bell-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss
index 44377ef7a..3303ccca1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bell {
- 50% {
-
- background-color: var(--icon-color, var(--color-bell-500, currentColor));
- -webkit-mask-image: var(--icon-bell-24);
- mask-image: var(--icon-bell-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bell-500, currentColor));
-webkit-mask-image: var(--icon-bell-16);
mask-image: var(--icon-bell-16);
+ background-color: var(--icon-color, var(--color-bell-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss
index abcddbf2f..444699c6e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-bitbucket-color {
- 50% {
- background-image: var(--icon-bitbucket-color-24);
- }
-
100% {
background-image: var(--icon-bitbucket-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss
index bd7b81bec..7a89b2b63 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bitbucket {
- 50% {
-
- background-color: var(--icon-color, var(--color-bitbucket-500, currentColor));
- -webkit-mask-image: var(--icon-bitbucket-color-24);
- mask-image: var(--icon-bitbucket-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bitbucket-500, currentColor));
-webkit-mask-image: var(--icon-bitbucket-color-16);
mask-image: var(--icon-bitbucket-color-16);
+ background-color: var(--icon-color, var(--color-bitbucket-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss
index 8b4ff23df..b75370fd9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bolt {
- 50% {
-
- background-color: var(--icon-color, var(--color-bolt-500, currentColor));
- -webkit-mask-image: var(--icon-zap-24);
- mask-image: var(--icon-zap-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bolt-500, currentColor));
-webkit-mask-image: var(--icon-zap-16);
mask-image: var(--icon-zap-16);
+ background-color: var(--icon-color, var(--color-bolt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss
index d42f3ddf7..94d432dd0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark-add-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-add-fill-24);
- mask-image: var(--icon-bookmark-add-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-add-fill-16);
mask-image: var(--icon-bookmark-add-fill-16);
+ background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss
index a056a218e..afe0e8ead 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark-add {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-add-24);
- mask-image: var(--icon-bookmark-add-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-add-16);
mask-image: var(--icon-bookmark-add-16);
+ background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss
index 977546605..89cd566f2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-fill-24);
- mask-image: var(--icon-bookmark-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-fill-16);
mask-image: var(--icon-bookmark-fill-16);
+ background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss
index bdfff323f..0477a5b8b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark-remove-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-remove-fill-24);
- mask-image: var(--icon-bookmark-remove-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-remove-fill-16);
mask-image: var(--icon-bookmark-remove-fill-16);
+ background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss
index 1fe3dc167..8a0f521b0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark-remove {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-remove-24);
- mask-image: var(--icon-bookmark-remove-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-remove-16);
mask-image: var(--icon-bookmark-remove-16);
+ background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss
index 18c81ddcb..9feef2b28 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bookmark {
- 50% {
-
- background-color: var(--icon-color, var(--color-bookmark-500, currentColor));
- -webkit-mask-image: var(--icon-bookmark-24);
- mask-image: var(--icon-bookmark-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bookmark-500, currentColor));
-webkit-mask-image: var(--icon-bookmark-16);
mask-image: var(--icon-bookmark-16);
+ background-color: var(--icon-color, var(--color-bookmark-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss
index d828bbfa3..3e30e862a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bottom {
- 50% {
-
- background-color: var(--icon-color, var(--color-bottom-500, currentColor));
- -webkit-mask-image: var(--icon-bottom-24);
- mask-image: var(--icon-bottom-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bottom-500, currentColor));
-webkit-mask-image: var(--icon-bottom-16);
mask-image: var(--icon-bottom-16);
+ background-color: var(--icon-color, var(--color-bottom-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss
index 0a3df0391..f242bad61 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-boundary-color {
- 50% {
- background-image: var(--icon-boundary-color-24);
- }
-
100% {
background-image: var(--icon-boundary-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss
index aee814260..987fc7199 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-boundary {
- 50% {
-
- background-color: var(--icon-color, var(--color-boundary-500, currentColor));
- -webkit-mask-image: var(--icon-boundary-color-24);
- mask-image: var(--icon-boundary-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-boundary-500, currentColor));
-webkit-mask-image: var(--icon-boundary-color-16);
mask-image: var(--icon-boundary-color-16);
+ background-color: var(--icon-color, var(--color-boundary-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss
index f6fc4444e..e28b87826 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-box-check-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor));
- -webkit-mask-image: var(--icon-check-square-fill-24);
- mask-image: var(--icon-check-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor));
-webkit-mask-image: var(--icon-check-square-fill-16);
mask-image: var(--icon-check-square-fill-16);
+ background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss
index 96e5c98cd..facb029bb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-box-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-box-outline-500, currentColor));
- -webkit-mask-image: var(--icon-square-24);
- mask-image: var(--icon-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-box-outline-500, currentColor));
-webkit-mask-image: var(--icon-square-16);
mask-image: var(--icon-square-16);
+ background-color: var(--icon-color, var(--color-box-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss
index d04e8bab2..f47c270ae 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-box {
- 50% {
-
- background-color: var(--icon-color, var(--color-box-500, currentColor));
- -webkit-mask-image: var(--icon-box-24);
- mask-image: var(--icon-box-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-box-500, currentColor));
-webkit-mask-image: var(--icon-box-16);
mask-image: var(--icon-box-16);
+ background-color: var(--icon-color, var(--color-box-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss
index 48fdbcd88..cb5ce251e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-briefcase {
- 50% {
-
- background-color: var(--icon-color, var(--color-briefcase-500, currentColor));
- -webkit-mask-image: var(--icon-briefcase-24);
- mask-image: var(--icon-briefcase-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-briefcase-500, currentColor));
-webkit-mask-image: var(--icon-briefcase-16);
mask-image: var(--icon-briefcase-16);
+ background-color: var(--icon-color, var(--color-briefcase-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss
index ebd7347b0..dada076b8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-broadcast {
- 50% {
-
- background-color: var(--icon-color, var(--color-broadcast-500, currentColor));
- -webkit-mask-image: var(--icon-radio-24);
- mask-image: var(--icon-radio-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-broadcast-500, currentColor));
-webkit-mask-image: var(--icon-radio-16);
mask-image: var(--icon-radio-16);
+ background-color: var(--icon-color, var(--color-broadcast-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss
index 1aa1aa29d..25cf889f6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bug {
- 50% {
-
- background-color: var(--icon-color, var(--color-bug-500, currentColor));
- -webkit-mask-image: var(--icon-bug-24);
- mask-image: var(--icon-bug-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bug-500, currentColor));
-webkit-mask-image: var(--icon-bug-16);
mask-image: var(--icon-bug-16);
+ background-color: var(--icon-color, var(--color-bug-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss
index 4ec74640e..021394911 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-build {
- 50% {
-
- background-color: var(--icon-color, var(--color-build-500, currentColor));
- -webkit-mask-image: var(--icon-build-24);
- mask-image: var(--icon-build-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-build-500, currentColor));
-webkit-mask-image: var(--icon-build-16);
mask-image: var(--icon-build-16);
+ background-color: var(--icon-color, var(--color-build-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss
index 512424d7c..07fd5ef41 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-bulb {
- 50% {
-
- background-color: var(--icon-color, var(--color-bulb-500, currentColor));
- -webkit-mask-image: var(--icon-bulb-24);
- mask-image: var(--icon-bulb-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-bulb-500, currentColor));
-webkit-mask-image: var(--icon-bulb-16);
mask-image: var(--icon-bulb-16);
+ background-color: var(--icon-color, var(--color-bulb-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss
index 5010f320d..37e95247f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-calendar {
- 50% {
-
- background-color: var(--icon-color, var(--color-calendar-500, currentColor));
- -webkit-mask-image: var(--icon-calendar-24);
- mask-image: var(--icon-calendar-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-calendar-500, currentColor));
-webkit-mask-image: var(--icon-calendar-16);
mask-image: var(--icon-calendar-16);
+ background-color: var(--icon-color, var(--color-calendar-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss
index 9357bae6b..bf76f9be0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-camera-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-camera-off-500, currentColor));
- -webkit-mask-image: var(--icon-camera-off-24);
- mask-image: var(--icon-camera-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-camera-off-500, currentColor));
-webkit-mask-image: var(--icon-camera-off-16);
mask-image: var(--icon-camera-off-16);
+ background-color: var(--icon-color, var(--color-camera-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss
index bcd19bab4..f39e90b52 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-camera {
- 50% {
-
- background-color: var(--icon-color, var(--color-camera-500, currentColor));
- -webkit-mask-image: var(--icon-camera-24);
- mask-image: var(--icon-camera-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-camera-500, currentColor));
-webkit-mask-image: var(--icon-camera-16);
mask-image: var(--icon-camera-16);
+ background-color: var(--icon-color, var(--color-camera-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss
index e3222eae5..b02d96873 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cancel-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-circle-fill-24);
- mask-image: var(--icon-x-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-circle-fill-16);
mask-image: var(--icon-x-circle-fill-16);
+ background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss
index f9ca74897..e856c65a6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cancel-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-x-circle-24);
- mask-image: var(--icon-x-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-x-circle-16);
mask-image: var(--icon-x-circle-16);
+ background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss
index 4366ef177..56d927483 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cancel-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor));
- -webkit-mask-image: var(--icon-x-24);
- mask-image: var(--icon-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor));
-webkit-mask-image: var(--icon-x-16);
mask-image: var(--icon-x-16);
+ background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss
index b116b2e4c..42c6c915c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cancel-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-square-fill-24);
- mask-image: var(--icon-x-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-square-fill-16);
mask-image: var(--icon-x-square-fill-16);
+ background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss
index e118bb05c..b53fc5017 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cancel-square-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor));
- -webkit-mask-image: var(--icon-x-square-24);
- mask-image: var(--icon-x-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor));
-webkit-mask-image: var(--icon-x-square-16);
mask-image: var(--icon-x-square-16);
+ background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss
index bbb7d2e04..dd2e14439 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-caret-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-caret-down-500, currentColor));
- -webkit-mask-image: var(--icon-caret-24);
- mask-image: var(--icon-caret-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-caret-down-500, currentColor));
-webkit-mask-image: var(--icon-caret-16);
mask-image: var(--icon-caret-16);
+ background-color: var(--icon-color, var(--color-caret-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss
index 3c6037661..389ce1848 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-caret-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-caret-up-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-up-24);
- mask-image: var(--icon-chevron-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-caret-up-500, currentColor));
-webkit-mask-image: var(--icon-chevron-up-16);
mask-image: var(--icon-chevron-up-16);
+ background-color: var(--icon-color, var(--color-caret-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss
index 6947bbeb7..c7ef4694b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-caret {
- 50% {
-
- background-color: var(--icon-color, var(--color-caret-500, currentColor));
- -webkit-mask-image: var(--icon-caret-24);
- mask-image: var(--icon-caret-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-caret-500, currentColor));
-webkit-mask-image: var(--icon-caret-16);
mask-image: var(--icon-caret-16);
+ background-color: var(--icon-color, var(--color-caret-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss
index e4f49a630..bb449ae88 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cast {
- 50% {
-
- background-color: var(--icon-color, var(--color-cast-500, currentColor));
- -webkit-mask-image: var(--icon-cast-24);
- mask-image: var(--icon-cast-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cast-500, currentColor));
-webkit-mask-image: var(--icon-cast-16);
mask-image: var(--icon-cast-16);
+ background-color: var(--icon-color, var(--color-cast-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss
index 9cf189ebf..146762d4b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-certificate {
- 50% {
-
- background-color: var(--icon-color, var(--color-certificate-500, currentColor));
- -webkit-mask-image: var(--icon-certificate-24);
- mask-image: var(--icon-certificate-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-certificate-500, currentColor));
-webkit-mask-image: var(--icon-certificate-16);
mask-image: var(--icon-certificate-16);
+ background-color: var(--icon-color, var(--color-certificate-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss
index e945a7a06..ee6b6afda 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-change-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-change-circle-500, currentColor));
- -webkit-mask-image: var(--icon-change-circle-24);
- mask-image: var(--icon-change-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-change-circle-500, currentColor));
-webkit-mask-image: var(--icon-change-circle-16);
mask-image: var(--icon-change-circle-16);
+ background-color: var(--icon-color, var(--color-change-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss
index d9a2d9b38..5df79c003 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-change-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-change-square-500, currentColor));
- -webkit-mask-image: var(--icon-change-square-24);
- mask-image: var(--icon-change-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-change-square-500, currentColor));
-webkit-mask-image: var(--icon-change-square-16);
mask-image: var(--icon-change-square-16);
+ background-color: var(--icon-color, var(--color-change-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss
index e8fc7424e..248a47997 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-change {
- 50% {
-
- background-color: var(--icon-color, var(--color-change-500, currentColor));
- -webkit-mask-image: var(--icon-change-24);
- mask-image: var(--icon-change-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-change-500, currentColor));
-webkit-mask-image: var(--icon-change-16);
mask-image: var(--icon-change-16);
+ background-color: var(--icon-color, var(--color-change-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss
index 85b864b77..ab490f344 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-check-circle-fill-24);
- mask-image: var(--icon-check-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-check-circle-fill-16);
mask-image: var(--icon-check-circle-fill-16);
+ background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss
index f5c5ebb0b..480513274 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-check-circle-24);
- mask-image: var(--icon-check-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-check-circle-16);
mask-image: var(--icon-check-circle-16);
+ background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss
index af175fb86..f25cb9ea8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-circle-500, currentColor));
- -webkit-mask-image: var(--icon-check-circle-24);
- mask-image: var(--icon-check-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-circle-500, currentColor));
-webkit-mask-image: var(--icon-check-circle-16);
mask-image: var(--icon-check-circle-16);
+ background-color: var(--icon-color, var(--color-check-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss
index 331a70f52..85d2c25bf 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-diamond-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor));
- -webkit-mask-image: var(--icon-check-diamond-fill-24);
- mask-image: var(--icon-check-diamond-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor));
-webkit-mask-image: var(--icon-check-diamond-fill-16);
mask-image: var(--icon-check-diamond-fill-16);
+ background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss
index 58ae52d09..02ec619ab 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-diamond {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-diamond-500, currentColor));
- -webkit-mask-image: var(--icon-check-diamond-24);
- mask-image: var(--icon-check-diamond-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-diamond-500, currentColor));
-webkit-mask-image: var(--icon-check-diamond-16);
mask-image: var(--icon-check-diamond-16);
+ background-color: var(--icon-color, var(--color-check-diamond-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss
index 9619cd23f..59b019b6a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-hexagon-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor));
- -webkit-mask-image: var(--icon-check-hexagon-fill-24);
- mask-image: var(--icon-check-hexagon-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor));
-webkit-mask-image: var(--icon-check-hexagon-fill-16);
mask-image: var(--icon-check-hexagon-fill-16);
+ background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss
index 7dc94f90e..b185820c0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-hexagon {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor));
- -webkit-mask-image: var(--icon-check-hexagon-24);
- mask-image: var(--icon-check-hexagon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor));
-webkit-mask-image: var(--icon-check-hexagon-16);
mask-image: var(--icon-check-hexagon-16);
+ background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss
index 6eadecba0..c010e2e24 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-plain-500, currentColor));
- -webkit-mask-image: var(--icon-check-24);
- mask-image: var(--icon-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-plain-500, currentColor));
-webkit-mask-image: var(--icon-check-16);
mask-image: var(--icon-check-16);
+ background-color: var(--icon-color, var(--color-check-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss
index 331d6b71a..1dd89d232 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-check-square-fill-24);
- mask-image: var(--icon-check-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-check-square-fill-16);
mask-image: var(--icon-check-square-fill-16);
+ background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss
index 503b670b1..bad3d1a0e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-square-500, currentColor));
- -webkit-mask-image: var(--icon-check-square-24);
- mask-image: var(--icon-check-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-square-500, currentColor));
-webkit-mask-image: var(--icon-check-square-16);
mask-image: var(--icon-check-square-16);
+ background-color: var(--icon-color, var(--color-check-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss
index 79b865833..9eb16f22b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-check {
- 50% {
-
- background-color: var(--icon-color, var(--color-check-500, currentColor));
- -webkit-mask-image: var(--icon-check-24);
- mask-image: var(--icon-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-check-500, currentColor));
-webkit-mask-image: var(--icon-check-16);
mask-image: var(--icon-check-16);
+ background-color: var(--icon-color, var(--color-check-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js
deleted file mode 100644
index 3f3c16e19..000000000
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js
+++ /dev/null
@@ -1,16 +0,0 @@
-export default css => css `
-@keyframes icon-chevron-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-down-24);
- mask-image: var(--icon-chevron-down-24);
- }
-
- 100% {
-
- background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-down-16);
- mask-image: var(--icon-chevron-down-16);
- }
-}`;
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss
index df9e8ae2f..45a9df147 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevron-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-down-24);
- mask-image: var(--icon-chevron-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
-webkit-mask-image: var(--icon-chevron-down-16);
mask-image: var(--icon-chevron-down-16);
+ background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss
index d5686975a..d3c5ef1d7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevron-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-left-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-left-24);
- mask-image: var(--icon-chevron-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevron-left-500, currentColor));
-webkit-mask-image: var(--icon-chevron-left-16);
mask-image: var(--icon-chevron-left-16);
+ background-color: var(--icon-color, var(--color-chevron-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss
index df56988d0..3394595de 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevron-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-right-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-right-24);
- mask-image: var(--icon-chevron-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevron-right-500, currentColor));
-webkit-mask-image: var(--icon-chevron-right-16);
mask-image: var(--icon-chevron-right-16);
+ background-color: var(--icon-color, var(--color-chevron-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js
deleted file mode 100644
index 8d854af7d..000000000
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js
+++ /dev/null
@@ -1,16 +0,0 @@
-export default css => css `
-@keyframes icon-chevron-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-up-24);
- mask-image: var(--icon-chevron-up-24);
- }
-
- 100% {
-
- background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-up-16);
- mask-image: var(--icon-chevron-up-16);
- }
-}`;
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss
index 87b67ffb5..a8c38f63f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevron-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
- -webkit-mask-image: var(--icon-chevron-up-24);
- mask-image: var(--icon-chevron-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
-webkit-mask-image: var(--icon-chevron-up-16);
mask-image: var(--icon-chevron-up-16);
+ background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js
deleted file mode 100644
index 256442d86..000000000
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js
+++ /dev/null
@@ -1,17 +0,0 @@
-export default css => css `
-@keyframes icon-chevrons-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-down-24);
- mask-image: var(--icon-chevrons-down-24);
- }
-
- 100% {
-
- background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-down-16);
- mask-image: var(--icon-chevrons-down-16);
- }
-}
-`;
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss
index b8deda951..23e30ae6a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevrons-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-down-24);
- mask-image: var(--icon-chevrons-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor));
-webkit-mask-image: var(--icon-chevrons-down-16);
mask-image: var(--icon-chevrons-down-16);
+ background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss
index 0194f191c..99012f19a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevrons-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-left-24);
- mask-image: var(--icon-chevrons-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor));
-webkit-mask-image: var(--icon-chevrons-left-16);
mask-image: var(--icon-chevrons-left-16);
+ background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss
index a8b8f1fdf..f11a3ab2d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevrons-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-right-24);
- mask-image: var(--icon-chevrons-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor));
-webkit-mask-image: var(--icon-chevrons-right-16);
mask-image: var(--icon-chevrons-right-16);
+ background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss
index c0e4e4390..21ede55b1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-chevrons-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor));
- -webkit-mask-image: var(--icon-chevrons-up-24);
- mask-image: var(--icon-chevrons-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor));
-webkit-mask-image: var(--icon-chevrons-up-16);
mask-image: var(--icon-chevrons-up-16);
+ background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss
index 372fb2587..86ecbe6f9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-circle-dot {
- 50% {
-
- background-color: var(--icon-color, var(--color-circle-dot-500, currentColor));
- -webkit-mask-image: var(--icon-circle-dot-24);
- mask-image: var(--icon-circle-dot-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-circle-dot-500, currentColor));
-webkit-mask-image: var(--icon-circle-dot-16);
mask-image: var(--icon-circle-dot-16);
+ background-color: var(--icon-color, var(--color-circle-dot-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss
index b2fdda966..81c9eddcd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-circle-fill-24);
- mask-image: var(--icon-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-circle-fill-16);
mask-image: var(--icon-circle-fill-16);
+ background-color: var(--icon-color, var(--color-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss
index dad412d21..312f951d0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-circle-half {
- 50% {
-
- background-color: var(--icon-color, var(--color-circle-half-500, currentColor));
- -webkit-mask-image: var(--icon-circle-half-24);
- mask-image: var(--icon-circle-half-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-circle-half-500, currentColor));
-webkit-mask-image: var(--icon-circle-half-16);
mask-image: var(--icon-circle-half-16);
+ background-color: var(--icon-color, var(--color-circle-half-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss
index d1236d44c..6ce52581f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-circle-500, currentColor));
- -webkit-mask-image: var(--icon-circle-24);
- mask-image: var(--icon-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-circle-500, currentColor));
-webkit-mask-image: var(--icon-circle-16);
mask-image: var(--icon-circle-16);
+ background-color: var(--icon-color, var(--color-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss
index e48f089ca..e0333e45f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clipboard-checked {
- 50% {
-
- background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor));
- -webkit-mask-image: var(--icon-clipboard-checked-24);
- mask-image: var(--icon-clipboard-checked-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor));
-webkit-mask-image: var(--icon-clipboard-checked-16);
mask-image: var(--icon-clipboard-checked-16);
+ background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss
index cbfb31a87..489a484d5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clipboard-copy {
- 50% {
-
- background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor));
- -webkit-mask-image: var(--icon-clipboard-copy-24);
- mask-image: var(--icon-clipboard-copy-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor));
-webkit-mask-image: var(--icon-clipboard-copy-16);
mask-image: var(--icon-clipboard-copy-16);
+ background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss
index e29c31ca8..bb7a6ed26 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clipboard {
- 50% {
-
- background-color: var(--icon-color, var(--color-clipboard-500, currentColor));
- -webkit-mask-image: var(--icon-clipboard-24);
- mask-image: var(--icon-clipboard-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clipboard-500, currentColor));
-webkit-mask-image: var(--icon-clipboard-16);
mask-image: var(--icon-clipboard-16);
+ background-color: var(--icon-color, var(--color-clipboard-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss
index a048178a6..c785da5ae 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clock-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-clock-fill-500, currentColor));
- -webkit-mask-image: var(--icon-clock-24);
- mask-image: var(--icon-clock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clock-fill-500, currentColor));
-webkit-mask-image: var(--icon-clock-16);
mask-image: var(--icon-clock-16);
+ background-color: var(--icon-color, var(--color-clock-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss
index f89534520..8966bc01d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clock-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-clock-outline-500, currentColor));
- -webkit-mask-image: var(--icon-clock-24);
- mask-image: var(--icon-clock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clock-outline-500, currentColor));
-webkit-mask-image: var(--icon-clock-16);
mask-image: var(--icon-clock-16);
+ background-color: var(--icon-color, var(--color-clock-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss
index b62926d8b..1855764ee 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-clock {
- 50% {
-
- background-color: var(--icon-color, var(--color-clock-500, currentColor));
- -webkit-mask-image: var(--icon-clock-24);
- mask-image: var(--icon-clock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-clock-500, currentColor));
-webkit-mask-image: var(--icon-clock-16);
mask-image: var(--icon-clock-16);
+ background-color: var(--icon-color, var(--color-clock-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss
index 3eedfceaa..4ada7ec5a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-check {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-check-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-check-24);
- mask-image: var(--icon-cloud-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-check-500, currentColor));
-webkit-mask-image: var(--icon-cloud-check-16);
mask-image: var(--icon-cloud-check-16);
+ background-color: var(--icon-color, var(--color-cloud-check-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss
index f94b62d18..8ade0d5cd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-cross {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-cross-24);
- mask-image: var(--icon-cloud-cross-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor));
-webkit-mask-image: var(--icon-cloud-cross-16);
mask-image: var(--icon-cloud-cross-16);
+ background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss
index 7da7593c1..b70b4a53d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-download {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-download-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-download-24);
- mask-image: var(--icon-cloud-download-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-download-500, currentColor));
-webkit-mask-image: var(--icon-cloud-download-16);
mask-image: var(--icon-cloud-download-16);
+ background-color: var(--icon-color, var(--color-cloud-download-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss
index 231acb692..a4a7f3fd1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-lightning {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-lightning-24);
- mask-image: var(--icon-cloud-lightning-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor));
-webkit-mask-image: var(--icon-cloud-lightning-16);
mask-image: var(--icon-cloud-lightning-16);
+ background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss
index 8ef5c09d8..42e7c89ea 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-lock {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-lock-24);
- mask-image: var(--icon-cloud-lock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor));
-webkit-mask-image: var(--icon-cloud-lock-16);
mask-image: var(--icon-cloud-lock-16);
+ background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss
index 799a91849..61af81457 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-off-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-off-24);
- mask-image: var(--icon-cloud-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-off-500, currentColor));
-webkit-mask-image: var(--icon-cloud-off-16);
mask-image: var(--icon-cloud-off-16);
+ background-color: var(--icon-color, var(--color-cloud-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss
index 630c50892..bc61ad1da 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-upload {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-upload-24);
- mask-image: var(--icon-cloud-upload-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor));
-webkit-mask-image: var(--icon-cloud-upload-16);
mask-image: var(--icon-cloud-upload-16);
+ background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss
index 7801790e4..03d72d01c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-x-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-x-24);
- mask-image: var(--icon-cloud-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-x-500, currentColor));
-webkit-mask-image: var(--icon-cloud-x-16);
mask-image: var(--icon-cloud-x-16);
+ background-color: var(--icon-color, var(--color-cloud-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss
index fc3d17076..275596398 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cloud {
- 50% {
-
- background-color: var(--icon-color, var(--color-cloud-500, currentColor));
- -webkit-mask-image: var(--icon-cloud-24);
- mask-image: var(--icon-cloud-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cloud-500, currentColor));
-webkit-mask-image: var(--icon-cloud-16);
mask-image: var(--icon-cloud-16);
+ background-color: var(--icon-color, var(--color-cloud-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss
index 8493d50db..dba4dc4d6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-code {
- 50% {
-
- background-color: var(--icon-color, var(--color-code-500, currentColor));
- -webkit-mask-image: var(--icon-code-24);
- mask-image: var(--icon-code-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-code-500, currentColor));
-webkit-mask-image: var(--icon-code-16);
mask-image: var(--icon-code-16);
+ background-color: var(--icon-color, var(--color-code-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss
index dd15ca3c5..1ab133fda 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-codepen-color {
- 50% {
- background-image: var(--icon-codepen-color-24);
- }
-
100% {
background-image: var(--icon-codepen-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss
index d8de8ecbc..ccd5bee19 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-codepen {
- 50% {
-
- background-color: var(--icon-color, var(--color-codepen-500, currentColor));
- -webkit-mask-image: var(--icon-codepen-color-24);
- mask-image: var(--icon-codepen-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-codepen-500, currentColor));
-webkit-mask-image: var(--icon-codepen-color-16);
mask-image: var(--icon-codepen-color-16);
+ background-color: var(--icon-color, var(--color-codepen-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss
index 8dd1aadc6..bb79a8c79 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-collections {
- 50% {
-
- background-color: var(--icon-color, var(--color-collections-500, currentColor));
- -webkit-mask-image: var(--icon-collections-24);
- mask-image: var(--icon-collections-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-collections-500, currentColor));
-webkit-mask-image: var(--icon-collections-16);
mask-image: var(--icon-collections-16);
+ background-color: var(--icon-color, var(--color-collections-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss
index 9fdfbd322..06954d60f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-command {
- 50% {
-
- background-color: var(--icon-color, var(--color-command-500, currentColor));
- -webkit-mask-image: var(--icon-command-24);
- mask-image: var(--icon-command-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-command-500, currentColor));
-webkit-mask-image: var(--icon-command-16);
mask-image: var(--icon-command-16);
+ background-color: var(--icon-color, var(--color-command-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss
index 4f657bb91..bc1a22891 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-compass {
- 50% {
-
- background-color: var(--icon-color, var(--color-compass-500, currentColor));
- -webkit-mask-image: var(--icon-compass-24);
- mask-image: var(--icon-compass-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-compass-500, currentColor));
-webkit-mask-image: var(--icon-compass-16);
mask-image: var(--icon-compass-16);
+ background-color: var(--icon-color, var(--color-compass-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss
index 479495f0a..68dc821aa 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-connection-gateway {
- 50% {
-
- background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor));
- -webkit-mask-image: var(--icon-connection-gateway-24);
- mask-image: var(--icon-connection-gateway-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor));
-webkit-mask-image: var(--icon-connection-gateway-16);
mask-image: var(--icon-connection-gateway-16);
+ background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss
index d3f102f83..765517630 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-connection {
- 50% {
-
- background-color: var(--icon-color, var(--color-connection-500, currentColor));
- -webkit-mask-image: var(--icon-connection-24);
- mask-image: var(--icon-connection-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-connection-500, currentColor));
-webkit-mask-image: var(--icon-connection-16);
mask-image: var(--icon-connection-16);
+ background-color: var(--icon-color, var(--color-connection-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss
index a246e64bb..b5a0c52fe 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-console {
- 50% {
-
- background-color: var(--icon-color, var(--color-console-500, currentColor));
- -webkit-mask-image: var(--icon-terminal-24);
- mask-image: var(--icon-terminal-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-console-500, currentColor));
-webkit-mask-image: var(--icon-terminal-16);
mask-image: var(--icon-terminal-16);
+ background-color: var(--icon-color, var(--color-console-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss
index 758184922..fe3b23ad8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-consul-color {
- 50% {
- background-image: var(--icon-consul-color-24);
- }
-
100% {
background-image: var(--icon-consul-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss
index e67c60042..0e0c6d4d4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-consul {
- 50% {
-
- background-color: var(--icon-color, var(--color-consul-500, currentColor));
- -webkit-mask-image: var(--icon-consul-color-24);
- mask-image: var(--icon-consul-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-consul-500, currentColor));
-webkit-mask-image: var(--icon-consul-color-16);
mask-image: var(--icon-consul-color-16);
+ background-color: var(--icon-color, var(--color-consul-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss
index f89196c18..711bd7210 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-copy-action {
- 50% {
-
- background-color: var(--icon-color, var(--color-copy-action-500, currentColor));
- -webkit-mask-image: var(--icon-clipboard-copy-24);
- mask-image: var(--icon-clipboard-copy-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-copy-action-500, currentColor));
-webkit-mask-image: var(--icon-clipboard-copy-16);
mask-image: var(--icon-clipboard-copy-16);
+ background-color: var(--icon-color, var(--color-copy-action-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss
index cf6054822..a795809f8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-copy-success {
- 50% {
-
- background-color: var(--icon-color, var(--color-copy-success-500, currentColor));
- -webkit-mask-image: var(--icon-clipboard-checked-24);
- mask-image: var(--icon-clipboard-checked-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-copy-success-500, currentColor));
-webkit-mask-image: var(--icon-clipboard-checked-16);
mask-image: var(--icon-clipboard-checked-16);
+ background-color: var(--icon-color, var(--color-copy-success-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss
index ac1c63125..708803a1f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-down-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor));
- -webkit-mask-image: var(--icon-corner-down-left-24);
- mask-image: var(--icon-corner-down-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor));
-webkit-mask-image: var(--icon-corner-down-left-16);
mask-image: var(--icon-corner-down-left-16);
+ background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss
index c10c6d901..4019385a5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-down-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor));
- -webkit-mask-image: var(--icon-corner-down-right-24);
- mask-image: var(--icon-corner-down-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor));
-webkit-mask-image: var(--icon-corner-down-right-16);
mask-image: var(--icon-corner-down-right-16);
+ background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss
index 7accdb92c..eeef5bf47 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-left-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor));
- -webkit-mask-image: var(--icon-corner-left-down-24);
- mask-image: var(--icon-corner-left-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor));
-webkit-mask-image: var(--icon-corner-left-down-16);
mask-image: var(--icon-corner-left-down-16);
+ background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss
index 6cb0b78a6..992e5786a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-left-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor));
- -webkit-mask-image: var(--icon-corner-left-up-24);
- mask-image: var(--icon-corner-left-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor));
-webkit-mask-image: var(--icon-corner-left-up-16);
mask-image: var(--icon-corner-left-up-16);
+ background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss
index c84808804..84c7d8ffa 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-right-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor));
- -webkit-mask-image: var(--icon-corner-right-down-24);
- mask-image: var(--icon-corner-right-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor));
-webkit-mask-image: var(--icon-corner-right-down-16);
mask-image: var(--icon-corner-right-down-16);
+ background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss
index a6cf11793..6aae59911 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-right-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor));
- -webkit-mask-image: var(--icon-corner-right-up-24);
- mask-image: var(--icon-corner-right-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor));
-webkit-mask-image: var(--icon-corner-right-up-16);
mask-image: var(--icon-corner-right-up-16);
+ background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss
index edde3e549..02878c151 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-up-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor));
- -webkit-mask-image: var(--icon-corner-up-left-24);
- mask-image: var(--icon-corner-up-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor));
-webkit-mask-image: var(--icon-corner-up-left-16);
mask-image: var(--icon-corner-up-left-16);
+ background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss
index c8ee6d88d..c9794d182 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-corner-up-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor));
- -webkit-mask-image: var(--icon-corner-up-right-24);
- mask-image: var(--icon-corner-up-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor));
-webkit-mask-image: var(--icon-corner-up-right-16);
mask-image: var(--icon-corner-up-right-16);
+ background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss
index af2ffefdd..4ff6e5389 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-cpu {
- 50% {
-
- background-color: var(--icon-color, var(--color-cpu-500, currentColor));
- -webkit-mask-image: var(--icon-cpu-24);
- mask-image: var(--icon-cpu-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-cpu-500, currentColor));
-webkit-mask-image: var(--icon-cpu-16);
mask-image: var(--icon-cpu-16);
+ background-color: var(--icon-color, var(--color-cpu-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss
index c6a4e3a30..8c9160400 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-credit-card {
- 50% {
-
- background-color: var(--icon-color, var(--color-credit-card-500, currentColor));
- -webkit-mask-image: var(--icon-credit-card-24);
- mask-image: var(--icon-credit-card-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-credit-card-500, currentColor));
-webkit-mask-image: var(--icon-credit-card-16);
mask-image: var(--icon-credit-card-16);
+ background-color: var(--icon-color, var(--color-credit-card-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss
index fb62f3807..2c18040dc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-crop {
- 50% {
-
- background-color: var(--icon-color, var(--color-crop-500, currentColor));
- -webkit-mask-image: var(--icon-crop-24);
- mask-image: var(--icon-crop-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-crop-500, currentColor));
-webkit-mask-image: var(--icon-crop-16);
mask-image: var(--icon-crop-16);
+ background-color: var(--icon-color, var(--color-crop-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss
index 26d7eebf4..7800c9ccd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-crosshair {
- 50% {
-
- background-color: var(--icon-color, var(--color-crosshair-500, currentColor));
- -webkit-mask-image: var(--icon-crosshair-24);
- mask-image: var(--icon-crosshair-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-crosshair-500, currentColor));
-webkit-mask-image: var(--icon-crosshair-16);
mask-image: var(--icon-crosshair-16);
+ background-color: var(--icon-color, var(--color-crosshair-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss
index 63aebfe8e..a5d6e9bc4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-dashboard {
- 50% {
-
- background-color: var(--icon-color, var(--color-dashboard-500, currentColor));
- -webkit-mask-image: var(--icon-dashboard-24);
- mask-image: var(--icon-dashboard-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-dashboard-500, currentColor));
-webkit-mask-image: var(--icon-dashboard-16);
mask-image: var(--icon-dashboard-16);
+ background-color: var(--icon-color, var(--color-dashboard-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss
index 67417f2e3..b6e7290a3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-database {
- 50% {
-
- background-color: var(--icon-color, var(--color-database-500, currentColor));
- -webkit-mask-image: var(--icon-database-24);
- mask-image: var(--icon-database-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-database-500, currentColor));
-webkit-mask-image: var(--icon-database-16);
mask-image: var(--icon-database-16);
+ background-color: var(--icon-color, var(--color-database-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss
index 13c1fef92..6b66b7f44 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-delay {
- 50% {
-
- background-color: var(--icon-color, var(--color-delay-500, currentColor));
- -webkit-mask-image: var(--icon-delay-24);
- mask-image: var(--icon-delay-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-delay-500, currentColor));
-webkit-mask-image: var(--icon-delay-16);
mask-image: var(--icon-delay-16);
+ background-color: var(--icon-color, var(--color-delay-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss
index edf768bdd..864bbdf2d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-delete {
- 50% {
-
- background-color: var(--icon-color, var(--color-delete-500, currentColor));
- -webkit-mask-image: var(--icon-delete-24);
- mask-image: var(--icon-delete-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-delete-500, currentColor));
-webkit-mask-image: var(--icon-delete-16);
mask-image: var(--icon-delete-16);
+ background-color: var(--icon-color, var(--color-delete-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss
index 82b82d66b..862dac4b0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-deny-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-deny-alt-500, currentColor));
- -webkit-mask-image: var(--icon-skip-24);
- mask-image: var(--icon-skip-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-deny-alt-500, currentColor));
-webkit-mask-image: var(--icon-skip-16);
mask-image: var(--icon-skip-16);
+ background-color: var(--icon-color, var(--color-deny-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss
index 3ef5c7efe..44abc05a6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-deny-color {
- 50% {
- background-image: var(--icon-deny-color-24);
- }
-
100% {
background-image: var(--icon-deny-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss
index fbaf62867..4eb07b47d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-deny-default {
- 50% {
-
- background-color: var(--icon-color, var(--color-deny-default-500, currentColor));
- -webkit-mask-image: var(--icon-skip-24);
- mask-image: var(--icon-skip-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-deny-default-500, currentColor));
-webkit-mask-image: var(--icon-skip-16);
mask-image: var(--icon-skip-16);
+ background-color: var(--icon-color, var(--color-deny-default-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss
index 0a7603c36..a191e1040 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-diamond-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor));
- -webkit-mask-image: var(--icon-diamond-fill-24);
- mask-image: var(--icon-diamond-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor));
-webkit-mask-image: var(--icon-diamond-fill-16);
mask-image: var(--icon-diamond-fill-16);
+ background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss
index 96d5d743e..8ae5e39d7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-diamond {
- 50% {
-
- background-color: var(--icon-color, var(--color-diamond-500, currentColor));
- -webkit-mask-image: var(--icon-diamond-24);
- mask-image: var(--icon-diamond-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-diamond-500, currentColor));
-webkit-mask-image: var(--icon-diamond-16);
mask-image: var(--icon-diamond-16);
+ background-color: var(--icon-color, var(--color-diamond-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss
index 1eaec05f1..615f61cf6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-disabled {
- 50% {
-
- background-color: var(--icon-color, var(--color-disabled-500, currentColor));
- -webkit-mask-image: var(--icon-skip-24);
- mask-image: var(--icon-skip-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-disabled-500, currentColor));
-webkit-mask-image: var(--icon-skip-16);
mask-image: var(--icon-skip-16);
+ background-color: var(--icon-color, var(--color-disabled-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss
index a9dad30bd..a9f127085 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-disc {
- 50% {
-
- background-color: var(--icon-color, var(--color-disc-500, currentColor));
- -webkit-mask-image: var(--icon-disc-24);
- mask-image: var(--icon-disc-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-disc-500, currentColor));
-webkit-mask-image: var(--icon-disc-16);
mask-image: var(--icon-disc-16);
+ background-color: var(--icon-color, var(--color-disc-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss
index c46d20efa..6bd4165b0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-discussion-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor));
- -webkit-mask-image: var(--icon-discussion-circle-24);
- mask-image: var(--icon-discussion-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor));
-webkit-mask-image: var(--icon-discussion-circle-16);
mask-image: var(--icon-discussion-circle-16);
+ background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss
index 1933614c3..c191c0f19 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-discussion-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-discussion-square-500, currentColor));
- -webkit-mask-image: var(--icon-discussion-square-24);
- mask-image: var(--icon-discussion-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-discussion-square-500, currentColor));
-webkit-mask-image: var(--icon-discussion-square-16);
mask-image: var(--icon-discussion-square-16);
+ background-color: var(--icon-color, var(--color-discussion-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss
index 727a2e153..eed414d39 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-docker-color {
- 50% {
- background-image: var(--icon-docker-color-24);
- }
-
100% {
background-image: var(--icon-docker-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss
index 4f08dc7a0..f2296adbd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-docker {
- 50% {
-
- background-color: var(--icon-color, var(--color-docker-500, currentColor));
- -webkit-mask-image: var(--icon-docker-color-24);
- mask-image: var(--icon-docker-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-docker-500, currentColor));
-webkit-mask-image: var(--icon-docker-color-16);
mask-image: var(--icon-docker-color-16);
+ background-color: var(--icon-color, var(--color-docker-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss
index 7908ba367..11e39ebe4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-docs-download {
- 50% {
-
- background-color: var(--icon-color, var(--color-docs-download-500, currentColor));
- -webkit-mask-image: var(--icon-docs-download-24);
- mask-image: var(--icon-docs-download-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-docs-download-500, currentColor));
-webkit-mask-image: var(--icon-docs-download-16);
mask-image: var(--icon-docs-download-16);
+ background-color: var(--icon-color, var(--color-docs-download-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss
index c1148d126..0a9f7a209 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-docs-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-docs-link-500, currentColor));
- -webkit-mask-image: var(--icon-docs-link-24);
- mask-image: var(--icon-docs-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-docs-link-500, currentColor));
-webkit-mask-image: var(--icon-docs-link-16);
mask-image: var(--icon-docs-link-16);
+ background-color: var(--icon-color, var(--color-docs-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss
index fb668431e..121ace224 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-docs {
- 50% {
-
- background-color: var(--icon-color, var(--color-docs-500, currentColor));
- -webkit-mask-image: var(--icon-docs-24);
- mask-image: var(--icon-docs-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-docs-500, currentColor));
-webkit-mask-image: var(--icon-docs-16);
mask-image: var(--icon-docs-16);
+ background-color: var(--icon-color, var(--color-docs-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss
index eb01fd337..711ab5fd1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-dollar-sign {
- 50% {
-
- background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor));
- -webkit-mask-image: var(--icon-dollar-sign-24);
- mask-image: var(--icon-dollar-sign-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor));
-webkit-mask-image: var(--icon-dollar-sign-16);
mask-image: var(--icon-dollar-sign-16);
+ background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss
index 26f3f0d25..0b2e94831 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-dot-half {
- 50% {
-
- background-color: var(--icon-color, var(--color-dot-half-500, currentColor));
- -webkit-mask-image: var(--icon-dot-half-24);
- mask-image: var(--icon-dot-half-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-dot-half-500, currentColor));
-webkit-mask-image: var(--icon-dot-half-16);
mask-image: var(--icon-dot-half-16);
+ background-color: var(--icon-color, var(--color-dot-half-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss
index be9a570c5..619a523d8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-dot {
- 50% {
-
- background-color: var(--icon-color, var(--color-dot-500, currentColor));
- -webkit-mask-image: var(--icon-dot-24);
- mask-image: var(--icon-dot-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-dot-500, currentColor));
-webkit-mask-image: var(--icon-dot-16);
mask-image: var(--icon-dot-16);
+ background-color: var(--icon-color, var(--color-dot-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss
index b70ec434a..f3bd792ec 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-download {
- 50% {
-
- background-color: var(--icon-color, var(--color-download-500, currentColor));
- -webkit-mask-image: var(--icon-download-24);
- mask-image: var(--icon-download-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-download-500, currentColor));
-webkit-mask-image: var(--icon-download-16);
mask-image: var(--icon-download-16);
+ background-color: var(--icon-color, var(--color-download-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss
index 29865aae6..b86de1503 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-droplet {
- 50% {
-
- background-color: var(--icon-color, var(--color-droplet-500, currentColor));
- -webkit-mask-image: var(--icon-droplet-24);
- mask-image: var(--icon-droplet-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-droplet-500, currentColor));
-webkit-mask-image: var(--icon-droplet-16);
mask-image: var(--icon-droplet-16);
+ background-color: var(--icon-color, var(--color-droplet-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss
index 5582dd862..0b997f91f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-duplicate {
- 50% {
-
- background-color: var(--icon-color, var(--color-duplicate-500, currentColor));
- -webkit-mask-image: var(--icon-duplicate-24);
- mask-image: var(--icon-duplicate-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-duplicate-500, currentColor));
-webkit-mask-image: var(--icon-duplicate-16);
mask-image: var(--icon-duplicate-16);
+ background-color: var(--icon-color, var(--color-duplicate-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss
index d35b804e4..9657eb631 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-edit {
- 50% {
-
- background-color: var(--icon-color, var(--color-edit-500, currentColor));
- -webkit-mask-image: var(--icon-edit-24);
- mask-image: var(--icon-edit-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-edit-500, currentColor));
-webkit-mask-image: var(--icon-edit-16);
mask-image: var(--icon-edit-16);
+ background-color: var(--icon-color, var(--color-edit-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss
index 2115d4a66..d4e45df1c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-enterprise {
- 50% {
-
- background-color: var(--icon-color, var(--color-enterprise-500, currentColor));
- -webkit-mask-image: var(--icon-enterprise-24);
- mask-image: var(--icon-enterprise-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-enterprise-500, currentColor));
-webkit-mask-image: var(--icon-enterprise-16);
mask-image: var(--icon-enterprise-16);
+ background-color: var(--icon-color, var(--color-enterprise-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss
index 90075a3ef..74bcd47f3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-entry-point {
- 50% {
-
- background-color: var(--icon-color, var(--color-entry-point-500, currentColor));
- -webkit-mask-image: var(--icon-entry-point-24);
- mask-image: var(--icon-entry-point-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-entry-point-500, currentColor));
-webkit-mask-image: var(--icon-entry-point-16);
mask-image: var(--icon-entry-point-16);
+ background-color: var(--icon-color, var(--color-entry-point-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss
index dfc7f11ff..6e808ab7c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-envelope-sealed-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor));
- -webkit-mask-image: var(--icon-mail-24);
- mask-image: var(--icon-mail-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor));
-webkit-mask-image: var(--icon-mail-16);
mask-image: var(--icon-mail-16);
+ background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss
index 4a9e39938..1798fad25 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-envelope-sealed-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor));
- -webkit-mask-image: var(--icon-mail-24);
- mask-image: var(--icon-mail-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor));
-webkit-mask-image: var(--icon-mail-16);
mask-image: var(--icon-mail-16);
+ background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss
index 8722dd307..bbe13813a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-envelope-unsealed--outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor));
- -webkit-mask-image: var(--icon-mail-open-24);
- mask-image: var(--icon-mail-open-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor));
-webkit-mask-image: var(--icon-mail-open-16);
mask-image: var(--icon-mail-open-16);
+ background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss
index 1fc70ec0e..8218b6816 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-envelope-unsealed-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor));
- -webkit-mask-image: var(--icon-mail-open-24);
- mask-image: var(--icon-mail-open-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor));
-webkit-mask-image: var(--icon-mail-open-16);
mask-image: var(--icon-mail-open-16);
+ background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss
index 12689be20..4bef79dbe 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-event {
- 50% {
-
- background-color: var(--icon-color, var(--color-event-500, currentColor));
- -webkit-mask-image: var(--icon-event-24);
- mask-image: var(--icon-event-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-event-500, currentColor));
-webkit-mask-image: var(--icon-event-16);
mask-image: var(--icon-event-16);
+ background-color: var(--icon-color, var(--color-event-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss
index e072d471a..b8374a26d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-exit-point {
- 50% {
-
- background-color: var(--icon-color, var(--color-exit-point-500, currentColor));
- -webkit-mask-image: var(--icon-exit-point-24);
- mask-image: var(--icon-exit-point-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-exit-point-500, currentColor));
-webkit-mask-image: var(--icon-exit-point-16);
mask-image: var(--icon-exit-point-16);
+ background-color: var(--icon-color, var(--color-exit-point-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss
index c84b874a8..ed7690388 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-exit {
- 50% {
-
- background-color: var(--icon-color, var(--color-exit-500, currentColor));
- -webkit-mask-image: var(--icon-external-link-24);
- mask-image: var(--icon-external-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-exit-500, currentColor));
-webkit-mask-image: var(--icon-external-link-16);
mask-image: var(--icon-external-link-16);
+ background-color: var(--icon-color, var(--color-exit-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss
index b41400c48..0f80b368e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-expand-less {
- 50% {
-
- background-color: var(--icon-color, var(--color-expand-less-500, currentColor));
- -webkit-mask-image: var(--icon-minimize-24);
- mask-image: var(--icon-minimize-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-expand-less-500, currentColor));
-webkit-mask-image: var(--icon-minimize-16);
mask-image: var(--icon-minimize-16);
+ background-color: var(--icon-color, var(--color-expand-less-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss
index aa6a33ad5..06b5e4df5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-expand-more {
- 50% {
-
- background-color: var(--icon-color, var(--color-expand-more-500, currentColor));
- -webkit-mask-image: var(--icon-maximize-24);
- mask-image: var(--icon-maximize-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-expand-more-500, currentColor));
-webkit-mask-image: var(--icon-maximize-16);
mask-image: var(--icon-maximize-16);
+ background-color: var(--icon-color, var(--color-expand-more-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss
index 4ec11d765..14f0ebc3d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-external-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-external-link-500, currentColor));
- -webkit-mask-image: var(--icon-external-link-24);
- mask-image: var(--icon-external-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-external-link-500, currentColor));
-webkit-mask-image: var(--icon-external-link-16);
mask-image: var(--icon-external-link-16);
+ background-color: var(--icon-color, var(--color-external-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss
index 4800009dc..6fa9be5f5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-eye-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-eye-off-500, currentColor));
- -webkit-mask-image: var(--icon-eye-off-24);
- mask-image: var(--icon-eye-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-eye-off-500, currentColor));
-webkit-mask-image: var(--icon-eye-off-16);
mask-image: var(--icon-eye-off-16);
+ background-color: var(--icon-color, var(--color-eye-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss
index c62ab2133..69b5bdfd5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-eye {
- 50% {
-
- background-color: var(--icon-color, var(--color-eye-500, currentColor));
- -webkit-mask-image: var(--icon-eye-24);
- mask-image: var(--icon-eye-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-eye-500, currentColor));
-webkit-mask-image: var(--icon-eye-16);
mask-image: var(--icon-eye-16);
+ background-color: var(--icon-color, var(--color-eye-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss
index 96d7187b6..afbab64a8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-f5-color {
- 50% {
- background-image: var(--icon-f5-color-24);
- }
-
100% {
background-image: var(--icon-f5-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss
index 10b284578..dca828d9b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-f5 {
- 50% {
-
- background-color: var(--icon-color, var(--color-f5-500, currentColor));
- -webkit-mask-image: var(--icon-f5-color-24);
- mask-image: var(--icon-f5-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-f5-500, currentColor));
-webkit-mask-image: var(--icon-f5-color-16);
mask-image: var(--icon-f5-color-16);
+ background-color: var(--icon-color, var(--color-f5-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss
index f1a630a53..10fe22166 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-facebook-color {
- 50% {
- background-image: var(--icon-facebook-color-24);
- }
-
100% {
background-image: var(--icon-facebook-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss
index af5f15ada..e0c7f0af4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-facebook {
- 50% {
-
- background-color: var(--icon-color, var(--color-facebook-500, currentColor));
- -webkit-mask-image: var(--icon-facebook-color-24);
- mask-image: var(--icon-facebook-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-facebook-500, currentColor));
-webkit-mask-image: var(--icon-facebook-color-16);
mask-image: var(--icon-facebook-color-16);
+ background-color: var(--icon-color, var(--color-facebook-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss
index 37c196549..23f2e4a57 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-fast-forward {
- 50% {
-
- background-color: var(--icon-color, var(--color-fast-forward-500, currentColor));
- -webkit-mask-image: var(--icon-fast-forward-24);
- mask-image: var(--icon-fast-forward-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-fast-forward-500, currentColor));
-webkit-mask-image: var(--icon-fast-forward-16);
mask-image: var(--icon-fast-forward-16);
+ background-color: var(--icon-color, var(--color-fast-forward-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss
index 16e015983..4ff02b892 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-change {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-change-500, currentColor));
- -webkit-mask-image: var(--icon-file-change-24);
- mask-image: var(--icon-file-change-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-change-500, currentColor));
-webkit-mask-image: var(--icon-file-change-16);
mask-image: var(--icon-file-change-16);
+ background-color: var(--icon-color, var(--color-file-change-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss
index bac78e8d8..3a64422b9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-check {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-check-500, currentColor));
- -webkit-mask-image: var(--icon-file-check-24);
- mask-image: var(--icon-file-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-check-500, currentColor));
-webkit-mask-image: var(--icon-file-check-16);
mask-image: var(--icon-file-check-16);
+ background-color: var(--icon-color, var(--color-file-check-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss
index cc2056d4e..6c1a94560 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-diff {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-diff-500, currentColor));
- -webkit-mask-image: var(--icon-file-diff-24);
- mask-image: var(--icon-file-diff-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-diff-500, currentColor));
-webkit-mask-image: var(--icon-file-diff-16);
mask-image: var(--icon-file-diff-16);
+ background-color: var(--icon-color, var(--color-file-diff-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss
index 1b67a25d2..1d1176115 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-fill-500, currentColor));
- -webkit-mask-image: var(--icon-file-24);
- mask-image: var(--icon-file-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-fill-500, currentColor));
-webkit-mask-image: var(--icon-file-16);
mask-image: var(--icon-file-16);
+ background-color: var(--icon-color, var(--color-file-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss
index 824d07642..ec502684f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-minus {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-minus-500, currentColor));
- -webkit-mask-image: var(--icon-file-minus-24);
- mask-image: var(--icon-file-minus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-minus-500, currentColor));
-webkit-mask-image: var(--icon-file-minus-16);
mask-image: var(--icon-file-minus-16);
+ background-color: var(--icon-color, var(--color-file-minus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss
index db459bd8e..370cf494d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-outline-500, currentColor));
- -webkit-mask-image: var(--icon-file-24);
- mask-image: var(--icon-file-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-outline-500, currentColor));
-webkit-mask-image: var(--icon-file-16);
mask-image: var(--icon-file-16);
+ background-color: var(--icon-color, var(--color-file-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss
index 4b8077ff1..06f1970b1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-plus {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-plus-500, currentColor));
- -webkit-mask-image: var(--icon-file-plus-24);
- mask-image: var(--icon-file-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-plus-500, currentColor));
-webkit-mask-image: var(--icon-file-plus-16);
mask-image: var(--icon-file-plus-16);
+ background-color: var(--icon-color, var(--color-file-plus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss
index 92502306a..1657a00d3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-source {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-source-500, currentColor));
- -webkit-mask-image: var(--icon-file-source-24);
- mask-image: var(--icon-file-source-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-source-500, currentColor));
-webkit-mask-image: var(--icon-file-source-16);
mask-image: var(--icon-file-source-16);
+ background-color: var(--icon-color, var(--color-file-source-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss
index 169421d87..8f6779fc4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-text {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-text-500, currentColor));
- -webkit-mask-image: var(--icon-file-text-24);
- mask-image: var(--icon-file-text-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-text-500, currentColor));
-webkit-mask-image: var(--icon-file-text-16);
mask-image: var(--icon-file-text-16);
+ background-color: var(--icon-color, var(--color-file-text-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss
index 876d071ca..e9ba46edd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-x-500, currentColor));
- -webkit-mask-image: var(--icon-file-x-24);
- mask-image: var(--icon-file-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-x-500, currentColor));
-webkit-mask-image: var(--icon-file-x-16);
mask-image: var(--icon-file-x-16);
+ background-color: var(--icon-color, var(--color-file-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss
index dfb9edc25..863b788bb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-file {
- 50% {
-
- background-color: var(--icon-color, var(--color-file-500, currentColor));
- -webkit-mask-image: var(--icon-file-24);
- mask-image: var(--icon-file-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-file-500, currentColor));
-webkit-mask-image: var(--icon-file-16);
mask-image: var(--icon-file-16);
+ background-color: var(--icon-color, var(--color-file-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss
index 0ccf553b9..6900d0d5c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-files {
- 50% {
-
- background-color: var(--icon-color, var(--color-files-500, currentColor));
- -webkit-mask-image: var(--icon-files-24);
- mask-image: var(--icon-files-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-files-500, currentColor));
-webkit-mask-image: var(--icon-files-16);
mask-image: var(--icon-files-16);
+ background-color: var(--icon-color, var(--color-files-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss
index 1040ff130..a3b15eabc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-film {
- 50% {
-
- background-color: var(--icon-color, var(--color-film-500, currentColor));
- -webkit-mask-image: var(--icon-film-24);
- mask-image: var(--icon-film-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-film-500, currentColor));
-webkit-mask-image: var(--icon-film-16);
mask-image: var(--icon-film-16);
+ background-color: var(--icon-color, var(--color-film-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss
index b0de451a9..8591a3479 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-filter-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-filter-circle-500, currentColor));
- -webkit-mask-image: var(--icon-filter-circle-24);
- mask-image: var(--icon-filter-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-filter-circle-500, currentColor));
-webkit-mask-image: var(--icon-filter-circle-16);
mask-image: var(--icon-filter-circle-16);
+ background-color: var(--icon-color, var(--color-filter-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss
index 0f78ce7a6..1a5ff3335 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-filter-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-filter-fill-500, currentColor));
- -webkit-mask-image: var(--icon-filter-fill-24);
- mask-image: var(--icon-filter-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-filter-fill-500, currentColor));
-webkit-mask-image: var(--icon-filter-fill-16);
mask-image: var(--icon-filter-fill-16);
+ background-color: var(--icon-color, var(--color-filter-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss
index 4a83e8fad..ccc265cb4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-filter {
- 50% {
-
- background-color: var(--icon-color, var(--color-filter-500, currentColor));
- -webkit-mask-image: var(--icon-filter-24);
- mask-image: var(--icon-filter-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-filter-500, currentColor));
-webkit-mask-image: var(--icon-filter-16);
mask-image: var(--icon-filter-16);
+ background-color: var(--icon-color, var(--color-filter-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss
index 7bdece335..d89f3c981 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-fingerprint {
- 50% {
-
- background-color: var(--icon-color, var(--color-fingerprint-500, currentColor));
- -webkit-mask-image: var(--icon-fingerprint-24);
- mask-image: var(--icon-fingerprint-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-fingerprint-500, currentColor));
-webkit-mask-image: var(--icon-fingerprint-16);
mask-image: var(--icon-fingerprint-16);
+ background-color: var(--icon-color, var(--color-fingerprint-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss
index d61fc0cc5..3a80b6363 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-flag {
- 50% {
-
- background-color: var(--icon-color, var(--color-flag-500, currentColor));
- -webkit-mask-image: var(--icon-flag-24);
- mask-image: var(--icon-flag-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-flag-500, currentColor));
-webkit-mask-image: var(--icon-flag-16);
mask-image: var(--icon-flag-16);
+ background-color: var(--icon-color, var(--color-flag-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss
index b774e296f..571da7cdc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-fill-500, currentColor));
- -webkit-mask-image: var(--icon-folder-fill-24);
- mask-image: var(--icon-folder-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-fill-500, currentColor));
-webkit-mask-image: var(--icon-folder-fill-16);
mask-image: var(--icon-folder-fill-16);
+ background-color: var(--icon-color, var(--color-folder-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss
index bfb1b3368..ba39799ab 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-minus-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor));
- -webkit-mask-image: var(--icon-folder-minus-fill-24);
- mask-image: var(--icon-folder-minus-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor));
-webkit-mask-image: var(--icon-folder-minus-fill-16);
mask-image: var(--icon-folder-minus-fill-16);
+ background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss
index d292fb2dd..8a4cd0913 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-minus {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-minus-500, currentColor));
- -webkit-mask-image: var(--icon-folder-minus-24);
- mask-image: var(--icon-folder-minus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-minus-500, currentColor));
-webkit-mask-image: var(--icon-folder-minus-16);
mask-image: var(--icon-folder-minus-16);
+ background-color: var(--icon-color, var(--color-folder-minus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss
index dab3443e5..4e80ae489 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-outline-500, currentColor));
- -webkit-mask-image: var(--icon-folder-24);
- mask-image: var(--icon-folder-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-outline-500, currentColor));
-webkit-mask-image: var(--icon-folder-16);
mask-image: var(--icon-folder-16);
+ background-color: var(--icon-color, var(--color-folder-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss
index b985b8e0e..e22a878f8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-plus-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor));
- -webkit-mask-image: var(--icon-folder-plus-fill-24);
- mask-image: var(--icon-folder-plus-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor));
-webkit-mask-image: var(--icon-folder-plus-fill-16);
mask-image: var(--icon-folder-plus-fill-16);
+ background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss
index 56e904d10..5db1252ab 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-plus {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-plus-500, currentColor));
- -webkit-mask-image: var(--icon-folder-plus-24);
- mask-image: var(--icon-folder-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-plus-500, currentColor));
-webkit-mask-image: var(--icon-folder-plus-16);
mask-image: var(--icon-folder-plus-16);
+ background-color: var(--icon-color, var(--color-folder-plus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss
index 2629e68d7..cf239ffc4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-star {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-star-500, currentColor));
- -webkit-mask-image: var(--icon-folder-star-24);
- mask-image: var(--icon-folder-star-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-star-500, currentColor));
-webkit-mask-image: var(--icon-folder-star-16);
mask-image: var(--icon-folder-star-16);
+ background-color: var(--icon-color, var(--color-folder-star-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss
index 5040e8c3d..b5e1ee028 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder-users {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-users-500, currentColor));
- -webkit-mask-image: var(--icon-folder-users-24);
- mask-image: var(--icon-folder-users-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-users-500, currentColor));
-webkit-mask-image: var(--icon-folder-users-16);
mask-image: var(--icon-folder-users-16);
+ background-color: var(--icon-color, var(--color-folder-users-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss
index a591f5ff6..82a0228f6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-folder {
- 50% {
-
- background-color: var(--icon-color, var(--color-folder-500, currentColor));
- -webkit-mask-image: var(--icon-folder-24);
- mask-image: var(--icon-folder-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-folder-500, currentColor));
-webkit-mask-image: var(--icon-folder-16);
mask-image: var(--icon-folder-16);
+ background-color: var(--icon-color, var(--color-folder-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss
index c62640b34..7fe2291f1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-frown {
- 50% {
-
- background-color: var(--icon-color, var(--color-frown-500, currentColor));
- -webkit-mask-image: var(--icon-frown-24);
- mask-image: var(--icon-frown-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-frown-500, currentColor));
-webkit-mask-image: var(--icon-frown-16);
mask-image: var(--icon-frown-16);
+ background-color: var(--icon-color, var(--color-frown-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss
index 9c53987e5..04557fceb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gateway {
- 50% {
-
- background-color: var(--icon-color, var(--color-gateway-500, currentColor));
- -webkit-mask-image: var(--icon-gateway-24);
- mask-image: var(--icon-gateway-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gateway-500, currentColor));
-webkit-mask-image: var(--icon-gateway-16);
mask-image: var(--icon-gateway-16);
+ background-color: var(--icon-color, var(--color-gateway-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss
index c88ec5f82..20e7c8317 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-gcp-color {
- 50% {
- background-image: var(--icon-gcp-color-24);
- }
-
100% {
background-image: var(--icon-gcp-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss
index e79503f9d..55c70a52e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gcp {
- 50% {
-
- background-color: var(--icon-color, var(--color-gcp-500, currentColor));
- -webkit-mask-image: var(--icon-gcp-color-24);
- mask-image: var(--icon-gcp-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gcp-500, currentColor));
-webkit-mask-image: var(--icon-gcp-color-16);
mask-image: var(--icon-gcp-color-16);
+ background-color: var(--icon-color, var(--color-gcp-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss
index 3ad74ffbb..e7433437e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gift-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-gift-fill-500, currentColor));
- -webkit-mask-image: var(--icon-gift-24);
- mask-image: var(--icon-gift-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gift-fill-500, currentColor));
-webkit-mask-image: var(--icon-gift-16);
mask-image: var(--icon-gift-16);
+ background-color: var(--icon-color, var(--color-gift-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss
index b1d9b115e..ed2e6e743 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gift-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-gift-outline-500, currentColor));
- -webkit-mask-image: var(--icon-gift-24);
- mask-image: var(--icon-gift-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gift-outline-500, currentColor));
-webkit-mask-image: var(--icon-gift-16);
mask-image: var(--icon-gift-16);
+ background-color: var(--icon-color, var(--color-gift-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss
index 6f3551fe0..600d188ed 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gift {
- 50% {
-
- background-color: var(--icon-color, var(--color-gift-500, currentColor));
- -webkit-mask-image: var(--icon-gift-24);
- mask-image: var(--icon-gift-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gift-500, currentColor));
-webkit-mask-image: var(--icon-gift-16);
mask-image: var(--icon-gift-16);
+ background-color: var(--icon-color, var(--color-gift-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss
index fb8594ac6..e5ac94c54 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-branch {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-branch-500, currentColor));
- -webkit-mask-image: var(--icon-git-branch-24);
- mask-image: var(--icon-git-branch-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-branch-500, currentColor));
-webkit-mask-image: var(--icon-git-branch-16);
mask-image: var(--icon-git-branch-16);
+ background-color: var(--icon-color, var(--color-git-branch-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss
index 6b115f3a4..79196b157 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-commit {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-commit-500, currentColor));
- -webkit-mask-image: var(--icon-git-commit-24);
- mask-image: var(--icon-git-commit-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-commit-500, currentColor));
-webkit-mask-image: var(--icon-git-commit-16);
mask-image: var(--icon-git-commit-16);
+ background-color: var(--icon-color, var(--color-git-commit-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss
index 18f7b56dd..0fffc7c12 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-merge {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-merge-500, currentColor));
- -webkit-mask-image: var(--icon-git-merge-24);
- mask-image: var(--icon-git-merge-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-merge-500, currentColor));
-webkit-mask-image: var(--icon-git-merge-16);
mask-image: var(--icon-git-merge-16);
+ background-color: var(--icon-color, var(--color-git-merge-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss
index 1b77cb705..f05fd7523 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-pull-request {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor));
- -webkit-mask-image: var(--icon-git-pull-request-24);
- mask-image: var(--icon-git-pull-request-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor));
-webkit-mask-image: var(--icon-git-pull-request-16);
mask-image: var(--icon-git-pull-request-16);
+ background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss
index 678a5c0fb..0fd9d85b1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-repo {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-repo-500, currentColor));
- -webkit-mask-image: var(--icon-git-repo-24);
- mask-image: var(--icon-git-repo-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-repo-500, currentColor));
-webkit-mask-image: var(--icon-git-repo-16);
mask-image: var(--icon-git-repo-16);
+ background-color: var(--icon-color, var(--color-git-repo-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss
index 3324dfa3d..8230cae04 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-git-repository {
- 50% {
-
- background-color: var(--icon-color, var(--color-git-repository-500, currentColor));
- -webkit-mask-image: var(--icon-git-repo-24);
- mask-image: var(--icon-git-repo-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-git-repository-500, currentColor));
-webkit-mask-image: var(--icon-git-repo-16);
mask-image: var(--icon-git-repo-16);
+ background-color: var(--icon-color, var(--color-git-repository-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss
index dc22b46cb..ee58ca653 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-github-color {
- 50% {
- background-image: var(--icon-github-color-24);
- }
-
100% {
background-image: var(--icon-github-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss
index ececd8a22..92f869b07 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-github {
- 50% {
-
- background-color: var(--icon-color, var(--color-github-500, currentColor));
- -webkit-mask-image: var(--icon-github-color-24);
- mask-image: var(--icon-github-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-github-500, currentColor));
-webkit-mask-image: var(--icon-github-color-16);
mask-image: var(--icon-github-color-16);
+ background-color: var(--icon-color, var(--color-github-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss
index 07dae2fa5..0fd6dbe54 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-gitlab-color {
- 50% {
- background-image: var(--icon-gitlab-color-24);
- }
-
100% {
background-image: var(--icon-gitlab-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss
index 0710046ec..4e2d87c7e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-gitlab {
- 50% {
-
- background-color: var(--icon-color, var(--color-gitlab-500, currentColor));
- -webkit-mask-image: var(--icon-gitlab-color-24);
- mask-image: var(--icon-gitlab-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-gitlab-500, currentColor));
-webkit-mask-image: var(--icon-gitlab-color-16);
mask-image: var(--icon-gitlab-color-16);
+ background-color: var(--icon-color, var(--color-gitlab-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss
index 30090f0c0..121c8b1cc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-globe-private {
- 50% {
-
- background-color: var(--icon-color, var(--color-globe-private-500, currentColor));
- -webkit-mask-image: var(--icon-globe-private-24);
- mask-image: var(--icon-globe-private-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-globe-private-500, currentColor));
-webkit-mask-image: var(--icon-globe-private-16);
mask-image: var(--icon-globe-private-16);
+ background-color: var(--icon-color, var(--color-globe-private-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss
index cd0ec4e3f..d69ccd7bc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-globe {
- 50% {
-
- background-color: var(--icon-color, var(--color-globe-500, currentColor));
- -webkit-mask-image: var(--icon-globe-24);
- mask-image: var(--icon-globe-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-globe-500, currentColor));
-webkit-mask-image: var(--icon-globe-16);
mask-image: var(--icon-globe-16);
+ background-color: var(--icon-color, var(--color-globe-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss
index aefdb4ae9..4d484f099 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-google-color {
- 50% {
- background-image: var(--icon-google-color-24);
- }
-
100% {
background-image: var(--icon-google-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss
index 98c2a4684..c328e671f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-google {
- 50% {
-
- background-color: var(--icon-color, var(--color-google-500, currentColor));
- -webkit-mask-image: var(--icon-google-color-24);
- mask-image: var(--icon-google-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-google-500, currentColor));
-webkit-mask-image: var(--icon-google-color-16);
mask-image: var(--icon-google-color-16);
+ background-color: var(--icon-color, var(--color-google-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss
index a43f75ecb..d8d22f563 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-grid-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-grid-alt-500, currentColor));
- -webkit-mask-image: var(--icon-grid-alt-24);
- mask-image: var(--icon-grid-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-grid-alt-500, currentColor));
-webkit-mask-image: var(--icon-grid-alt-16);
mask-image: var(--icon-grid-alt-16);
+ background-color: var(--icon-color, var(--color-grid-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss
index 4bd31c5a2..815f05e8f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-grid {
- 50% {
-
- background-color: var(--icon-color, var(--color-grid-500, currentColor));
- -webkit-mask-image: var(--icon-grid-24);
- mask-image: var(--icon-grid-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-grid-500, currentColor));
-webkit-mask-image: var(--icon-grid-16);
mask-image: var(--icon-grid-16);
+ background-color: var(--icon-color, var(--color-grid-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss
index 7faa64841..037db9895 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-guide-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-guide-link-500, currentColor));
- -webkit-mask-image: var(--icon-guide-link-24);
- mask-image: var(--icon-guide-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-guide-link-500, currentColor));
-webkit-mask-image: var(--icon-guide-link-16);
mask-image: var(--icon-guide-link-16);
+ background-color: var(--icon-color, var(--color-guide-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss
index d8432f416..a78c5b6b3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-guide {
- 50% {
-
- background-color: var(--icon-color, var(--color-guide-500, currentColor));
- -webkit-mask-image: var(--icon-guide-24);
- mask-image: var(--icon-guide-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-guide-500, currentColor));
-webkit-mask-image: var(--icon-guide-16);
mask-image: var(--icon-guide-16);
+ background-color: var(--icon-color, var(--color-guide-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss
index 1f37d2cf9..acb3b31e8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hammer {
- 50% {
-
- background-color: var(--icon-color, var(--color-hammer-500, currentColor));
- -webkit-mask-image: var(--icon-hammer-24);
- mask-image: var(--icon-hammer-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hammer-500, currentColor));
-webkit-mask-image: var(--icon-hammer-16);
mask-image: var(--icon-hammer-16);
+ background-color: var(--icon-color, var(--color-hammer-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss
index 999e68c8b..fecfbfe70 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-handshake {
- 50% {
-
- background-color: var(--icon-color, var(--color-handshake-500, currentColor));
- -webkit-mask-image: var(--icon-handshake-24);
- mask-image: var(--icon-handshake-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-handshake-500, currentColor));
-webkit-mask-image: var(--icon-handshake-16);
mask-image: var(--icon-handshake-16);
+ background-color: var(--icon-color, var(--color-handshake-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss
index f9715beea..9275fde2b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hard-drive {
- 50% {
-
- background-color: var(--icon-color, var(--color-hard-drive-500, currentColor));
- -webkit-mask-image: var(--icon-hard-drive-24);
- mask-image: var(--icon-hard-drive-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hard-drive-500, currentColor));
-webkit-mask-image: var(--icon-hard-drive-16);
mask-image: var(--icon-hard-drive-16);
+ background-color: var(--icon-color, var(--color-hard-drive-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss
index 0ea0f3e07..aaa655266 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hash {
- 50% {
-
- background-color: var(--icon-color, var(--color-hash-500, currentColor));
- -webkit-mask-image: var(--icon-hash-24);
- mask-image: var(--icon-hash-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hash-500, currentColor));
-webkit-mask-image: var(--icon-hash-16);
mask-image: var(--icon-hash-16);
+ background-color: var(--icon-color, var(--color-hash-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss
index 7b71f1a64..b6623decb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-hashicorp-color {
- 50% {
- background-image: var(--icon-hashicorp-color-24);
- }
-
100% {
background-image: var(--icon-hashicorp-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss
index 757ac2b5b..b08e947b4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hashicorp {
- 50% {
-
- background-color: var(--icon-color, var(--color-hashicorp-500, currentColor));
- -webkit-mask-image: var(--icon-hashicorp-color-24);
- mask-image: var(--icon-hashicorp-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hashicorp-500, currentColor));
-webkit-mask-image: var(--icon-hashicorp-color-16);
mask-image: var(--icon-hashicorp-color-16);
+ background-color: var(--icon-color, var(--color-hashicorp-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss
index 0d0d337da..b0932e2ad 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-hcp-color {
- 50% {
- background-image: var(--icon-hcp-color-24);
- }
-
100% {
background-image: var(--icon-hcp-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss
index c459e7f03..78cf9acab 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hcp {
- 50% {
-
- background-color: var(--icon-color, var(--color-hcp-500, currentColor));
- -webkit-mask-image: var(--icon-hcp-color-24);
- mask-image: var(--icon-hcp-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hcp-500, currentColor));
-webkit-mask-image: var(--icon-hcp-color-16);
mask-image: var(--icon-hcp-color-16);
+ background-color: var(--icon-color, var(--color-hcp-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss
index 4676dda70..c73a0c53d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-headphones {
- 50% {
-
- background-color: var(--icon-color, var(--color-headphones-500, currentColor));
- -webkit-mask-image: var(--icon-headphones-24);
- mask-image: var(--icon-headphones-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-headphones-500, currentColor));
-webkit-mask-image: var(--icon-headphones-16);
mask-image: var(--icon-headphones-16);
+ background-color: var(--icon-color, var(--color-headphones-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss
index 0e17012cb..c1742b47c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-health {
- 50% {
-
- background-color: var(--icon-color, var(--color-health-500, currentColor));
- -webkit-mask-image: var(--icon-activity-24);
- mask-image: var(--icon-activity-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-health-500, currentColor));
-webkit-mask-image: var(--icon-activity-16);
mask-image: var(--icon-activity-16);
+ background-color: var(--icon-color, var(--color-health-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss
index ed9c9e36c..14cbc8f08 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-heart-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-heart-fill-500, currentColor));
- -webkit-mask-image: var(--icon-heart-fill-24);
- mask-image: var(--icon-heart-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-heart-fill-500, currentColor));
-webkit-mask-image: var(--icon-heart-fill-16);
mask-image: var(--icon-heart-fill-16);
+ background-color: var(--icon-color, var(--color-heart-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss
index ae8c3cda7..e3435c2ef 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-heart-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-heart-off-500, currentColor));
- -webkit-mask-image: var(--icon-heart-off-24);
- mask-image: var(--icon-heart-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-heart-off-500, currentColor));
-webkit-mask-image: var(--icon-heart-off-16);
mask-image: var(--icon-heart-off-16);
+ background-color: var(--icon-color, var(--color-heart-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss
index 05945a558..00fde5f34 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-heart {
- 50% {
-
- background-color: var(--icon-color, var(--color-heart-500, currentColor));
- -webkit-mask-image: var(--icon-heart-24);
- mask-image: var(--icon-heart-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-heart-500, currentColor));
-webkit-mask-image: var(--icon-heart-16);
mask-image: var(--icon-heart-16);
+ background-color: var(--icon-color, var(--color-heart-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss
index 2653505a8..0f8633076 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-help-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-help-24);
- mask-image: var(--icon-help-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-help-16);
mask-image: var(--icon-help-16);
+ background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss
index eeeff6f04..d06174c4a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-help-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-help-24);
- mask-image: var(--icon-help-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-help-16);
mask-image: var(--icon-help-16);
+ background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss
index c4f9f5de1..2156cf174 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-help {
- 50% {
-
- background-color: var(--icon-color, var(--color-help-500, currentColor));
- -webkit-mask-image: var(--icon-help-24);
- mask-image: var(--icon-help-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-help-500, currentColor));
-webkit-mask-image: var(--icon-help-16);
mask-image: var(--icon-help-16);
+ background-color: var(--icon-color, var(--color-help-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss
index 6f41b8148..279efe350 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hexagon-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor));
- -webkit-mask-image: var(--icon-hexagon-fill-24);
- mask-image: var(--icon-hexagon-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor));
-webkit-mask-image: var(--icon-hexagon-fill-16);
mask-image: var(--icon-hexagon-fill-16);
+ background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss
index 6a539d3c6..237154f74 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hexagon {
- 50% {
-
- background-color: var(--icon-color, var(--color-hexagon-500, currentColor));
- -webkit-mask-image: var(--icon-hexagon-24);
- mask-image: var(--icon-hexagon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hexagon-500, currentColor));
-webkit-mask-image: var(--icon-hexagon-16);
mask-image: var(--icon-hexagon-16);
+ background-color: var(--icon-color, var(--color-hexagon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss
index c033c8dc7..254e7bb6d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-history {
- 50% {
-
- background-color: var(--icon-color, var(--color-history-500, currentColor));
- -webkit-mask-image: var(--icon-history-24);
- mask-image: var(--icon-history-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-history-500, currentColor));
-webkit-mask-image: var(--icon-history-16);
mask-image: var(--icon-history-16);
+ background-color: var(--icon-color, var(--color-history-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss
index d94130d47..4e7353dba 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-home {
- 50% {
-
- background-color: var(--icon-color, var(--color-home-500, currentColor));
- -webkit-mask-image: var(--icon-home-24);
- mask-image: var(--icon-home-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-home-500, currentColor));
-webkit-mask-image: var(--icon-home-16);
mask-image: var(--icon-home-16);
+ background-color: var(--icon-color, var(--color-home-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss
index 9a4e88032..c25da3794 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-hourglass {
- 50% {
-
- background-color: var(--icon-color, var(--color-hourglass-500, currentColor));
- -webkit-mask-image: var(--icon-hourglass-24);
- mask-image: var(--icon-hourglass-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-hourglass-500, currentColor));
-webkit-mask-image: var(--icon-hourglass-16);
mask-image: var(--icon-hourglass-16);
+ background-color: var(--icon-color, var(--color-hourglass-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss
index caa32b91e..ca513d79c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-identity-service {
- 50% {
-
- background-color: var(--icon-color, var(--color-identity-service-500, currentColor));
- -webkit-mask-image: var(--icon-identity-service-24);
- mask-image: var(--icon-identity-service-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-identity-service-500, currentColor));
-webkit-mask-image: var(--icon-identity-service-16);
mask-image: var(--icon-identity-service-16);
+ background-color: var(--icon-color, var(--color-identity-service-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss
index 3ae540cff..0ace2e181 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-identity-user {
- 50% {
-
- background-color: var(--icon-color, var(--color-identity-user-500, currentColor));
- -webkit-mask-image: var(--icon-identity-user-24);
- mask-image: var(--icon-identity-user-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-identity-user-500, currentColor));
-webkit-mask-image: var(--icon-identity-user-16);
mask-image: var(--icon-identity-user-16);
+ background-color: var(--icon-color, var(--color-identity-user-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss
index 23b067845..1065cbdb3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-image {
- 50% {
-
- background-color: var(--icon-color, var(--color-image-500, currentColor));
- -webkit-mask-image: var(--icon-image-24);
- mask-image: var(--icon-image-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-image-500, currentColor));
-webkit-mask-image: var(--icon-image-16);
mask-image: var(--icon-image-16);
+ background-color: var(--icon-color, var(--color-image-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss
index 7ae56c6ff..44e4e15a1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-inbox {
- 50% {
-
- background-color: var(--icon-color, var(--color-inbox-500, currentColor));
- -webkit-mask-image: var(--icon-inbox-24);
- mask-image: var(--icon-inbox-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-inbox-500, currentColor));
-webkit-mask-image: var(--icon-inbox-16);
mask-image: var(--icon-inbox-16);
+ background-color: var(--icon-color, var(--color-inbox-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss
index 59f244d36..4e385be01 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-info-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-info-24);
- mask-image: var(--icon-info-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-info-16);
mask-image: var(--icon-info-16);
+ background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss
index 6feb0dd3e..107376278 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-info-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-info-24);
- mask-image: var(--icon-info-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-info-16);
mask-image: var(--icon-info-16);
+ background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss
index afc51b8ad..d1e1efdf4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-info {
- 50% {
-
- background-color: var(--icon-color, var(--color-info-500, currentColor));
- -webkit-mask-image: var(--icon-info-24);
- mask-image: var(--icon-info-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-info-500, currentColor));
-webkit-mask-image: var(--icon-info-16);
mask-image: var(--icon-info-16);
+ background-color: var(--icon-color, var(--color-info-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss
index f3ba6288d..1212967bb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-jump-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-jump-link-500, currentColor));
- -webkit-mask-image: var(--icon-jump-link-24);
- mask-image: var(--icon-jump-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-jump-link-500, currentColor));
-webkit-mask-image: var(--icon-jump-link-16);
mask-image: var(--icon-jump-link-16);
+ background-color: var(--icon-color, var(--color-jump-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss
index 2c2e4cae9..9689f70e9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-key-values {
- 50% {
-
- background-color: var(--icon-color, var(--color-key-values-500, currentColor));
- -webkit-mask-image: var(--icon-key-values-24);
- mask-image: var(--icon-key-values-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-key-values-500, currentColor));
-webkit-mask-image: var(--icon-key-values-16);
mask-image: var(--icon-key-values-16);
+ background-color: var(--icon-color, var(--color-key-values-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss
index c1bdfe3b6..f86928847 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-key {
- 50% {
-
- background-color: var(--icon-color, var(--color-key-500, currentColor));
- -webkit-mask-image: var(--icon-key-24);
- mask-image: var(--icon-key-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-key-500, currentColor));
-webkit-mask-image: var(--icon-key-16);
mask-image: var(--icon-key-16);
+ background-color: var(--icon-color, var(--color-key-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss
index a06253246..c29063783 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-keychain {
- 50% {
-
- background-color: var(--icon-color, var(--color-keychain-500, currentColor));
- -webkit-mask-image: var(--icon-keychain-24);
- mask-image: var(--icon-keychain-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-keychain-500, currentColor));
-webkit-mask-image: var(--icon-keychain-16);
mask-image: var(--icon-keychain-16);
+ background-color: var(--icon-color, var(--color-keychain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss
index 680fedd33..03a108f11 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-kubernetes-color {
- 50% {
- background-image: var(--icon-kubernetes-color-24);
- }
-
100% {
background-image: var(--icon-kubernetes-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss
index 6e98fc23c..cf30e7ee4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-kubernetes {
- 50% {
-
- background-color: var(--icon-color, var(--color-kubernetes-500, currentColor));
- -webkit-mask-image: var(--icon-kubernetes-color-24);
- mask-image: var(--icon-kubernetes-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-kubernetes-500, currentColor));
-webkit-mask-image: var(--icon-kubernetes-color-16);
mask-image: var(--icon-kubernetes-color-16);
+ background-color: var(--icon-color, var(--color-kubernetes-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss
index 6c6461791..480d534c2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-labyrinth {
- 50% {
-
- background-color: var(--icon-color, var(--color-labyrinth-500, currentColor));
- -webkit-mask-image: var(--icon-labyrinth-24);
- mask-image: var(--icon-labyrinth-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-labyrinth-500, currentColor));
-webkit-mask-image: var(--icon-labyrinth-16);
mask-image: var(--icon-labyrinth-16);
+ background-color: var(--icon-color, var(--color-labyrinth-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss
index 88ccd5b8d..582abb82a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-layers {
- 50% {
-
- background-color: var(--icon-color, var(--color-layers-500, currentColor));
- -webkit-mask-image: var(--icon-layers-24);
- mask-image: var(--icon-layers-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-layers-500, currentColor));
-webkit-mask-image: var(--icon-layers-16);
mask-image: var(--icon-layers-16);
+ background-color: var(--icon-color, var(--color-layers-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss
index 34b35abec..7be86e4d2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-layout {
- 50% {
-
- background-color: var(--icon-color, var(--color-layout-500, currentColor));
- -webkit-mask-image: var(--icon-layout-24);
- mask-image: var(--icon-layout-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-layout-500, currentColor));
-webkit-mask-image: var(--icon-layout-16);
mask-image: var(--icon-layout-16);
+ background-color: var(--icon-color, var(--color-layout-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss
index 6f6e06da5..00fe1c0d8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-learn-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-learn-link-500, currentColor));
- -webkit-mask-image: var(--icon-learn-link-24);
- mask-image: var(--icon-learn-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-learn-link-500, currentColor));
-webkit-mask-image: var(--icon-learn-link-16);
mask-image: var(--icon-learn-link-16);
+ background-color: var(--icon-color, var(--color-learn-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss
index 14acb7e6a..7d5dd4c66 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-learn {
- 50% {
-
- background-color: var(--icon-color, var(--color-learn-500, currentColor));
- -webkit-mask-image: var(--icon-learn-24);
- mask-image: var(--icon-learn-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-learn-500, currentColor));
-webkit-mask-image: var(--icon-learn-16);
mask-image: var(--icon-learn-16);
+ background-color: var(--icon-color, var(--color-learn-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss
index 2a318c2b3..348ce2b84 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-line-chart-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor));
- -webkit-mask-image: var(--icon-line-chart-up-24);
- mask-image: var(--icon-line-chart-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor));
-webkit-mask-image: var(--icon-line-chart-up-16);
mask-image: var(--icon-line-chart-up-16);
+ background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss
index 46946da6e..5dfdf3da0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-line-chart {
- 50% {
-
- background-color: var(--icon-color, var(--color-line-chart-500, currentColor));
- -webkit-mask-image: var(--icon-line-chart-24);
- mask-image: var(--icon-line-chart-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-line-chart-500, currentColor));
-webkit-mask-image: var(--icon-line-chart-16);
mask-image: var(--icon-line-chart-16);
+ background-color: var(--icon-color, var(--color-line-chart-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss
index e3d5121fd..09d7cb29b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-link {
- 50% {
-
- background-color: var(--icon-color, var(--color-link-500, currentColor));
- -webkit-mask-image: var(--icon-link-24);
- mask-image: var(--icon-link-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-link-500, currentColor));
-webkit-mask-image: var(--icon-link-16);
mask-image: var(--icon-link-16);
+ background-color: var(--icon-color, var(--color-link-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss
index fcaaa8e1e..9796bca49 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-linkedin-color {
- 50% {
- background-image: var(--icon-linkedin-color-24);
- }
-
100% {
background-image: var(--icon-linkedin-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss
index f85ec72a9..1f80ad7f9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-linkedin {
- 50% {
-
- background-color: var(--icon-color, var(--color-linkedin-500, currentColor));
- -webkit-mask-image: var(--icon-linkedin-color-24);
- mask-image: var(--icon-linkedin-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-linkedin-500, currentColor));
-webkit-mask-image: var(--icon-linkedin-color-16);
mask-image: var(--icon-linkedin-color-16);
+ background-color: var(--icon-color, var(--color-linkedin-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss
index e1d6694b4..66e7cb41e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-list {
- 50% {
-
- background-color: var(--icon-color, var(--color-list-500, currentColor));
- -webkit-mask-image: var(--icon-list-24);
- mask-image: var(--icon-list-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-list-500, currentColor));
-webkit-mask-image: var(--icon-list-16);
mask-image: var(--icon-list-16);
+ background-color: var(--icon-color, var(--color-list-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss
index e86377fee..1d71eacde 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-load-balancer {
- 50% {
-
- background-color: var(--icon-color, var(--color-load-balancer-500, currentColor));
- -webkit-mask-image: var(--icon-load-balancer-24);
- mask-image: var(--icon-load-balancer-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-load-balancer-500, currentColor));
-webkit-mask-image: var(--icon-load-balancer-16);
mask-image: var(--icon-load-balancer-16);
+ background-color: var(--icon-color, var(--color-load-balancer-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss
index 9a58a3e1d..5df3e365e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-loading-motion {
- 50% {
-
- background-color: var(--icon-color, var(--color-loading-motion-500, currentColor));
- -webkit-mask-image: var(--icon-loading-motion-24);
- mask-image: var(--icon-loading-motion-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-loading-motion-500, currentColor));
-webkit-mask-image: var(--icon-loading-motion-16);
mask-image: var(--icon-loading-motion-16);
+ background-color: var(--icon-color, var(--color-loading-motion-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss
index 3ffc56b8d..8ed8b2b37 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-loading {
- 50% {
-
- background-color: var(--icon-color, var(--color-loading-500, currentColor));
- -webkit-mask-image: var(--icon-loading-24);
- mask-image: var(--icon-loading-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-loading-500, currentColor));
-webkit-mask-image: var(--icon-loading-16);
mask-image: var(--icon-loading-16);
+ background-color: var(--icon-color, var(--color-loading-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss
index 2f9b94994..ae2e8f9e1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-closed-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor));
- -webkit-mask-image: var(--icon-lock-fill-24);
- mask-image: var(--icon-lock-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor));
-webkit-mask-image: var(--icon-lock-fill-16);
mask-image: var(--icon-lock-fill-16);
+ background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss
index f6631f4ec..a6ef2be53 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-closed-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor));
- -webkit-mask-image: var(--icon-lock-24);
- mask-image: var(--icon-lock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor));
-webkit-mask-image: var(--icon-lock-16);
mask-image: var(--icon-lock-16);
+ background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss
index 0907b0117..72cd360bb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-closed {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-closed-500, currentColor));
- -webkit-mask-image: var(--icon-lock-fill-24);
- mask-image: var(--icon-lock-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-closed-500, currentColor));
-webkit-mask-image: var(--icon-lock-fill-16);
mask-image: var(--icon-lock-fill-16);
+ background-color: var(--icon-color, var(--color-lock-closed-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss
index 58258d52f..c9513d457 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-disabled {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor));
- -webkit-mask-image: var(--icon-lock-off-24);
- mask-image: var(--icon-lock-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor));
-webkit-mask-image: var(--icon-lock-off-16);
mask-image: var(--icon-lock-off-16);
+ background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss
index e7359b230..17563a502 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-fill-500, currentColor));
- -webkit-mask-image: var(--icon-lock-fill-24);
- mask-image: var(--icon-lock-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-fill-500, currentColor));
-webkit-mask-image: var(--icon-lock-fill-16);
mask-image: var(--icon-lock-fill-16);
+ background-color: var(--icon-color, var(--color-lock-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss
index 3cb761bea..ae2e2bd57 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-off-500, currentColor));
- -webkit-mask-image: var(--icon-lock-off-24);
- mask-image: var(--icon-lock-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-off-500, currentColor));
-webkit-mask-image: var(--icon-lock-off-16);
mask-image: var(--icon-lock-off-16);
+ background-color: var(--icon-color, var(--color-lock-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss
index ea185984f..e5ed189d1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock-open {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-open-500, currentColor));
- -webkit-mask-image: var(--icon-unlock-24);
- mask-image: var(--icon-unlock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-open-500, currentColor));
-webkit-mask-image: var(--icon-unlock-16);
mask-image: var(--icon-unlock-16);
+ background-color: var(--icon-color, var(--color-lock-open-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss
index 8d01084e8..41ddc34a7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-lock {
- 50% {
-
- background-color: var(--icon-color, var(--color-lock-500, currentColor));
- -webkit-mask-image: var(--icon-lock-24);
- mask-image: var(--icon-lock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-lock-500, currentColor));
-webkit-mask-image: var(--icon-lock-16);
mask-image: var(--icon-lock-16);
+ background-color: var(--icon-color, var(--color-lock-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss
index 759494974..d767bebc1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-alicloud-color {
- 50% {
- background-image: var(--icon-alibaba-color-24);
- }
-
100% {
background-image: var(--icon-alibaba-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss
index 2d243aba7..7b7c776eb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-alicloud-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-alibaba-color-24);
- mask-image: var(--icon-alibaba-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-alibaba-color-16);
mask-image: var(--icon-alibaba-color-16);
+ background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss
index 861a7637c..d7e25ed94 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-auth0-color {
- 50% {
- background-image: var(--icon-auth0-color-24);
- }
-
100% {
background-image: var(--icon-auth0-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss
index 2b02dc057..02a2d6efa 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-aws-color {
- 50% {
- background-image: var(--icon-aws-color-24);
- }
-
100% {
background-image: var(--icon-aws-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss
index 3c256e1c0..050fdf5ed 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-aws-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-aws-color-24);
- mask-image: var(--icon-aws-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-aws-color-16);
mask-image: var(--icon-aws-color-16);
+ background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss
index 7c29a9843..b3ca17042 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-azure-color {
- 50% {
- background-image: var(--icon-azure-color-24);
- }
-
100% {
background-image: var(--icon-azure-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss
index 45c03c63c..6740b8619 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-azure-dev-ops-color {
- 50% {
- background-image: var(--icon-azure-devops-color-24);
- }
-
100% {
background-image: var(--icon-azure-devops-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss
index e03f0370d..0c92bc066 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-azure-dev-ops-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-azure-devops-color-24);
- mask-image: var(--icon-azure-devops-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-azure-devops-color-16);
mask-image: var(--icon-azure-devops-color-16);
+ background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss
index 607d204e8..f247b9ade 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-azure-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-azure-color-24);
- mask-image: var(--icon-azure-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-azure-color-16);
mask-image: var(--icon-azure-color-16);
+ background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss
index 644179c0f..67dafb229 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-bitbucket-color {
- 50% {
- background-image: var(--icon-bitbucket-color-24);
- }
-
100% {
background-image: var(--icon-bitbucket-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss
index 0a2b6ec2f..031930bb7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-bitbucket-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-bitbucket-color-24);
- mask-image: var(--icon-bitbucket-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-bitbucket-color-16);
mask-image: var(--icon-bitbucket-color-16);
+ background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss
index 847daa082..9fe594427 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-consul-color {
- 50% {
- background-image: var(--icon-consul-color-24);
- }
-
100% {
background-image: var(--icon-consul-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss
index f7a87a192..148ccbe30 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-ember-circle-color {
- 50% {
- background-image: var(--icon-logo-ember-circle-color-24);
- }
-
100% {
background-image: var(--icon-logo-ember-circle-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss
index 544ece20d..02c83e2ea 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-gcp-color {
- 50% {
- background-image: var(--icon-gcp-color-24);
- }
-
100% {
background-image: var(--icon-gcp-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss
index 037889fe5..6d640e1b0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-gcp-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-gcp-color-24);
- mask-image: var(--icon-gcp-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-gcp-color-16);
mask-image: var(--icon-gcp-color-16);
+ background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss
index 516680366..6d3432207 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-github-color {
- 50% {
- background-image: var(--icon-github-color-24);
- }
-
100% {
background-image: var(--icon-github-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss
index 171ac802e..06e1c82dc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-github-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-github-color-24);
- mask-image: var(--icon-github-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-github-color-16);
mask-image: var(--icon-github-color-16);
+ background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss
index c7be8596c..ce6763160 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-gitlab-color {
- 50% {
- background-image: var(--icon-gitlab-color-24);
- }
-
100% {
background-image: var(--icon-gitlab-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss
index 3f4161a00..29f72d6a0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-gitlab-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-gitlab-color-24);
- mask-image: var(--icon-gitlab-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-gitlab-color-16);
mask-image: var(--icon-gitlab-color-16);
+ background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss
index 21eee3972..45328b5fc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-glimmer-color {
- 50% {
- background-image: var(--icon-logo-glimmer-color-24);
- }
-
100% {
background-image: var(--icon-logo-glimmer-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss
index 5f28ba565..aa621ed7d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-google-color {
- 50% {
- background-image: var(--icon-google-color-24);
- }
-
100% {
background-image: var(--icon-google-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss
index a317a90e5..8dbc6e4dc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-google-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-google-color-24);
- mask-image: var(--icon-google-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-google-color-16);
mask-image: var(--icon-google-color-16);
+ background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss
index 557366d9d..b7f1e2b94 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-hashicorp-color {
- 50% {
- background-image: var(--icon-logo-hashicorp-color-24);
- }
-
100% {
background-image: var(--icon-logo-hashicorp-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss
index a7898bd1c..81f5d084f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-jwt-color {
- 50% {
- background-image: var(--icon-logo-jwt-color-24);
- }
-
100% {
background-image: var(--icon-logo-jwt-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss
index 85a79a573..3ece2cd4f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-kubernetes-color {
- 50% {
- background-image: var(--icon-kubernetes-color-24);
- }
-
100% {
background-image: var(--icon-kubernetes-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss
index 9a408e4b4..67544d7ac 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-kubernetes-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-kubernetes-color-24);
- mask-image: var(--icon-kubernetes-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-kubernetes-color-16);
mask-image: var(--icon-kubernetes-color-16);
+ background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss
index fdb22e4cc..784ba5c6a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-microsoft-color {
- 50% {
- background-image: var(--icon-microsoft-color-24);
- }
-
100% {
background-image: var(--icon-microsoft-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss
index f33a5a219..58e14319d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-nomad-color {
- 50% {
- background-image: var(--icon-nomad-color-24);
- }
-
100% {
background-image: var(--icon-nomad-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss
index 32067f9d3..cbea68b83 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-oidc-color {
- 50% {
- background-image: var(--icon-logo-oidc-color-24);
- }
-
100% {
background-image: var(--icon-logo-oidc-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss
index 40cbc8d1f..339b3e21c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-okta-color {
- 50% {
- background-image: var(--icon-okta-color-24);
- }
-
100% {
background-image: var(--icon-okta-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss
index 8378deb0b..dfb60889e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-oracle-color {
- 50% {
- background-image: var(--icon-oracle-color-24);
- }
-
100% {
background-image: var(--icon-oracle-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss
index 1674dc058..2382b3917 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-oracle-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-oracle-color-24);
- mask-image: var(--icon-oracle-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-oracle-color-16);
mask-image: var(--icon-oracle-color-16);
+ background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss
index 9d625feca..0f98a9739 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-slack-color {
- 50% {
- background-image: var(--icon-slack-color-24);
- }
-
100% {
background-image: var(--icon-slack-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss
index dda65e173..890b3afc3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-slack-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-slack-color-24);
- mask-image: var(--icon-slack-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-slack-color-16);
mask-image: var(--icon-slack-color-16);
+ background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss
index 570d755b6..11a564eb8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-terraform-color {
- 50% {
- background-image: var(--icon-terraform-color-24);
- }
-
100% {
background-image: var(--icon-terraform-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss
index 5db1346ca..65bf05e35 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-vault-color {
- 50% {
- background-image: var(--icon-logo-vault-color-24);
- }
-
100% {
background-image: var(--icon-logo-vault-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss
index 3b8e93ed8..04f0eb243 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-logo-vmware-color {
- 50% {
- background-image: var(--icon-vmware-color-24);
- }
-
100% {
background-image: var(--icon-vmware-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss
index 0a8b8626f..d451d866a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-logo-vmware-monochrome {
- 50% {
-
- background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor));
- -webkit-mask-image: var(--icon-vmware-color-24);
- mask-image: var(--icon-vmware-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor));
-webkit-mask-image: var(--icon-vmware-color-16);
mask-image: var(--icon-vmware-color-16);
+ background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss
index ad0ad3f5a..35697c500 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mail-open {
- 50% {
-
- background-color: var(--icon-color, var(--color-mail-open-500, currentColor));
- -webkit-mask-image: var(--icon-mail-open-24);
- mask-image: var(--icon-mail-open-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mail-open-500, currentColor));
-webkit-mask-image: var(--icon-mail-open-16);
mask-image: var(--icon-mail-open-16);
+ background-color: var(--icon-color, var(--color-mail-open-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss
index 9acad215f..1cc63ed70 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mail {
- 50% {
-
- background-color: var(--icon-color, var(--color-mail-500, currentColor));
- -webkit-mask-image: var(--icon-mail-24);
- mask-image: var(--icon-mail-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mail-500, currentColor));
-webkit-mask-image: var(--icon-mail-16);
mask-image: var(--icon-mail-16);
+ background-color: var(--icon-color, var(--color-mail-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss
index 68a77ea75..3efebaac0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mainframe {
- 50% {
-
- background-color: var(--icon-color, var(--color-mainframe-500, currentColor));
- -webkit-mask-image: var(--icon-mainframe-24);
- mask-image: var(--icon-mainframe-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mainframe-500, currentColor));
-webkit-mask-image: var(--icon-mainframe-16);
mask-image: var(--icon-mainframe-16);
+ background-color: var(--icon-color, var(--color-mainframe-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss
index f68030aa6..beb3d790c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-map-pin {
- 50% {
-
- background-color: var(--icon-color, var(--color-map-pin-500, currentColor));
- -webkit-mask-image: var(--icon-map-pin-24);
- mask-image: var(--icon-map-pin-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-map-pin-500, currentColor));
-webkit-mask-image: var(--icon-map-pin-16);
mask-image: var(--icon-map-pin-16);
+ background-color: var(--icon-color, var(--color-map-pin-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss
index bd71680d8..176013e42 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-map {
- 50% {
-
- background-color: var(--icon-color, var(--color-map-500, currentColor));
- -webkit-mask-image: var(--icon-map-24);
- mask-image: var(--icon-map-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-map-500, currentColor));
-webkit-mask-image: var(--icon-map-16);
mask-image: var(--icon-map-16);
+ background-color: var(--icon-color, var(--color-map-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss
index 1b89f97f7..a8a071c68 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-maximize-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor));
- -webkit-mask-image: var(--icon-maximize-alt-24);
- mask-image: var(--icon-maximize-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor));
-webkit-mask-image: var(--icon-maximize-alt-16);
mask-image: var(--icon-maximize-alt-16);
+ background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss
index a204336b3..6d6ce82a0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-maximize {
- 50% {
-
- background-color: var(--icon-color, var(--color-maximize-500, currentColor));
- -webkit-mask-image: var(--icon-maximize-24);
- mask-image: var(--icon-maximize-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-maximize-500, currentColor));
-webkit-mask-image: var(--icon-maximize-16);
mask-image: var(--icon-maximize-16);
+ background-color: var(--icon-color, var(--color-maximize-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss
index fc2ef42fd..52110b7ba 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-meh {
- 50% {
-
- background-color: var(--icon-color, var(--color-meh-500, currentColor));
- -webkit-mask-image: var(--icon-meh-24);
- mask-image: var(--icon-meh-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-meh-500, currentColor));
-webkit-mask-image: var(--icon-meh-16);
mask-image: var(--icon-meh-16);
+ background-color: var(--icon-color, var(--color-meh-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss
index 5a66b3b50..1108e2751 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-menu {
- 50% {
-
- background-color: var(--icon-color, var(--color-menu-500, currentColor));
- -webkit-mask-image: var(--icon-menu-24);
- mask-image: var(--icon-menu-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-menu-500, currentColor));
-webkit-mask-image: var(--icon-menu-16);
mask-image: var(--icon-menu-16);
+ background-color: var(--icon-color, var(--color-menu-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss
index 2cd2a9d3a..14e7c82b9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mesh {
- 50% {
-
- background-color: var(--icon-color, var(--color-mesh-500, currentColor));
- -webkit-mask-image: var(--icon-mesh-24);
- mask-image: var(--icon-mesh-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mesh-500, currentColor));
-webkit-mask-image: var(--icon-mesh-16);
mask-image: var(--icon-mesh-16);
+ background-color: var(--icon-color, var(--color-mesh-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss
index 0939b7881..96377aac6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-message-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-message-circle-fill-24);
- mask-image: var(--icon-message-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-message-circle-fill-16);
mask-image: var(--icon-message-circle-fill-16);
+ background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss
index b86d04dbc..e386fdd60 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-message-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-message-circle-500, currentColor));
- -webkit-mask-image: var(--icon-message-circle-24);
- mask-image: var(--icon-message-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-message-circle-500, currentColor));
-webkit-mask-image: var(--icon-message-circle-16);
mask-image: var(--icon-message-circle-16);
+ background-color: var(--icon-color, var(--color-message-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss
index e784a413f..4e88bc7cd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-message-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-message-square-fill-24);
- mask-image: var(--icon-message-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-message-square-fill-16);
mask-image: var(--icon-message-square-fill-16);
+ background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss
index 06805b0df..3d87020e3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-message-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-message-square-500, currentColor));
- -webkit-mask-image: var(--icon-message-square-24);
- mask-image: var(--icon-message-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-message-square-500, currentColor));
-webkit-mask-image: var(--icon-message-square-16);
mask-image: var(--icon-message-square-16);
+ background-color: var(--icon-color, var(--color-message-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss
index 07f0c177e..8d0aad899 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-message {
- 50% {
-
- background-color: var(--icon-color, var(--color-message-500, currentColor));
- -webkit-mask-image: var(--icon-message-square-fill-24);
- mask-image: var(--icon-message-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-message-500, currentColor));
-webkit-mask-image: var(--icon-message-square-fill-16);
mask-image: var(--icon-message-square-fill-16);
+ background-color: var(--icon-color, var(--color-message-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss
index 610f1c948..f3e6294da 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mic-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-mic-off-500, currentColor));
- -webkit-mask-image: var(--icon-mic-off-24);
- mask-image: var(--icon-mic-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mic-off-500, currentColor));
-webkit-mask-image: var(--icon-mic-off-16);
mask-image: var(--icon-mic-off-16);
+ background-color: var(--icon-color, var(--color-mic-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss
index 98fbef61d..266bad129 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mic {
- 50% {
-
- background-color: var(--icon-color, var(--color-mic-500, currentColor));
- -webkit-mask-image: var(--icon-mic-24);
- mask-image: var(--icon-mic-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mic-500, currentColor));
-webkit-mask-image: var(--icon-mic-16);
mask-image: var(--icon-mic-16);
+ background-color: var(--icon-color, var(--color-mic-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss
index b67402d7b..9cd94f2d8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-microsoft-color {
- 50% {
- background-image: var(--icon-microsoft-color-24);
- }
-
100% {
background-image: var(--icon-microsoft-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss
index 406084a64..91e82b897 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-microsoft {
- 50% {
-
- background-color: var(--icon-color, var(--color-microsoft-500, currentColor));
- -webkit-mask-image: var(--icon-microsoft-color-24);
- mask-image: var(--icon-microsoft-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-microsoft-500, currentColor));
-webkit-mask-image: var(--icon-microsoft-color-16);
mask-image: var(--icon-microsoft-color-16);
+ background-color: var(--icon-color, var(--color-microsoft-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss
index aa1f9a437..f4d5cd3f3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-migrate {
- 50% {
-
- background-color: var(--icon-color, var(--color-migrate-500, currentColor));
- -webkit-mask-image: var(--icon-migrate-24);
- mask-image: var(--icon-migrate-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-migrate-500, currentColor));
-webkit-mask-image: var(--icon-migrate-16);
mask-image: var(--icon-migrate-16);
+ background-color: var(--icon-color, var(--color-migrate-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss
index 2162184dc..bc7012d93 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minimize-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor));
- -webkit-mask-image: var(--icon-minimize-alt-24);
- mask-image: var(--icon-minimize-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor));
-webkit-mask-image: var(--icon-minimize-alt-16);
mask-image: var(--icon-minimize-alt-16);
+ background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss
index 8f4081bc5..74ae9a57a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minimize {
- 50% {
-
- background-color: var(--icon-color, var(--color-minimize-500, currentColor));
- -webkit-mask-image: var(--icon-minimize-24);
- mask-image: var(--icon-minimize-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minimize-500, currentColor));
-webkit-mask-image: var(--icon-minimize-16);
mask-image: var(--icon-minimize-16);
+ background-color: var(--icon-color, var(--color-minimize-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss
index 7ae6fdc84..00be8eeb6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-minus-circle-24);
- mask-image: var(--icon-minus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-minus-circle-16);
mask-image: var(--icon-minus-circle-16);
+ background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss
index 48e4cda9f..836c360af 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-minus-circle-24);
- mask-image: var(--icon-minus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-minus-circle-16);
mask-image: var(--icon-minus-circle-16);
+ background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss
index 51f4f2bd8..cb5a3328e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-circle-500, currentColor));
- -webkit-mask-image: var(--icon-minus-circle-24);
- mask-image: var(--icon-minus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-circle-500, currentColor));
-webkit-mask-image: var(--icon-minus-circle-16);
mask-image: var(--icon-minus-circle-16);
+ background-color: var(--icon-color, var(--color-minus-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss
index e686c76cd..c76832bf8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-plain-500, currentColor));
- -webkit-mask-image: var(--icon-minus-24);
- mask-image: var(--icon-minus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-plain-500, currentColor));
-webkit-mask-image: var(--icon-minus-16);
mask-image: var(--icon-minus-16);
+ background-color: var(--icon-color, var(--color-minus-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss
index b3ee6fd6e..b526d8eda 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-plus-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor));
- -webkit-mask-image: var(--icon-minus-plus-circle-24);
- mask-image: var(--icon-minus-plus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor));
-webkit-mask-image: var(--icon-minus-plus-circle-16);
mask-image: var(--icon-minus-plus-circle-16);
+ background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss
index b1dec2dbb..aa7443e8a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-plus-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor));
- -webkit-mask-image: var(--icon-minus-plus-square-24);
- mask-image: var(--icon-minus-plus-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor));
-webkit-mask-image: var(--icon-minus-plus-square-16);
mask-image: var(--icon-minus-plus-square-16);
+ background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss
index 7feceb829..5455e8ca6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-plus {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-plus-500, currentColor));
- -webkit-mask-image: var(--icon-minus-plus-24);
- mask-image: var(--icon-minus-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-plus-500, currentColor));
-webkit-mask-image: var(--icon-minus-plus-16);
mask-image: var(--icon-minus-plus-16);
+ background-color: var(--icon-color, var(--color-minus-plus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss
index 47bdac517..0d6bdbc4d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-minus-square-24);
- mask-image: var(--icon-minus-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-minus-square-16);
mask-image: var(--icon-minus-square-16);
+ background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss
index b2c6ea74f..3958f625e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-square-500, currentColor));
- -webkit-mask-image: var(--icon-minus-square-24);
- mask-image: var(--icon-minus-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-square-500, currentColor));
-webkit-mask-image: var(--icon-minus-square-16);
mask-image: var(--icon-minus-square-16);
+ background-color: var(--icon-color, var(--color-minus-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss
index 6fd9c98aa..ed65a366b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-minus {
- 50% {
-
- background-color: var(--icon-color, var(--color-minus-500, currentColor));
- -webkit-mask-image: var(--icon-minus-24);
- mask-image: var(--icon-minus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-minus-500, currentColor));
-webkit-mask-image: var(--icon-minus-16);
mask-image: var(--icon-minus-16);
+ background-color: var(--icon-color, var(--color-minus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss
index a12ae1bb9..43e5bad74 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-module {
- 50% {
-
- background-color: var(--icon-color, var(--color-module-500, currentColor));
- -webkit-mask-image: var(--icon-module-24);
- mask-image: var(--icon-module-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-module-500, currentColor));
-webkit-mask-image: var(--icon-module-16);
mask-image: var(--icon-module-16);
+ background-color: var(--icon-color, var(--color-module-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss
index 30ec6b9d1..12947271c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-monitor {
- 50% {
-
- background-color: var(--icon-color, var(--color-monitor-500, currentColor));
- -webkit-mask-image: var(--icon-monitor-24);
- mask-image: var(--icon-monitor-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-monitor-500, currentColor));
-webkit-mask-image: var(--icon-monitor-16);
mask-image: var(--icon-monitor-16);
+ background-color: var(--icon-color, var(--color-monitor-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss
index d6a57de16..f0b7caea7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-moon {
- 50% {
-
- background-color: var(--icon-color, var(--color-moon-500, currentColor));
- -webkit-mask-image: var(--icon-moon-24);
- mask-image: var(--icon-moon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-moon-500, currentColor));
-webkit-mask-image: var(--icon-moon-16);
mask-image: var(--icon-moon-16);
+ background-color: var(--icon-color, var(--color-moon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss
index a9813ef91..154ac83d0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-more-horizontal {
- 50% {
-
- background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor));
- -webkit-mask-image: var(--icon-more-horizontal-24);
- mask-image: var(--icon-more-horizontal-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor));
-webkit-mask-image: var(--icon-more-horizontal-16);
mask-image: var(--icon-more-horizontal-16);
+ background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss
index 8a50639cf..e6a8e331f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-more-vertical {
- 50% {
-
- background-color: var(--icon-color, var(--color-more-vertical-500, currentColor));
- -webkit-mask-image: var(--icon-more-vertical-24);
- mask-image: var(--icon-more-vertical-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-more-vertical-500, currentColor));
-webkit-mask-image: var(--icon-more-vertical-16);
mask-image: var(--icon-more-vertical-16);
+ background-color: var(--icon-color, var(--color-more-vertical-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss
index 81d0909f9..7e3f06ccc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-mouse-pointer {
- 50% {
-
- background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor));
- -webkit-mask-image: var(--icon-mouse-pointer-24);
- mask-image: var(--icon-mouse-pointer-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor));
-webkit-mask-image: var(--icon-mouse-pointer-16);
mask-image: var(--icon-mouse-pointer-16);
+ background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss
index 39d97569a..b9544dbf5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-move {
- 50% {
-
- background-color: var(--icon-color, var(--color-move-500, currentColor));
- -webkit-mask-image: var(--icon-move-24);
- mask-image: var(--icon-move-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-move-500, currentColor));
-webkit-mask-image: var(--icon-move-16);
mask-image: var(--icon-move-16);
+ background-color: var(--icon-color, var(--color-move-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss
index 5f0e0f2f2..4fd9361cb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-music {
- 50% {
-
- background-color: var(--icon-color, var(--color-music-500, currentColor));
- -webkit-mask-image: var(--icon-music-24);
- mask-image: var(--icon-music-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-music-500, currentColor));
-webkit-mask-image: var(--icon-music-16);
mask-image: var(--icon-music-16);
+ background-color: var(--icon-color, var(--color-music-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss
index 623fd6219..1da80c5e7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-navigation-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor));
- -webkit-mask-image: var(--icon-navigation-alt-24);
- mask-image: var(--icon-navigation-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor));
-webkit-mask-image: var(--icon-navigation-alt-16);
mask-image: var(--icon-navigation-alt-16);
+ background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss
index 61c519f1b..74c0907c1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-navigation {
- 50% {
-
- background-color: var(--icon-color, var(--color-navigation-500, currentColor));
- -webkit-mask-image: var(--icon-navigation-24);
- mask-image: var(--icon-navigation-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-navigation-500, currentColor));
-webkit-mask-image: var(--icon-navigation-16);
mask-image: var(--icon-navigation-16);
+ background-color: var(--icon-color, var(--color-navigation-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss
index 2852e759f..7a9c3f1d2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-network-alt {
- 50% {
-
- background-color: var(--icon-color, var(--color-network-alt-500, currentColor));
- -webkit-mask-image: var(--icon-network-alt-24);
- mask-image: var(--icon-network-alt-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-network-alt-500, currentColor));
-webkit-mask-image: var(--icon-network-alt-16);
mask-image: var(--icon-network-alt-16);
+ background-color: var(--icon-color, var(--color-network-alt-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss
index 60e81f4d9..2140fd36a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-network {
- 50% {
-
- background-color: var(--icon-color, var(--color-network-500, currentColor));
- -webkit-mask-image: var(--icon-network-24);
- mask-image: var(--icon-network-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-network-500, currentColor));
-webkit-mask-image: var(--icon-network-16);
mask-image: var(--icon-network-16);
+ background-color: var(--icon-color, var(--color-network-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss
index 6544cde1f..08c1bfcd3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-newspaper {
- 50% {
-
- background-color: var(--icon-color, var(--color-newspaper-500, currentColor));
- -webkit-mask-image: var(--icon-newspaper-24);
- mask-image: var(--icon-newspaper-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-newspaper-500, currentColor));
-webkit-mask-image: var(--icon-newspaper-16);
mask-image: var(--icon-newspaper-16);
+ background-color: var(--icon-color, var(--color-newspaper-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss
index 81da13691..3a2219ea0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-node {
- 50% {
-
- background-color: var(--icon-color, var(--color-node-500, currentColor));
- -webkit-mask-image: var(--icon-node-24);
- mask-image: var(--icon-node-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-node-500, currentColor));
-webkit-mask-image: var(--icon-node-16);
mask-image: var(--icon-node-16);
+ background-color: var(--icon-color, var(--color-node-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss
index 7df22b2af..09ffa8739 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-nomad-color {
- 50% {
- background-image: var(--icon-nomad-color-24);
- }
-
100% {
background-image: var(--icon-nomad-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss
index 66246fa7a..9a5a02f35 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-nomad {
- 50% {
-
- background-color: var(--icon-color, var(--color-nomad-500, currentColor));
- -webkit-mask-image: var(--icon-nomad-color-24);
- mask-image: var(--icon-nomad-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-nomad-500, currentColor));
-webkit-mask-image: var(--icon-nomad-color-16);
mask-image: var(--icon-nomad-color-16);
+ background-color: var(--icon-color, var(--color-nomad-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss
index 055451daf..0de6f63da 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-notification-disabled {
- 50% {
-
- background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor));
- -webkit-mask-image: var(--icon-bell-off-24);
- mask-image: var(--icon-bell-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor));
-webkit-mask-image: var(--icon-bell-off-16);
mask-image: var(--icon-bell-off-16);
+ background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss
index 724ff1358..e65a87539 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-notification-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-notification-fill-500, currentColor));
- -webkit-mask-image: var(--icon-bell-active-fill-24);
- mask-image: var(--icon-bell-active-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-notification-fill-500, currentColor));
-webkit-mask-image: var(--icon-bell-active-fill-16);
mask-image: var(--icon-bell-active-fill-16);
+ background-color: var(--icon-color, var(--color-notification-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss
index a785e4d14..7002152a9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-notification-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-notification-outline-500, currentColor));
- -webkit-mask-image: var(--icon-bell-24);
- mask-image: var(--icon-bell-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-notification-outline-500, currentColor));
-webkit-mask-image: var(--icon-bell-16);
mask-image: var(--icon-bell-16);
+ background-color: var(--icon-color, var(--color-notification-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss
index 771d00e3b..58939c7da 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-octagon {
- 50% {
-
- background-color: var(--icon-color, var(--color-octagon-500, currentColor));
- -webkit-mask-image: var(--icon-octagon-24);
- mask-image: var(--icon-octagon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-octagon-500, currentColor));
-webkit-mask-image: var(--icon-octagon-16);
mask-image: var(--icon-octagon-16);
+ background-color: var(--icon-color, var(--color-octagon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss
index 14dc8b159..ea5262a51 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-okta-color {
- 50% {
- background-image: var(--icon-okta-color-24);
- }
-
100% {
background-image: var(--icon-okta-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss
index a9bd2d1c3..ba9eb4e47 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-okta {
- 50% {
-
- background-color: var(--icon-color, var(--color-okta-500, currentColor));
- -webkit-mask-image: var(--icon-okta-color-24);
- mask-image: var(--icon-okta-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-okta-500, currentColor));
-webkit-mask-image: var(--icon-okta-color-16);
mask-image: var(--icon-okta-color-16);
+ background-color: var(--icon-color, var(--color-okta-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss
index 4774ef3bd..27b3e7b62 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-oracle-color {
- 50% {
- background-image: var(--icon-oracle-color-24);
- }
-
100% {
background-image: var(--icon-oracle-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss
index 69ddd3da8..edb624f9f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-oracle {
- 50% {
-
- background-color: var(--icon-color, var(--color-oracle-500, currentColor));
- -webkit-mask-image: var(--icon-oracle-color-24);
- mask-image: var(--icon-oracle-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-oracle-500, currentColor));
-webkit-mask-image: var(--icon-oracle-color-16);
mask-image: var(--icon-oracle-color-16);
+ background-color: var(--icon-color, var(--color-oracle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss
index b13c2c62c..e1f20b4f8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-org {
- 50% {
-
- background-color: var(--icon-color, var(--color-org-500, currentColor));
- -webkit-mask-image: var(--icon-org-24);
- mask-image: var(--icon-org-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-org-500, currentColor));
-webkit-mask-image: var(--icon-org-16);
mask-image: var(--icon-org-16);
+ background-color: var(--icon-color, var(--color-org-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss
index 9ca1041b5..fedecbff7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-outline-500, currentColor));
- -webkit-mask-image: var(--icon-outline-24);
- mask-image: var(--icon-outline-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-outline-500, currentColor));
-webkit-mask-image: var(--icon-outline-16);
mask-image: var(--icon-outline-16);
+ background-color: var(--icon-color, var(--color-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss
index 50f60a219..320bf5468 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-pack-color {
- 50% {
- background-image: var(--icon-pack-color-24);
- }
-
100% {
background-image: var(--icon-pack-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss
index 18b7c9ec8..e02d64993 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pack {
- 50% {
-
- background-color: var(--icon-color, var(--color-pack-500, currentColor));
- -webkit-mask-image: var(--icon-pack-color-24);
- mask-image: var(--icon-pack-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pack-500, currentColor));
-webkit-mask-image: var(--icon-pack-color-16);
mask-image: var(--icon-pack-color-16);
+ background-color: var(--icon-color, var(--color-pack-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss
index 65d6f6ad5..15d85aff4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-package {
- 50% {
-
- background-color: var(--icon-color, var(--color-package-500, currentColor));
- -webkit-mask-image: var(--icon-package-24);
- mask-image: var(--icon-package-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-package-500, currentColor));
-webkit-mask-image: var(--icon-package-16);
mask-image: var(--icon-package-16);
+ background-color: var(--icon-color, var(--color-package-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss
index 80c2881b0..192d90554 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-packer-color {
- 50% {
- background-image: var(--icon-packer-color-24);
- }
-
100% {
background-image: var(--icon-packer-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss
index 886e2f575..14bdf41b5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-packer {
- 50% {
-
- background-color: var(--icon-color, var(--color-packer-500, currentColor));
- -webkit-mask-image: var(--icon-packer-color-24);
- mask-image: var(--icon-packer-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-packer-500, currentColor));
-webkit-mask-image: var(--icon-packer-color-16);
mask-image: var(--icon-packer-color-16);
+ background-color: var(--icon-color, var(--color-packer-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss
index b5dff4647..571281b79 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-page-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-page-outline-500, currentColor));
- -webkit-mask-image: var(--icon-outline-24);
- mask-image: var(--icon-outline-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-page-outline-500, currentColor));
-webkit-mask-image: var(--icon-outline-16);
mask-image: var(--icon-outline-16);
+ background-color: var(--icon-color, var(--color-page-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss
index 4137accb4..096d0e8d6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-paperclip {
- 50% {
-
- background-color: var(--icon-color, var(--color-paperclip-500, currentColor));
- -webkit-mask-image: var(--icon-paperclip-24);
- mask-image: var(--icon-paperclip-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-paperclip-500, currentColor));
-webkit-mask-image: var(--icon-paperclip-16);
mask-image: var(--icon-paperclip-16);
+ background-color: var(--icon-color, var(--color-paperclip-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss
index 36cb92291..07780c2b1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-partner {
- 50% {
-
- background-color: var(--icon-color, var(--color-partner-500, currentColor));
- -webkit-mask-image: var(--icon-socket-24);
- mask-image: var(--icon-socket-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-partner-500, currentColor));
-webkit-mask-image: var(--icon-socket-16);
mask-image: var(--icon-socket-16);
+ background-color: var(--icon-color, var(--color-partner-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss
index e21956253..1e3de7aca 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-path {
- 50% {
-
- background-color: var(--icon-color, var(--color-path-500, currentColor));
- -webkit-mask-image: var(--icon-path-24);
- mask-image: var(--icon-path-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-path-500, currentColor));
-webkit-mask-image: var(--icon-path-16);
mask-image: var(--icon-path-16);
+ background-color: var(--icon-color, var(--color-path-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss
index 85a4be11b..9c44ee475 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pause-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-pause-circle-500, currentColor));
- -webkit-mask-image: var(--icon-pause-circle-24);
- mask-image: var(--icon-pause-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pause-circle-500, currentColor));
-webkit-mask-image: var(--icon-pause-circle-16);
mask-image: var(--icon-pause-circle-16);
+ background-color: var(--icon-color, var(--color-pause-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss
index b87eceb25..4504223d1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pause {
- 50% {
-
- background-color: var(--icon-color, var(--color-pause-500, currentColor));
- -webkit-mask-image: var(--icon-pause-24);
- mask-image: var(--icon-pause-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pause-500, currentColor));
-webkit-mask-image: var(--icon-pause-16);
mask-image: var(--icon-pause-16);
+ background-color: var(--icon-color, var(--color-pause-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss
index 337fe2533..f24818d38 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pen-tool {
- 50% {
-
- background-color: var(--icon-color, var(--color-pen-tool-500, currentColor));
- -webkit-mask-image: var(--icon-pen-tool-24);
- mask-image: var(--icon-pen-tool-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pen-tool-500, currentColor));
-webkit-mask-image: var(--icon-pen-tool-16);
mask-image: var(--icon-pen-tool-16);
+ background-color: var(--icon-color, var(--color-pen-tool-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss
index d4316db02..7f98a9b9f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pencil-tool {
- 50% {
-
- background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor));
- -webkit-mask-image: var(--icon-pencil-tool-24);
- mask-image: var(--icon-pencil-tool-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor));
-webkit-mask-image: var(--icon-pencil-tool-16);
mask-image: var(--icon-pencil-tool-16);
+ background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss
index 7742a0d4b..f0dee1d62 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-phone-call {
- 50% {
-
- background-color: var(--icon-color, var(--color-phone-call-500, currentColor));
- -webkit-mask-image: var(--icon-phone-call-24);
- mask-image: var(--icon-phone-call-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-phone-call-500, currentColor));
-webkit-mask-image: var(--icon-phone-call-16);
mask-image: var(--icon-phone-call-16);
+ background-color: var(--icon-color, var(--color-phone-call-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss
index 8afe630c7..69ff1dcc7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-phone-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-phone-off-500, currentColor));
- -webkit-mask-image: var(--icon-phone-off-24);
- mask-image: var(--icon-phone-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-phone-off-500, currentColor));
-webkit-mask-image: var(--icon-phone-off-16);
mask-image: var(--icon-phone-off-16);
+ background-color: var(--icon-color, var(--color-phone-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss
index b384de108..80a3ee120 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-phone {
- 50% {
-
- background-color: var(--icon-color, var(--color-phone-500, currentColor));
- -webkit-mask-image: var(--icon-phone-24);
- mask-image: var(--icon-phone-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-phone-500, currentColor));
-webkit-mask-image: var(--icon-phone-16);
mask-image: var(--icon-phone-16);
+ background-color: var(--icon-color, var(--color-phone-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss
index d7a379407..79e9d428e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pie-chart {
- 50% {
-
- background-color: var(--icon-color, var(--color-pie-chart-500, currentColor));
- -webkit-mask-image: var(--icon-pie-chart-24);
- mask-image: var(--icon-pie-chart-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pie-chart-500, currentColor));
-webkit-mask-image: var(--icon-pie-chart-16);
mask-image: var(--icon-pie-chart-16);
+ background-color: var(--icon-color, var(--color-pie-chart-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss
index 993026c2a..7410a60c1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-pin {
- 50% {
-
- background-color: var(--icon-color, var(--color-pin-500, currentColor));
- -webkit-mask-image: var(--icon-pin-24);
- mask-image: var(--icon-pin-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-pin-500, currentColor));
-webkit-mask-image: var(--icon-pin-16);
mask-image: var(--icon-pin-16);
+ background-color: var(--icon-color, var(--color-pin-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss
index 424cdda03..26648a083 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-play-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-play-circle-500, currentColor));
- -webkit-mask-image: var(--icon-play-circle-24);
- mask-image: var(--icon-play-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-play-circle-500, currentColor));
-webkit-mask-image: var(--icon-play-circle-16);
mask-image: var(--icon-play-circle-16);
+ background-color: var(--icon-color, var(--color-play-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss
index 23357b0c0..01321553f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-play-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-play-fill-500, currentColor));
- -webkit-mask-image: var(--icon-play-circle-24);
- mask-image: var(--icon-play-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-play-fill-500, currentColor));
-webkit-mask-image: var(--icon-play-circle-16);
mask-image: var(--icon-play-circle-16);
+ background-color: var(--icon-color, var(--color-play-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss
index 08734a277..7ab2f30da 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-play-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-play-outline-500, currentColor));
- -webkit-mask-image: var(--icon-play-circle-24);
- mask-image: var(--icon-play-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-play-outline-500, currentColor));
-webkit-mask-image: var(--icon-play-circle-16);
mask-image: var(--icon-play-circle-16);
+ background-color: var(--icon-color, var(--color-play-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss
index 3a7127e2c..03f303acb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-play-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-play-plain-500, currentColor));
- -webkit-mask-image: var(--icon-play-24);
- mask-image: var(--icon-play-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-play-plain-500, currentColor));
-webkit-mask-image: var(--icon-play-16);
mask-image: var(--icon-play-16);
+ background-color: var(--icon-color, var(--color-play-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss
index 836620d56..452bba7d3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-play {
- 50% {
-
- background-color: var(--icon-color, var(--color-play-500, currentColor));
- -webkit-mask-image: var(--icon-play-24);
- mask-image: var(--icon-play-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-play-500, currentColor));
-webkit-mask-image: var(--icon-play-16);
mask-image: var(--icon-play-16);
+ background-color: var(--icon-color, var(--color-play-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss
index aeb19a98f..3a43a948a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-plus-circle-24);
- mask-image: var(--icon-plus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-plus-circle-16);
mask-image: var(--icon-plus-circle-16);
+ background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss
index 313c51d7f..98c7eb238 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-circle-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor));
- -webkit-mask-image: var(--icon-plus-circle-24);
- mask-image: var(--icon-plus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor));
-webkit-mask-image: var(--icon-plus-circle-16);
mask-image: var(--icon-plus-circle-16);
+ background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss
index 3db624e87..04bf87b22 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-circle-500, currentColor));
- -webkit-mask-image: var(--icon-plus-circle-24);
- mask-image: var(--icon-plus-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-circle-500, currentColor));
-webkit-mask-image: var(--icon-plus-circle-16);
mask-image: var(--icon-plus-circle-16);
+ background-color: var(--icon-color, var(--color-plus-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss
index ede103f0b..569f1548b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-plain-500, currentColor));
- -webkit-mask-image: var(--icon-plus-24);
- mask-image: var(--icon-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-plain-500, currentColor));
-webkit-mask-image: var(--icon-plus-16);
mask-image: var(--icon-plus-16);
+ background-color: var(--icon-color, var(--color-plus-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss
index dea4ca8f5..d1b0e3b8c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-plus-square-24);
- mask-image: var(--icon-plus-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-plus-square-16);
mask-image: var(--icon-plus-square-16);
+ background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss
index 2c4110e49..9255830f5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-square-500, currentColor));
- -webkit-mask-image: var(--icon-plus-square-24);
- mask-image: var(--icon-plus-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-square-500, currentColor));
-webkit-mask-image: var(--icon-plus-square-16);
mask-image: var(--icon-plus-square-16);
+ background-color: var(--icon-color, var(--color-plus-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss
index 49a75f28c..bae721d79 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-plus {
- 50% {
-
- background-color: var(--icon-color, var(--color-plus-500, currentColor));
- -webkit-mask-image: var(--icon-plus-24);
- mask-image: var(--icon-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-plus-500, currentColor));
-webkit-mask-image: var(--icon-plus-16);
mask-image: var(--icon-plus-16);
+ background-color: var(--icon-color, var(--color-plus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss
index 2602962c5..171b29600 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-port {
- 50% {
-
- background-color: var(--icon-color, var(--color-port-500, currentColor));
- -webkit-mask-image: var(--icon-port-24);
- mask-image: var(--icon-port-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-port-500, currentColor));
-webkit-mask-image: var(--icon-port-16);
mask-image: var(--icon-port-16);
+ background-color: var(--icon-color, var(--color-port-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss
index d395f89a1..e99df5e05 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-power {
- 50% {
-
- background-color: var(--icon-color, var(--color-power-500, currentColor));
- -webkit-mask-image: var(--icon-power-24);
- mask-image: var(--icon-power-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-power-500, currentColor));
-webkit-mask-image: var(--icon-power-16);
mask-image: var(--icon-power-16);
+ background-color: var(--icon-color, var(--color-power-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss
index 8b7a2f13d..d68f9603b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-printer {
- 50% {
-
- background-color: var(--icon-color, var(--color-printer-500, currentColor));
- -webkit-mask-image: var(--icon-printer-24);
- mask-image: var(--icon-printer-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-printer-500, currentColor));
-webkit-mask-image: var(--icon-printer-16);
mask-image: var(--icon-printer-16);
+ background-color: var(--icon-color, var(--color-printer-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss
index a4fb6bee2..2980eb355 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-protocol {
- 50% {
-
- background-color: var(--icon-color, var(--color-protocol-500, currentColor));
- -webkit-mask-image: var(--icon-protocol-24);
- mask-image: var(--icon-protocol-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-protocol-500, currentColor));
-webkit-mask-image: var(--icon-protocol-16);
mask-image: var(--icon-protocol-16);
+ background-color: var(--icon-color, var(--color-protocol-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss
index 7034cd90d..a7af17348 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-provider {
- 50% {
-
- background-color: var(--icon-color, var(--color-provider-500, currentColor));
- -webkit-mask-image: var(--icon-provider-24);
- mask-image: var(--icon-provider-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-provider-500, currentColor));
-webkit-mask-image: var(--icon-provider-16);
mask-image: var(--icon-provider-16);
+ background-color: var(--icon-color, var(--color-provider-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss
index ac4d04971..386d325f7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-public-default {
- 50% {
-
- background-color: var(--icon-color, var(--color-public-default-500, currentColor));
- -webkit-mask-image: var(--icon-globe-24);
- mask-image: var(--icon-globe-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-public-default-500, currentColor));
-webkit-mask-image: var(--icon-globe-16);
mask-image: var(--icon-globe-16);
+ background-color: var(--icon-color, var(--color-public-default-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss
index 0de83840d..996383eaa 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-public-locked {
- 50% {
-
- background-color: var(--icon-color, var(--color-public-locked-500, currentColor));
- -webkit-mask-image: var(--icon-globe-private-24);
- mask-image: var(--icon-globe-private-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-public-locked-500, currentColor));
-webkit-mask-image: var(--icon-globe-private-16);
mask-image: var(--icon-globe-private-16);
+ background-color: var(--icon-color, var(--color-public-locked-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss
index 4b9be56bd..f6a4d1067 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-queue {
- 50% {
-
- background-color: var(--icon-color, var(--color-queue-500, currentColor));
- -webkit-mask-image: var(--icon-queue-24);
- mask-image: var(--icon-queue-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-queue-500, currentColor));
-webkit-mask-image: var(--icon-queue-16);
mask-image: var(--icon-queue-16);
+ background-color: var(--icon-color, var(--color-queue-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss
index 52f3ef8b4..2ce3c8d7b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-radio-button-checked {
- 50% {
-
- background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor));
- -webkit-mask-image: var(--icon-circle-dot-24);
- mask-image: var(--icon-circle-dot-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor));
-webkit-mask-image: var(--icon-circle-dot-16);
mask-image: var(--icon-circle-dot-16);
+ background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss
index ef7a4a0af..c66f082d9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-radio-button-unchecked {
- 50% {
-
- background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor));
- -webkit-mask-image: var(--icon-circle-24);
- mask-image: var(--icon-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor));
-webkit-mask-image: var(--icon-circle-16);
mask-image: var(--icon-circle-16);
+ background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss
index e4fcad339..5ee40a311 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-radio {
- 50% {
-
- background-color: var(--icon-color, var(--color-radio-500, currentColor));
- -webkit-mask-image: var(--icon-radio-24);
- mask-image: var(--icon-radio-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-radio-500, currentColor));
-webkit-mask-image: var(--icon-radio-16);
mask-image: var(--icon-radio-16);
+ background-color: var(--icon-color, var(--color-radio-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss
index 94038680a..2859e66d7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-random {
- 50% {
-
- background-color: var(--icon-color, var(--color-random-500, currentColor));
- -webkit-mask-image: var(--icon-random-24);
- mask-image: var(--icon-random-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-random-500, currentColor));
-webkit-mask-image: var(--icon-random-16);
mask-image: var(--icon-random-16);
+ background-color: var(--icon-color, var(--color-random-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss
index 94bbe70ea..51910931e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-redirect {
- 50% {
-
- background-color: var(--icon-color, var(--color-redirect-500, currentColor));
- -webkit-mask-image: var(--icon-redirect-24);
- mask-image: var(--icon-redirect-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-redirect-500, currentColor));
-webkit-mask-image: var(--icon-redirect-16);
mask-image: var(--icon-redirect-16);
+ background-color: var(--icon-color, var(--color-redirect-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss
index 0021f5b7b..6d9467ca1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-refresh-alert {
- 50% {
-
- background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor));
- -webkit-mask-image: var(--icon-sync-alert-24);
- mask-image: var(--icon-sync-alert-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor));
-webkit-mask-image: var(--icon-sync-alert-16);
mask-image: var(--icon-sync-alert-16);
+ background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss
index 8376b7484..797f679d9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-refresh-default {
- 50% {
-
- background-color: var(--icon-color, var(--color-refresh-default-500, currentColor));
- -webkit-mask-image: var(--icon-sync-24);
- mask-image: var(--icon-sync-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-refresh-default-500, currentColor));
-webkit-mask-image: var(--icon-sync-16);
mask-image: var(--icon-sync-16);
+ background-color: var(--icon-color, var(--color-refresh-default-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss
index 1c17fdf6e..c92be17f1 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-reload {
- 50% {
-
- background-color: var(--icon-color, var(--color-reload-500, currentColor));
- -webkit-mask-image: var(--icon-reload-24);
- mask-image: var(--icon-reload-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-reload-500, currentColor));
-webkit-mask-image: var(--icon-reload-16);
mask-image: var(--icon-reload-16);
+ background-color: var(--icon-color, var(--color-reload-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss
index 5536cbe7c..d5ff8b898 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-remix {
- 50% {
-
- background-color: var(--icon-color, var(--color-remix-500, currentColor));
- -webkit-mask-image: var(--icon-shuffle-24);
- mask-image: var(--icon-shuffle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-remix-500, currentColor));
-webkit-mask-image: var(--icon-shuffle-16);
mask-image: var(--icon-shuffle-16);
+ background-color: var(--icon-color, var(--color-remix-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss
index cf5ac4430..43c673e1a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-repeat {
- 50% {
-
- background-color: var(--icon-color, var(--color-repeat-500, currentColor));
- -webkit-mask-image: var(--icon-repeat-24);
- mask-image: var(--icon-repeat-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-repeat-500, currentColor));
-webkit-mask-image: var(--icon-repeat-16);
mask-image: var(--icon-repeat-16);
+ background-color: var(--icon-color, var(--color-repeat-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss
index c87ba2879..2578b3806 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-replication-direct {
- 50% {
-
- background-color: var(--icon-color, var(--color-replication-direct-500, currentColor));
- -webkit-mask-image: var(--icon-replication-direct-24);
- mask-image: var(--icon-replication-direct-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-replication-direct-500, currentColor));
-webkit-mask-image: var(--icon-replication-direct-16);
mask-image: var(--icon-replication-direct-16);
+ background-color: var(--icon-color, var(--color-replication-direct-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss
index 40ba3bdcd..ec0e7b2bb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-replication-perf {
- 50% {
-
- background-color: var(--icon-color, var(--color-replication-perf-500, currentColor));
- -webkit-mask-image: var(--icon-replication-perf-24);
- mask-image: var(--icon-replication-perf-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-replication-perf-500, currentColor));
-webkit-mask-image: var(--icon-replication-perf-16);
mask-image: var(--icon-replication-perf-16);
+ background-color: var(--icon-color, var(--color-replication-perf-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss
index 83a410d45..b3ed71b7e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-rewind {
- 50% {
-
- background-color: var(--icon-color, var(--color-rewind-500, currentColor));
- -webkit-mask-image: var(--icon-rewind-24);
- mask-image: var(--icon-rewind-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-rewind-500, currentColor));
-webkit-mask-image: var(--icon-rewind-16);
mask-image: var(--icon-rewind-16);
+ background-color: var(--icon-color, var(--color-rewind-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss
index d95f89793..ef1a8373f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-ribbon {
- 50% {
-
- background-color: var(--icon-color, var(--color-ribbon-500, currentColor));
- -webkit-mask-image: var(--icon-award-24);
- mask-image: var(--icon-award-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-ribbon-500, currentColor));
-webkit-mask-image: var(--icon-award-16);
mask-image: var(--icon-award-16);
+ background-color: var(--icon-color, var(--color-ribbon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss
index 9e7223a7e..1c09b8d4d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-rocket {
- 50% {
-
- background-color: var(--icon-color, var(--color-rocket-500, currentColor));
- -webkit-mask-image: var(--icon-rocket-24);
- mask-image: var(--icon-rocket-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-rocket-500, currentColor));
-webkit-mask-image: var(--icon-rocket-16);
mask-image: var(--icon-rocket-16);
+ background-color: var(--icon-color, var(--color-rocket-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss
index 612754607..c975a9cb6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-rotate-ccw {
- 50% {
-
- background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor));
- -webkit-mask-image: var(--icon-rotate-ccw-24);
- mask-image: var(--icon-rotate-ccw-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor));
-webkit-mask-image: var(--icon-rotate-ccw-16);
mask-image: var(--icon-rotate-ccw-16);
+ background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss
index f16e7a512..8926acb1d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-rotate-cw {
- 50% {
-
- background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor));
- -webkit-mask-image: var(--icon-rotate-cw-24);
- mask-image: var(--icon-rotate-cw-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor));
-webkit-mask-image: var(--icon-rotate-cw-16);
mask-image: var(--icon-rotate-cw-16);
+ background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss
index 51106cdc5..c0b453224 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-rss {
- 50% {
-
- background-color: var(--icon-color, var(--color-rss-500, currentColor));
- -webkit-mask-image: var(--icon-rss-24);
- mask-image: var(--icon-rss-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-rss-500, currentColor));
-webkit-mask-image: var(--icon-rss-16);
mask-image: var(--icon-rss-16);
+ background-color: var(--icon-color, var(--color-rss-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss
index 096f474d9..a1228da0f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-run {
- 50% {
-
- background-color: var(--icon-color, var(--color-run-500, currentColor));
- -webkit-mask-image: var(--icon-run-24);
- mask-image: var(--icon-run-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-run-500, currentColor));
-webkit-mask-image: var(--icon-run-16);
mask-image: var(--icon-run-16);
+ background-color: var(--icon-color, var(--color-run-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss
index a9156fcb7..cf69cb09f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-running {
- 50% {
-
- background-color: var(--icon-color, var(--color-running-500, currentColor));
- -webkit-mask-image: var(--icon-running-24);
- mask-image: var(--icon-running-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-running-500, currentColor));
-webkit-mask-image: var(--icon-running-16);
mask-image: var(--icon-running-16);
+ background-color: var(--icon-color, var(--color-running-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss
index f4269b7c2..9d9e16604 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-save {
- 50% {
-
- background-color: var(--icon-color, var(--color-save-500, currentColor));
- -webkit-mask-image: var(--icon-save-24);
- mask-image: var(--icon-save-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-save-500, currentColor));
-webkit-mask-image: var(--icon-save-16);
mask-image: var(--icon-save-16);
+ background-color: var(--icon-color, var(--color-save-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss
index 9f7154e5e..805c03ead 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-scissors {
- 50% {
-
- background-color: var(--icon-color, var(--color-scissors-500, currentColor));
- -webkit-mask-image: var(--icon-scissors-24);
- mask-image: var(--icon-scissors-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-scissors-500, currentColor));
-webkit-mask-image: var(--icon-scissors-16);
mask-image: var(--icon-scissors-16);
+ background-color: var(--icon-color, var(--color-scissors-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss
index 5413fac41..ce8fe209f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-search-color {
- 50% {
- background-image: var(--icon-search-color-24);
- }
-
100% {
background-image: var(--icon-search-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss
index 608a7e608..94da815ef 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-search {
- 50% {
-
- background-color: var(--icon-color, var(--color-search-500, currentColor));
- -webkit-mask-image: var(--icon-search-24);
- mask-image: var(--icon-search-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-search-500, currentColor));
-webkit-mask-image: var(--icon-search-16);
mask-image: var(--icon-search-16);
+ background-color: var(--icon-color, var(--color-search-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss
index 5c3202530..950e99831 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-send {
- 50% {
-
- background-color: var(--icon-color, var(--color-send-500, currentColor));
- -webkit-mask-image: var(--icon-send-24);
- mask-image: var(--icon-send-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-send-500, currentColor));
-webkit-mask-image: var(--icon-send-16);
mask-image: var(--icon-send-16);
+ background-color: var(--icon-color, var(--color-send-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss
index fa84aa94d..f79d01897 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-server-cluster {
- 50% {
-
- background-color: var(--icon-color, var(--color-server-cluster-500, currentColor));
- -webkit-mask-image: var(--icon-server-cluster-24);
- mask-image: var(--icon-server-cluster-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-server-cluster-500, currentColor));
-webkit-mask-image: var(--icon-server-cluster-16);
mask-image: var(--icon-server-cluster-16);
+ background-color: var(--icon-color, var(--color-server-cluster-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss
index 54b33cdb6..a1b9e04d6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-server {
- 50% {
-
- background-color: var(--icon-color, var(--color-server-500, currentColor));
- -webkit-mask-image: var(--icon-server-24);
- mask-image: var(--icon-server-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-server-500, currentColor));
-webkit-mask-image: var(--icon-server-16);
mask-image: var(--icon-server-16);
+ background-color: var(--icon-color, var(--color-server-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss
index 621443a4a..ccdb81477 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-serverless {
- 50% {
-
- background-color: var(--icon-color, var(--color-serverless-500, currentColor));
- -webkit-mask-image: var(--icon-serverless-24);
- mask-image: var(--icon-serverless-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-serverless-500, currentColor));
-webkit-mask-image: var(--icon-serverless-16);
mask-image: var(--icon-serverless-16);
+ background-color: var(--icon-color, var(--color-serverless-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss
index 5da74992d..0222c02cc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-settings {
- 50% {
-
- background-color: var(--icon-color, var(--color-settings-500, currentColor));
- -webkit-mask-image: var(--icon-settings-24);
- mask-image: var(--icon-settings-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-settings-500, currentColor));
-webkit-mask-image: var(--icon-settings-16);
mask-image: var(--icon-settings-16);
+ background-color: var(--icon-color, var(--color-settings-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss
index c1878cd9c..49c048e92 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-share {
- 50% {
-
- background-color: var(--icon-color, var(--color-share-500, currentColor));
- -webkit-mask-image: var(--icon-share-24);
- mask-image: var(--icon-share-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-share-500, currentColor));
-webkit-mask-image: var(--icon-share-16);
mask-image: var(--icon-share-16);
+ background-color: var(--icon-color, var(--color-share-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss
index 60466b539..a6fdf7098 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shield-alert {
- 50% {
-
- background-color: var(--icon-color, var(--color-shield-alert-500, currentColor));
- -webkit-mask-image: var(--icon-shield-alert-24);
- mask-image: var(--icon-shield-alert-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shield-alert-500, currentColor));
-webkit-mask-image: var(--icon-shield-alert-16);
mask-image: var(--icon-shield-alert-16);
+ background-color: var(--icon-color, var(--color-shield-alert-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss
index d2fe2587a..e47ea46f5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shield-check {
- 50% {
-
- background-color: var(--icon-color, var(--color-shield-check-500, currentColor));
- -webkit-mask-image: var(--icon-shield-check-24);
- mask-image: var(--icon-shield-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shield-check-500, currentColor));
-webkit-mask-image: var(--icon-shield-check-16);
mask-image: var(--icon-shield-check-16);
+ background-color: var(--icon-color, var(--color-shield-check-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss
index 2344cc319..aaf69289c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shield-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-shield-off-500, currentColor));
- -webkit-mask-image: var(--icon-shield-off-24);
- mask-image: var(--icon-shield-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shield-off-500, currentColor));
-webkit-mask-image: var(--icon-shield-off-16);
mask-image: var(--icon-shield-off-16);
+ background-color: var(--icon-color, var(--color-shield-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss
index 41fc52954..c9aaf33d7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shield-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-shield-x-500, currentColor));
- -webkit-mask-image: var(--icon-shield-x-24);
- mask-image: var(--icon-shield-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shield-x-500, currentColor));
-webkit-mask-image: var(--icon-shield-x-16);
mask-image: var(--icon-shield-x-16);
+ background-color: var(--icon-color, var(--color-shield-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss
index 97122c7e6..5c2bf108f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shield {
- 50% {
-
- background-color: var(--icon-color, var(--color-shield-500, currentColor));
- -webkit-mask-image: var(--icon-shield-24);
- mask-image: var(--icon-shield-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shield-500, currentColor));
-webkit-mask-image: var(--icon-shield-16);
mask-image: var(--icon-shield-16);
+ background-color: var(--icon-color, var(--color-shield-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss
index f4efebb28..68d840e08 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shopping-bag {
- 50% {
-
- background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor));
- -webkit-mask-image: var(--icon-shopping-bag-24);
- mask-image: var(--icon-shopping-bag-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor));
-webkit-mask-image: var(--icon-shopping-bag-16);
mask-image: var(--icon-shopping-bag-16);
+ background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss
index 3f18c8553..9074a6fbf 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shopping-cart {
- 50% {
-
- background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor));
- -webkit-mask-image: var(--icon-shopping-cart-24);
- mask-image: var(--icon-shopping-cart-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor));
-webkit-mask-image: var(--icon-shopping-cart-16);
mask-image: var(--icon-shopping-cart-16);
+ background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss
index 8f8fb9869..72c49cdd5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-shuffle {
- 50% {
-
- background-color: var(--icon-color, var(--color-shuffle-500, currentColor));
- -webkit-mask-image: var(--icon-shuffle-24);
- mask-image: var(--icon-shuffle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-shuffle-500, currentColor));
-webkit-mask-image: var(--icon-shuffle-16);
mask-image: var(--icon-shuffle-16);
+ background-color: var(--icon-color, var(--color-shuffle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss
index 826b39e06..824384e1b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sidebar-hide {
- 50% {
-
- background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor));
- -webkit-mask-image: var(--icon-sidebar-hide-24);
- mask-image: var(--icon-sidebar-hide-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor));
-webkit-mask-image: var(--icon-sidebar-hide-16);
mask-image: var(--icon-sidebar-hide-16);
+ background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss
index 443810d47..17c0ac64a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sidebar-show {
- 50% {
-
- background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor));
- -webkit-mask-image: var(--icon-sidebar-show-24);
- mask-image: var(--icon-sidebar-show-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor));
-webkit-mask-image: var(--icon-sidebar-show-16);
mask-image: var(--icon-sidebar-show-16);
+ background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss
index 99d66e1fc..f1b29b44d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sidebar {
- 50% {
-
- background-color: var(--icon-color, var(--color-sidebar-500, currentColor));
- -webkit-mask-image: var(--icon-sidebar-24);
- mask-image: var(--icon-sidebar-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sidebar-500, currentColor));
-webkit-mask-image: var(--icon-sidebar-16);
mask-image: var(--icon-sidebar-16);
+ background-color: var(--icon-color, var(--color-sidebar-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss
index b3c3c2dcc..b8da14baa 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sign-in {
- 50% {
-
- background-color: var(--icon-color, var(--color-sign-in-500, currentColor));
- -webkit-mask-image: var(--icon-sign-in-24);
- mask-image: var(--icon-sign-in-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sign-in-500, currentColor));
-webkit-mask-image: var(--icon-sign-in-16);
mask-image: var(--icon-sign-in-16);
+ background-color: var(--icon-color, var(--color-sign-in-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss
index 060fa320e..e6ded0183 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sign-out {
- 50% {
-
- background-color: var(--icon-color, var(--color-sign-out-500, currentColor));
- -webkit-mask-image: var(--icon-sign-out-24);
- mask-image: var(--icon-sign-out-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sign-out-500, currentColor));
-webkit-mask-image: var(--icon-sign-out-16);
mask-image: var(--icon-sign-out-16);
+ background-color: var(--icon-color, var(--color-sign-out-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss
index e1dca30eb..f59bb3343 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-skip-back {
- 50% {
-
- background-color: var(--icon-color, var(--color-skip-back-500, currentColor));
- -webkit-mask-image: var(--icon-skip-back-24);
- mask-image: var(--icon-skip-back-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-skip-back-500, currentColor));
-webkit-mask-image: var(--icon-skip-back-16);
mask-image: var(--icon-skip-back-16);
+ background-color: var(--icon-color, var(--color-skip-back-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss
index 426b82f59..4dbdef47b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-skip-forward {
- 50% {
-
- background-color: var(--icon-color, var(--color-skip-forward-500, currentColor));
- -webkit-mask-image: var(--icon-skip-forward-24);
- mask-image: var(--icon-skip-forward-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-skip-forward-500, currentColor));
-webkit-mask-image: var(--icon-skip-forward-16);
mask-image: var(--icon-skip-forward-16);
+ background-color: var(--icon-color, var(--color-skip-forward-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss
index ce4691249..393201c79 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-skip {
- 50% {
-
- background-color: var(--icon-color, var(--color-skip-500, currentColor));
- -webkit-mask-image: var(--icon-skip-24);
- mask-image: var(--icon-skip-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-skip-500, currentColor));
-webkit-mask-image: var(--icon-skip-16);
mask-image: var(--icon-skip-16);
+ background-color: var(--icon-color, var(--color-skip-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss
index 2b299cc23..aa2976c56 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-slack-color {
- 50% {
- background-image: var(--icon-slack-color-24);
- }
-
100% {
background-image: var(--icon-slack-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss
index 134283be4..c247aad6c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-slack {
- 50% {
-
- background-color: var(--icon-color, var(--color-slack-500, currentColor));
- -webkit-mask-image: var(--icon-slack-color-24);
- mask-image: var(--icon-slack-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-slack-500, currentColor));
-webkit-mask-image: var(--icon-slack-color-16);
mask-image: var(--icon-slack-color-16);
+ background-color: var(--icon-color, var(--color-slack-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss
index 536acb5f5..7832aaf2b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-slash-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-slash-square-500, currentColor));
- -webkit-mask-image: var(--icon-slash-square-24);
- mask-image: var(--icon-slash-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-slash-square-500, currentColor));
-webkit-mask-image: var(--icon-slash-square-16);
mask-image: var(--icon-slash-square-16);
+ background-color: var(--icon-color, var(--color-slash-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss
index 74e96be1c..a8a69f7a0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-slash {
- 50% {
-
- background-color: var(--icon-color, var(--color-slash-500, currentColor));
- -webkit-mask-image: var(--icon-slash-24);
- mask-image: var(--icon-slash-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-slash-500, currentColor));
-webkit-mask-image: var(--icon-slash-16);
mask-image: var(--icon-slash-16);
+ background-color: var(--icon-color, var(--color-slash-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss
index 425b9fb74..e4086a4e0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sliders {
- 50% {
-
- background-color: var(--icon-color, var(--color-sliders-500, currentColor));
- -webkit-mask-image: var(--icon-sliders-24);
- mask-image: var(--icon-sliders-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sliders-500, currentColor));
-webkit-mask-image: var(--icon-sliders-16);
mask-image: var(--icon-sliders-16);
+ background-color: var(--icon-color, var(--color-sliders-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss
index 7ce504a44..cc5546279 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-smartphone {
- 50% {
-
- background-color: var(--icon-color, var(--color-smartphone-500, currentColor));
- -webkit-mask-image: var(--icon-smartphone-24);
- mask-image: var(--icon-smartphone-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-smartphone-500, currentColor));
-webkit-mask-image: var(--icon-smartphone-16);
mask-image: var(--icon-smartphone-16);
+ background-color: var(--icon-color, var(--color-smartphone-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss
index 949859603..9b7c1ee22 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-smile {
- 50% {
-
- background-color: var(--icon-color, var(--color-smile-500, currentColor));
- -webkit-mask-image: var(--icon-smile-24);
- mask-image: var(--icon-smile-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-smile-500, currentColor));
-webkit-mask-image: var(--icon-smile-16);
mask-image: var(--icon-smile-16);
+ background-color: var(--icon-color, var(--color-smile-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss
index faff11c15..0cb014f08 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-socket {
- 50% {
-
- background-color: var(--icon-color, var(--color-socket-500, currentColor));
- -webkit-mask-image: var(--icon-socket-24);
- mask-image: var(--icon-socket-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-socket-500, currentColor));
-webkit-mask-image: var(--icon-socket-16);
mask-image: var(--icon-socket-16);
+ background-color: var(--icon-color, var(--color-socket-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss
index 3b23b7029..ed7895e7f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sort-asc {
- 50% {
-
- background-color: var(--icon-color, var(--color-sort-asc-500, currentColor));
- -webkit-mask-image: var(--icon-sort-asc-24);
- mask-image: var(--icon-sort-asc-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sort-asc-500, currentColor));
-webkit-mask-image: var(--icon-sort-asc-16);
mask-image: var(--icon-sort-asc-16);
+ background-color: var(--icon-color, var(--color-sort-asc-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss
index e31b1ac64..24781e28d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sort-desc {
- 50% {
-
- background-color: var(--icon-color, var(--color-sort-desc-500, currentColor));
- -webkit-mask-image: var(--icon-sort-desc-24);
- mask-image: var(--icon-sort-desc-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sort-desc-500, currentColor));
-webkit-mask-image: var(--icon-sort-desc-16);
mask-image: var(--icon-sort-desc-16);
+ background-color: var(--icon-color, var(--color-sort-desc-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss
index 7a7ac5b66..335f176ba 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sort {
- 50% {
-
- background-color: var(--icon-color, var(--color-sort-500, currentColor));
- -webkit-mask-image: var(--icon-sort-desc-24);
- mask-image: var(--icon-sort-desc-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sort-500, currentColor));
-webkit-mask-image: var(--icon-sort-desc-16);
mask-image: var(--icon-sort-desc-16);
+ background-color: var(--icon-color, var(--color-sort-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss
index 22c1b2ff1..cef55ce3f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-source-file {
- 50% {
-
- background-color: var(--icon-color, var(--color-source-file-500, currentColor));
- -webkit-mask-image: var(--icon-file-source-24);
- mask-image: var(--icon-file-source-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-source-file-500, currentColor));
-webkit-mask-image: var(--icon-file-source-16);
mask-image: var(--icon-file-source-16);
+ background-color: var(--icon-color, var(--color-source-file-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss
index 58d3d39e2..f6774a996 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-speaker {
- 50% {
-
- background-color: var(--icon-color, var(--color-speaker-500, currentColor));
- -webkit-mask-image: var(--icon-speaker-24);
- mask-image: var(--icon-speaker-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-speaker-500, currentColor));
-webkit-mask-image: var(--icon-speaker-16);
mask-image: var(--icon-speaker-16);
+ background-color: var(--icon-color, var(--color-speaker-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss
index cf050bdd4..7392b60f3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-square-fill-24);
- mask-image: var(--icon-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-square-fill-16);
mask-image: var(--icon-square-fill-16);
+ background-color: var(--icon-color, var(--color-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss
index d0959fbe6..fe48a264e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-square-500, currentColor));
- -webkit-mask-image: var(--icon-square-24);
- mask-image: var(--icon-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-square-500, currentColor));
-webkit-mask-image: var(--icon-square-16);
mask-image: var(--icon-square-16);
+ background-color: var(--icon-color, var(--color-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss
index 61ee69100..969b1f521 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-star-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-star-circle-500, currentColor));
- -webkit-mask-image: var(--icon-star-circle-24);
- mask-image: var(--icon-star-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-star-circle-500, currentColor));
-webkit-mask-image: var(--icon-star-circle-16);
mask-image: var(--icon-star-circle-16);
+ background-color: var(--icon-color, var(--color-star-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss
index 2e0b258bb..e74eba176 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-star-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-star-fill-500, currentColor));
- -webkit-mask-image: var(--icon-star-fill-24);
- mask-image: var(--icon-star-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-star-fill-500, currentColor));
-webkit-mask-image: var(--icon-star-fill-16);
mask-image: var(--icon-star-fill-16);
+ background-color: var(--icon-color, var(--color-star-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss
index a33365bd5..0d6199e54 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-star-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-star-off-500, currentColor));
- -webkit-mask-image: var(--icon-star-off-24);
- mask-image: var(--icon-star-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-star-off-500, currentColor));
-webkit-mask-image: var(--icon-star-off-16);
mask-image: var(--icon-star-off-16);
+ background-color: var(--icon-color, var(--color-star-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss
index 3c1bee40b..596bf5fa7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-star-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-star-outline-500, currentColor));
- -webkit-mask-image: var(--icon-star-24);
- mask-image: var(--icon-star-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-star-outline-500, currentColor));
-webkit-mask-image: var(--icon-star-16);
mask-image: var(--icon-star-16);
+ background-color: var(--icon-color, var(--color-star-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss
index 2fc710761..98204e8e8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-star {
- 50% {
-
- background-color: var(--icon-color, var(--color-star-500, currentColor));
- -webkit-mask-image: var(--icon-star-24);
- mask-image: var(--icon-star-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-star-500, currentColor));
-webkit-mask-image: var(--icon-star-16);
mask-image: var(--icon-star-16);
+ background-color: var(--icon-color, var(--color-star-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss
index 636c02278..0703ea586 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-stop-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-stop-circle-500, currentColor));
- -webkit-mask-image: var(--icon-stop-circle-24);
- mask-image: var(--icon-stop-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-stop-circle-500, currentColor));
-webkit-mask-image: var(--icon-stop-circle-16);
mask-image: var(--icon-stop-circle-16);
+ background-color: var(--icon-color, var(--color-stop-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss
index 53ef059fb..c58fbad21 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sub-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-sub-left-500, currentColor));
- -webkit-mask-image: var(--icon-corner-down-left-24);
- mask-image: var(--icon-corner-down-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sub-left-500, currentColor));
-webkit-mask-image: var(--icon-corner-down-left-16);
mask-image: var(--icon-corner-down-left-16);
+ background-color: var(--icon-color, var(--color-sub-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss
index 671a39925..9303a7eed 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sub-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-sub-right-500, currentColor));
- -webkit-mask-image: var(--icon-corner-down-right-24);
- mask-image: var(--icon-corner-down-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sub-right-500, currentColor));
-webkit-mask-image: var(--icon-corner-down-right-16);
mask-image: var(--icon-corner-down-right-16);
+ background-color: var(--icon-color, var(--color-sub-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss
index aa0c15538..3c8e6ee4d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sun {
- 50% {
-
- background-color: var(--icon-color, var(--color-sun-500, currentColor));
- -webkit-mask-image: var(--icon-sun-24);
- mask-image: var(--icon-sun-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sun-500, currentColor));
-webkit-mask-image: var(--icon-sun-16);
mask-image: var(--icon-sun-16);
+ background-color: var(--icon-color, var(--color-sun-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss
index e86b220dc..feec023ce 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-support {
- 50% {
-
- background-color: var(--icon-color, var(--color-support-500, currentColor));
- -webkit-mask-image: var(--icon-support-24);
- mask-image: var(--icon-support-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-support-500, currentColor));
-webkit-mask-image: var(--icon-support-16);
mask-image: var(--icon-support-16);
+ background-color: var(--icon-color, var(--color-support-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss
index 46b3d4f52..fb356aa42 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-swap-horizontal {
- 50% {
-
- background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor));
- -webkit-mask-image: var(--icon-swap-horizontal-24);
- mask-image: var(--icon-swap-horizontal-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor));
-webkit-mask-image: var(--icon-swap-horizontal-16);
mask-image: var(--icon-swap-horizontal-16);
+ background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss
index 611baad0e..059ae89ef 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-swap-vertical {
- 50% {
-
- background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor));
- -webkit-mask-image: var(--icon-swap-vertical-24);
- mask-image: var(--icon-swap-vertical-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor));
-webkit-mask-image: var(--icon-swap-vertical-16);
mask-image: var(--icon-swap-vertical-16);
+ background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss
index 66da856ba..dc07c049a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-switcher {
- 50% {
-
- background-color: var(--icon-color, var(--color-switcher-500, currentColor));
- -webkit-mask-image: var(--icon-switcher-24);
- mask-image: var(--icon-switcher-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-switcher-500, currentColor));
-webkit-mask-image: var(--icon-switcher-16);
mask-image: var(--icon-switcher-16);
+ background-color: var(--icon-color, var(--color-switcher-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss
index c384abc76..993d40da7 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sync-alert {
- 50% {
-
- background-color: var(--icon-color, var(--color-sync-alert-500, currentColor));
- -webkit-mask-image: var(--icon-sync-alert-24);
- mask-image: var(--icon-sync-alert-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sync-alert-500, currentColor));
-webkit-mask-image: var(--icon-sync-alert-16);
mask-image: var(--icon-sync-alert-16);
+ background-color: var(--icon-color, var(--color-sync-alert-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss
index ecac91288..4fcaca03a 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sync-reverse {
- 50% {
-
- background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor));
- -webkit-mask-image: var(--icon-sync-reverse-24);
- mask-image: var(--icon-sync-reverse-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor));
-webkit-mask-image: var(--icon-sync-reverse-16);
mask-image: var(--icon-sync-reverse-16);
+ background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss
index 6b5e44380..379438bd5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-sync {
- 50% {
-
- background-color: var(--icon-color, var(--color-sync-500, currentColor));
- -webkit-mask-image: var(--icon-sync-24);
- mask-image: var(--icon-sync-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-sync-500, currentColor));
-webkit-mask-image: var(--icon-sync-16);
mask-image: var(--icon-sync-16);
+ background-color: var(--icon-color, var(--color-sync-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss
index ce7f84e81..6ebb589f6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-tablet {
- 50% {
-
- background-color: var(--icon-color, var(--color-tablet-500, currentColor));
- -webkit-mask-image: var(--icon-tablet-24);
- mask-image: var(--icon-tablet-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-tablet-500, currentColor));
-webkit-mask-image: var(--icon-tablet-16);
mask-image: var(--icon-tablet-16);
+ background-color: var(--icon-color, var(--color-tablet-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss
index ab748c68f..0c5a2ddc8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-tag {
- 50% {
-
- background-color: var(--icon-color, var(--color-tag-500, currentColor));
- -webkit-mask-image: var(--icon-tag-24);
- mask-image: var(--icon-tag-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-tag-500, currentColor));
-webkit-mask-image: var(--icon-tag-16);
mask-image: var(--icon-tag-16);
+ background-color: var(--icon-color, var(--color-tag-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss
index 5ac24a6fa..fa0b7ae82 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-target {
- 50% {
-
- background-color: var(--icon-color, var(--color-target-500, currentColor));
- -webkit-mask-image: var(--icon-target-24);
- mask-image: var(--icon-target-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-target-500, currentColor));
-webkit-mask-image: var(--icon-target-16);
mask-image: var(--icon-target-16);
+ background-color: var(--icon-color, var(--color-target-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss
index e38db36ad..fdff1377d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-terminal-screen {
- 50% {
-
- background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor));
- -webkit-mask-image: var(--icon-terminal-screen-24);
- mask-image: var(--icon-terminal-screen-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor));
-webkit-mask-image: var(--icon-terminal-screen-16);
mask-image: var(--icon-terminal-screen-16);
+ background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss
index a12168c85..60a696108 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-terminal {
- 50% {
-
- background-color: var(--icon-color, var(--color-terminal-500, currentColor));
- -webkit-mask-image: var(--icon-terminal-24);
- mask-image: var(--icon-terminal-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-terminal-500, currentColor));
-webkit-mask-image: var(--icon-terminal-16);
mask-image: var(--icon-terminal-16);
+ background-color: var(--icon-color, var(--color-terminal-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss
index d0433fe34..d9a9e61bc 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-terraform-color {
- 50% {
- background-image: var(--icon-terraform-color-24);
- }
-
100% {
background-image: var(--icon-terraform-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss
index d6341c0af..e22b86204 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-terraform {
- 50% {
-
- background-color: var(--icon-color, var(--color-terraform-500, currentColor));
- -webkit-mask-image: var(--icon-terraform-color-24);
- mask-image: var(--icon-terraform-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-terraform-500, currentColor));
-webkit-mask-image: var(--icon-terraform-color-16);
mask-image: var(--icon-terraform-color-16);
+ background-color: var(--icon-color, var(--color-terraform-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss
index f0297ff6d..9b5e197b5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-thumbs-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor));
- -webkit-mask-image: var(--icon-thumbs-down-24);
- mask-image: var(--icon-thumbs-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor));
-webkit-mask-image: var(--icon-thumbs-down-16);
mask-image: var(--icon-thumbs-down-16);
+ background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss
index 05f779dd6..cd9aa42cf 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-thumbs-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor));
- -webkit-mask-image: var(--icon-thumbs-up-24);
- mask-image: var(--icon-thumbs-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor));
-webkit-mask-image: var(--icon-thumbs-up-16);
mask-image: var(--icon-thumbs-up-16);
+ background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss
index 4eb1e1dad..641970bd4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-toggle-left {
- 50% {
-
- background-color: var(--icon-color, var(--color-toggle-left-500, currentColor));
- -webkit-mask-image: var(--icon-toggle-left-24);
- mask-image: var(--icon-toggle-left-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-toggle-left-500, currentColor));
-webkit-mask-image: var(--icon-toggle-left-16);
mask-image: var(--icon-toggle-left-16);
+ background-color: var(--icon-color, var(--color-toggle-left-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss
index a83c5216e..db573217b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-toggle-right {
- 50% {
-
- background-color: var(--icon-color, var(--color-toggle-right-500, currentColor));
- -webkit-mask-image: var(--icon-toggle-right-24);
- mask-image: var(--icon-toggle-right-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-toggle-right-500, currentColor));
-webkit-mask-image: var(--icon-toggle-right-16);
mask-image: var(--icon-toggle-right-16);
+ background-color: var(--icon-color, var(--color-toggle-right-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss
index 04d544ced..4335688a5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-token {
- 50% {
-
- background-color: var(--icon-color, var(--color-token-500, currentColor));
- -webkit-mask-image: var(--icon-token-24);
- mask-image: var(--icon-token-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-token-500, currentColor));
-webkit-mask-image: var(--icon-token-16);
mask-image: var(--icon-token-16);
+ background-color: var(--icon-color, var(--color-token-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss
index ec2ebb764..aeaed5818 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-tools {
- 50% {
-
- background-color: var(--icon-color, var(--color-tools-500, currentColor));
- -webkit-mask-image: var(--icon-tools-24);
- mask-image: var(--icon-tools-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-tools-500, currentColor));
-webkit-mask-image: var(--icon-tools-16);
mask-image: var(--icon-tools-16);
+ background-color: var(--icon-color, var(--color-tools-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss
index 78b6f79c8..eccc7eb86 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-top {
- 50% {
-
- background-color: var(--icon-color, var(--color-top-500, currentColor));
- -webkit-mask-image: var(--icon-top-24);
- mask-image: var(--icon-top-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-top-500, currentColor));
-webkit-mask-image: var(--icon-top-16);
mask-image: var(--icon-top-16);
+ background-color: var(--icon-color, var(--color-top-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss
index ff4485d5c..3313b2f47 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-trash {
- 50% {
-
- background-color: var(--icon-color, var(--color-trash-500, currentColor));
- -webkit-mask-image: var(--icon-trash-24);
- mask-image: var(--icon-trash-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-trash-500, currentColor));
-webkit-mask-image: var(--icon-trash-16);
mask-image: var(--icon-trash-16);
+ background-color: var(--icon-color, var(--color-trash-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss
index 657fbfdf8..2ffef6608 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-trend-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-trend-down-500, currentColor));
- -webkit-mask-image: var(--icon-trend-down-24);
- mask-image: var(--icon-trend-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-trend-down-500, currentColor));
-webkit-mask-image: var(--icon-trend-down-16);
mask-image: var(--icon-trend-down-16);
+ background-color: var(--icon-color, var(--color-trend-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss
index 4e7908e83..395d5fda6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-trend-up {
- 50% {
-
- background-color: var(--icon-color, var(--color-trend-up-500, currentColor));
- -webkit-mask-image: var(--icon-trend-up-24);
- mask-image: var(--icon-trend-up-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-trend-up-500, currentColor));
-webkit-mask-image: var(--icon-trend-up-16);
mask-image: var(--icon-trend-up-16);
+ background-color: var(--icon-color, var(--color-trend-up-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss
index 960e3be01..3d1a8b3f9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-triangle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-triangle-fill-24);
- mask-image: var(--icon-triangle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor));
-webkit-mask-image: var(--icon-triangle-fill-16);
mask-image: var(--icon-triangle-fill-16);
+ background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss
index 6099cebe9..59f3bcda0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-triangle {
- 50% {
-
- background-color: var(--icon-color, var(--color-triangle-500, currentColor));
- -webkit-mask-image: var(--icon-triangle-24);
- mask-image: var(--icon-triangle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-triangle-500, currentColor));
-webkit-mask-image: var(--icon-triangle-16);
mask-image: var(--icon-triangle-16);
+ background-color: var(--icon-color, var(--color-triangle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss
index a5c3e9f4b..7d6b5ef2b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-truck {
- 50% {
-
- background-color: var(--icon-color, var(--color-truck-500, currentColor));
- -webkit-mask-image: var(--icon-truck-24);
- mask-image: var(--icon-truck-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-truck-500, currentColor));
-webkit-mask-image: var(--icon-truck-16);
mask-image: var(--icon-truck-16);
+ background-color: var(--icon-color, var(--color-truck-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss
index 244e6aeb1..b94e2ce5f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-tune {
- 50% {
-
- background-color: var(--icon-color, var(--color-tune-500, currentColor));
- -webkit-mask-image: var(--icon-sliders-24);
- mask-image: var(--icon-sliders-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-tune-500, currentColor));
-webkit-mask-image: var(--icon-sliders-16);
mask-image: var(--icon-sliders-16);
+ background-color: var(--icon-color, var(--color-tune-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss
index f88ee7c5e..0c5c37c8e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-tv {
- 50% {
-
- background-color: var(--icon-color, var(--color-tv-500, currentColor));
- -webkit-mask-image: var(--icon-tv-24);
- mask-image: var(--icon-tv-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-tv-500, currentColor));
-webkit-mask-image: var(--icon-tv-16);
mask-image: var(--icon-tv-16);
+ background-color: var(--icon-color, var(--color-tv-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss
index 44f8a060d..55d86264b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-twitch-color {
- 50% {
- background-image: var(--icon-twitch-color-24);
- }
-
100% {
background-image: var(--icon-twitch-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss
index aa2998afc..3fb1f12c2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-twitch {
- 50% {
-
- background-color: var(--icon-color, var(--color-twitch-500, currentColor));
- -webkit-mask-image: var(--icon-twitch-color-24);
- mask-image: var(--icon-twitch-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-twitch-500, currentColor));
-webkit-mask-image: var(--icon-twitch-color-16);
mask-image: var(--icon-twitch-color-16);
+ background-color: var(--icon-color, var(--color-twitch-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss
index a3b0fa2c4..d6d11a135 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-twitter-color {
- 50% {
- background-image: var(--icon-twitter-color-24);
- }
-
100% {
background-image: var(--icon-twitter-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss
index 5c4420fc1..761bec327 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-twitter {
- 50% {
-
- background-color: var(--icon-color, var(--color-twitter-500, currentColor));
- -webkit-mask-image: var(--icon-twitter-color-24);
- mask-image: var(--icon-twitter-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-twitter-500, currentColor));
-webkit-mask-image: var(--icon-twitter-color-16);
mask-image: var(--icon-twitter-color-16);
+ background-color: var(--icon-color, var(--color-twitter-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss
index 5d206c5ab..7b5bf8154 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-type {
- 50% {
-
- background-color: var(--icon-color, var(--color-type-500, currentColor));
- -webkit-mask-image: var(--icon-type-24);
- mask-image: var(--icon-type-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-type-500, currentColor));
-webkit-mask-image: var(--icon-type-16);
mask-image: var(--icon-type-16);
+ background-color: var(--icon-color, var(--color-type-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss
index 52cf4b128..b1a6b0849 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-unfold-close {
- 50% {
-
- background-color: var(--icon-color, var(--color-unfold-close-500, currentColor));
- -webkit-mask-image: var(--icon-unfold-close-24);
- mask-image: var(--icon-unfold-close-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-unfold-close-500, currentColor));
-webkit-mask-image: var(--icon-unfold-close-16);
mask-image: var(--icon-unfold-close-16);
+ background-color: var(--icon-color, var(--color-unfold-close-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss
index 803bef666..f0d09906d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-unfold-less {
- 50% {
-
- background-color: var(--icon-color, var(--color-unfold-less-500, currentColor));
- -webkit-mask-image: var(--icon-unfold-close-24);
- mask-image: var(--icon-unfold-close-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-unfold-less-500, currentColor));
-webkit-mask-image: var(--icon-unfold-close-16);
mask-image: var(--icon-unfold-close-16);
+ background-color: var(--icon-color, var(--color-unfold-less-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss
index 4866551af..fc861ca63 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-unfold-more {
- 50% {
-
- background-color: var(--icon-color, var(--color-unfold-more-500, currentColor));
- -webkit-mask-image: var(--icon-unfold-open-24);
- mask-image: var(--icon-unfold-open-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-unfold-more-500, currentColor));
-webkit-mask-image: var(--icon-unfold-open-16);
mask-image: var(--icon-unfold-open-16);
+ background-color: var(--icon-color, var(--color-unfold-more-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss
index 8352b6e98..2a1189244 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-unfold-open {
- 50% {
-
- background-color: var(--icon-color, var(--color-unfold-open-500, currentColor));
- -webkit-mask-image: var(--icon-unfold-open-24);
- mask-image: var(--icon-unfold-open-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-unfold-open-500, currentColor));
-webkit-mask-image: var(--icon-unfold-open-16);
mask-image: var(--icon-unfold-open-16);
+ background-color: var(--icon-color, var(--color-unfold-open-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss
index d6983937a..7c458f80b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-union {
- 50% {
-
- background-color: var(--icon-color, var(--color-union-500, currentColor));
- -webkit-mask-image: var(--icon-union-24);
- mask-image: var(--icon-union-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-union-500, currentColor));
-webkit-mask-image: var(--icon-union-16);
mask-image: var(--icon-union-16);
+ background-color: var(--icon-color, var(--color-union-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss
index e7f647090..ea1c2b85c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-unlock {
- 50% {
-
- background-color: var(--icon-color, var(--color-unlock-500, currentColor));
- -webkit-mask-image: var(--icon-unlock-24);
- mask-image: var(--icon-unlock-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-unlock-500, currentColor));
-webkit-mask-image: var(--icon-unlock-16);
mask-image: var(--icon-unlock-16);
+ background-color: var(--icon-color, var(--color-unlock-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss
index a0f538df7..0d02de897 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-upload {
- 50% {
-
- background-color: var(--icon-color, var(--color-upload-500, currentColor));
- -webkit-mask-image: var(--icon-upload-24);
- mask-image: var(--icon-upload-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-upload-500, currentColor));
-webkit-mask-image: var(--icon-upload-16);
mask-image: var(--icon-upload-16);
+ background-color: var(--icon-color, var(--color-upload-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss
index 639ce01fb..21270ceda 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-add {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-add-500, currentColor));
- -webkit-mask-image: var(--icon-user-plus-24);
- mask-image: var(--icon-user-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-add-500, currentColor));
-webkit-mask-image: var(--icon-user-plus-16);
mask-image: var(--icon-user-plus-16);
+ background-color: var(--icon-color, var(--color-user-add-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss
index 89ed5610c..e403d81d8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-check {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-check-500, currentColor));
- -webkit-mask-image: var(--icon-user-check-24);
- mask-image: var(--icon-user-check-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-check-500, currentColor));
-webkit-mask-image: var(--icon-user-check-16);
mask-image: var(--icon-user-check-16);
+ background-color: var(--icon-color, var(--color-user-check-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss
index 5dfcc44e4..e4f4000cb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-user-circle-fill-24);
- mask-image: var(--icon-user-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-user-circle-fill-16);
mask-image: var(--icon-user-circle-fill-16);
+ background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss
index d1e0c7d89..5646cca6e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-circle-500, currentColor));
- -webkit-mask-image: var(--icon-user-circle-24);
- mask-image: var(--icon-user-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-circle-500, currentColor));
-webkit-mask-image: var(--icon-user-circle-16);
mask-image: var(--icon-user-circle-16);
+ background-color: var(--icon-color, var(--color-user-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss
index 5c9e91b40..4fdde6106 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-minus {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-minus-500, currentColor));
- -webkit-mask-image: var(--icon-user-minus-24);
- mask-image: var(--icon-user-minus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-minus-500, currentColor));
-webkit-mask-image: var(--icon-user-minus-16);
mask-image: var(--icon-user-minus-16);
+ background-color: var(--icon-color, var(--color-user-minus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss
index 8259ce00c..6d6197403 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-organization {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-organization-500, currentColor));
- -webkit-mask-image: var(--icon-org-24);
- mask-image: var(--icon-org-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-organization-500, currentColor));
-webkit-mask-image: var(--icon-org-16);
mask-image: var(--icon-org-16);
+ background-color: var(--icon-color, var(--color-user-organization-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss
index 1944c1188..b31e7c2ee 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-plain {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-plain-500, currentColor));
- -webkit-mask-image: var(--icon-user-24);
- mask-image: var(--icon-user-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-plain-500, currentColor));
-webkit-mask-image: var(--icon-user-16);
mask-image: var(--icon-user-16);
+ background-color: var(--icon-color, var(--color-user-plain-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss
index fc30d2229..5aef31c85 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-plus {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-plus-500, currentColor));
- -webkit-mask-image: var(--icon-user-plus-24);
- mask-image: var(--icon-user-plus-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-plus-500, currentColor));
-webkit-mask-image: var(--icon-user-plus-16);
mask-image: var(--icon-user-plus-16);
+ background-color: var(--icon-color, var(--color-user-plus-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss
index 78df81011..d971fc866 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-user-circle-fill-24);
- mask-image: var(--icon-user-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-user-circle-fill-16);
mask-image: var(--icon-user-circle-fill-16);
+ background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss
index 872d07513..bcd0a8268 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-square-outline {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor));
- -webkit-mask-image: var(--icon-user-circle-24);
- mask-image: var(--icon-user-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor));
-webkit-mask-image: var(--icon-user-circle-16);
mask-image: var(--icon-user-circle-16);
+ background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss
index e2d7697bf..2c06caf7f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-team {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-team-500, currentColor));
- -webkit-mask-image: var(--icon-users-24);
- mask-image: var(--icon-users-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-team-500, currentColor));
-webkit-mask-image: var(--icon-users-16);
mask-image: var(--icon-users-16);
+ background-color: var(--icon-color, var(--color-user-team-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss
index f81a04805..eef0459d9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-x-500, currentColor));
- -webkit-mask-image: var(--icon-user-x-24);
- mask-image: var(--icon-user-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-x-500, currentColor));
-webkit-mask-image: var(--icon-user-x-16);
mask-image: var(--icon-user-x-16);
+ background-color: var(--icon-color, var(--color-user-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss
index 5cd993f6d..9c973b3e6 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-user {
- 50% {
-
- background-color: var(--icon-color, var(--color-user-500, currentColor));
- -webkit-mask-image: var(--icon-user-24);
- mask-image: var(--icon-user-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-user-500, currentColor));
-webkit-mask-image: var(--icon-user-16);
mask-image: var(--icon-user-16);
+ background-color: var(--icon-color, var(--color-user-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss
index 4ae16d5b8..2dd8cd378 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-users {
- 50% {
-
- background-color: var(--icon-color, var(--color-users-500, currentColor));
- -webkit-mask-image: var(--icon-users-24);
- mask-image: var(--icon-users-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-users-500, currentColor));
-webkit-mask-image: var(--icon-users-16);
mask-image: var(--icon-users-16);
+ background-color: var(--icon-color, var(--color-users-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss
index 0f9dc999c..48eab05bd 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-vagrant-color {
- 50% {
- background-image: var(--icon-vagrant-color-24);
- }
-
100% {
background-image: var(--icon-vagrant-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss
index 5bfb316fb..dc4820e0e 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-vagrant {
- 50% {
-
- background-color: var(--icon-color, var(--color-vagrant-500, currentColor));
- -webkit-mask-image: var(--icon-vagrant-color-24);
- mask-image: var(--icon-vagrant-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-vagrant-500, currentColor));
-webkit-mask-image: var(--icon-vagrant-color-16);
mask-image: var(--icon-vagrant-color-16);
+ background-color: var(--icon-color, var(--color-vagrant-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss
index 6cd4b2da2..5246a48a2 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-vault-color {
- 50% {
- background-image: var(--icon-vault-color-24);
- }
-
100% {
background-image: var(--icon-vault-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss
index 42b1163cc..89c1ccfc4 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-vault {
- 50% {
-
- background-color: var(--icon-color, var(--color-vault-500, currentColor));
- -webkit-mask-image: var(--icon-vault-color-24);
- mask-image: var(--icon-vault-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-vault-500, currentColor));
-webkit-mask-image: var(--icon-vault-color-16);
mask-image: var(--icon-vault-color-16);
+ background-color: var(--icon-color, var(--color-vault-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss
index 438288785..62912b498 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-verified {
- 50% {
-
- background-color: var(--icon-color, var(--color-verified-500, currentColor));
- -webkit-mask-image: var(--icon-verified-24);
- mask-image: var(--icon-verified-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-verified-500, currentColor));
-webkit-mask-image: var(--icon-verified-16);
mask-image: var(--icon-verified-16);
+ background-color: var(--icon-color, var(--color-verified-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss
index 9e06a33ef..0fe053d9f 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-video-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-video-off-500, currentColor));
- -webkit-mask-image: var(--icon-video-off-24);
- mask-image: var(--icon-video-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-video-off-500, currentColor));
-webkit-mask-image: var(--icon-video-off-16);
mask-image: var(--icon-video-off-16);
+ background-color: var(--icon-color, var(--color-video-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss
index c454acb17..ea2d34971 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-video {
- 50% {
-
- background-color: var(--icon-color, var(--color-video-500, currentColor));
- -webkit-mask-image: var(--icon-video-24);
- mask-image: var(--icon-video-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-video-500, currentColor));
-webkit-mask-image: var(--icon-video-16);
mask-image: var(--icon-video-16);
+ background-color: var(--icon-color, var(--color-video-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss
index bdb764fda..6d0e7dfd8 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-visibility-hide {
- 50% {
-
- background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor));
- -webkit-mask-image: var(--icon-eye-off-24);
- mask-image: var(--icon-eye-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor));
-webkit-mask-image: var(--icon-eye-off-16);
mask-image: var(--icon-eye-off-16);
+ background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss
index 0b88a97ac..b1d25385d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-visibility-show {
- 50% {
-
- background-color: var(--icon-color, var(--color-visibility-show-500, currentColor));
- -webkit-mask-image: var(--icon-eye-24);
- mask-image: var(--icon-eye-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-visibility-show-500, currentColor));
-webkit-mask-image: var(--icon-eye-16);
mask-image: var(--icon-eye-16);
+ background-color: var(--icon-color, var(--color-visibility-show-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss
index 0d288e3fc..731070f9c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-vmware-color {
- 50% {
- background-image: var(--icon-vmware-color-24);
- }
-
100% {
background-image: var(--icon-vmware-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss
index c7134a326..36afdc442 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-vmware {
- 50% {
-
- background-color: var(--icon-color, var(--color-vmware-500, currentColor));
- -webkit-mask-image: var(--icon-vmware-color-24);
- mask-image: var(--icon-vmware-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-vmware-500, currentColor));
-webkit-mask-image: var(--icon-vmware-color-16);
mask-image: var(--icon-vmware-color-16);
+ background-color: var(--icon-color, var(--color-vmware-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss
index b9a937707..70146e7c9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-volume-2 {
- 50% {
-
- background-color: var(--icon-color, var(--color-volume-2-500, currentColor));
- -webkit-mask-image: var(--icon-volume-2-24);
- mask-image: var(--icon-volume-2-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-volume-2-500, currentColor));
-webkit-mask-image: var(--icon-volume-2-16);
mask-image: var(--icon-volume-2-16);
+ background-color: var(--icon-color, var(--color-volume-2-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss
index fa5531fea..ffb73168c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-volume-down {
- 50% {
-
- background-color: var(--icon-color, var(--color-volume-down-500, currentColor));
- -webkit-mask-image: var(--icon-volume-down-24);
- mask-image: var(--icon-volume-down-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-volume-down-500, currentColor));
-webkit-mask-image: var(--icon-volume-down-16);
mask-image: var(--icon-volume-down-16);
+ background-color: var(--icon-color, var(--color-volume-down-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss
index 3e58ccf8d..674003af9 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-volume-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-volume-x-500, currentColor));
- -webkit-mask-image: var(--icon-volume-x-24);
- mask-image: var(--icon-volume-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-volume-x-500, currentColor));
-webkit-mask-image: var(--icon-volume-x-16);
mask-image: var(--icon-volume-x-16);
+ background-color: var(--icon-color, var(--color-volume-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss
index 2bc76ce0c..a0b5ff97d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-volume {
- 50% {
-
- background-color: var(--icon-color, var(--color-volume-500, currentColor));
- -webkit-mask-image: var(--icon-volume-24);
- mask-image: var(--icon-volume-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-volume-500, currentColor));
-webkit-mask-image: var(--icon-volume-16);
mask-image: var(--icon-volume-16);
+ background-color: var(--icon-color, var(--color-volume-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss
index 1fa3ae40c..39879c00b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-wall {
- 50% {
-
- background-color: var(--icon-color, var(--color-wall-500, currentColor));
- -webkit-mask-image: var(--icon-wall-24);
- mask-image: var(--icon-wall-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-wall-500, currentColor));
-webkit-mask-image: var(--icon-wall-16);
mask-image: var(--icon-wall-16);
+ background-color: var(--icon-color, var(--color-wall-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss
index 0d74984f8..5e5d87241 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-wand {
- 50% {
-
- background-color: var(--icon-color, var(--color-wand-500, currentColor));
- -webkit-mask-image: var(--icon-wand-24);
- mask-image: var(--icon-wand-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-wand-500, currentColor));
-webkit-mask-image: var(--icon-wand-16);
mask-image: var(--icon-wand-16);
+ background-color: var(--icon-color, var(--color-wand-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss
index a2e40b451..c8c508739 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-watch {
- 50% {
-
- background-color: var(--icon-color, var(--color-watch-500, currentColor));
- -webkit-mask-image: var(--icon-watch-24);
- mask-image: var(--icon-watch-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-watch-500, currentColor));
-webkit-mask-image: var(--icon-watch-16);
mask-image: var(--icon-watch-16);
+ background-color: var(--icon-color, var(--color-watch-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss
index 262c46692..6638f0e88 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-waypoint-color {
- 50% {
- background-image: var(--icon-waypoint-color-24);
- }
-
100% {
background-image: var(--icon-waypoint-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss
index c9c6707c4..b0ddf3d3d 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-waypoint {
- 50% {
-
- background-color: var(--icon-color, var(--color-waypoint-500, currentColor));
- -webkit-mask-image: var(--icon-waypoint-color-24);
- mask-image: var(--icon-waypoint-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-waypoint-500, currentColor));
-webkit-mask-image: var(--icon-waypoint-color-16);
mask-image: var(--icon-waypoint-color-16);
+ background-color: var(--icon-color, var(--color-waypoint-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss
index 17d41c5b5..d625ee533 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-webhook {
- 50% {
-
- background-color: var(--icon-color, var(--color-webhook-500, currentColor));
- -webkit-mask-image: var(--icon-webhook-24);
- mask-image: var(--icon-webhook-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-webhook-500, currentColor));
-webkit-mask-image: var(--icon-webhook-16);
mask-image: var(--icon-webhook-16);
+ background-color: var(--icon-color, var(--color-webhook-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss
index 5466c20fb..c9eea74ef 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-wifi-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-wifi-off-500, currentColor));
- -webkit-mask-image: var(--icon-wifi-off-24);
- mask-image: var(--icon-wifi-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-wifi-off-500, currentColor));
-webkit-mask-image: var(--icon-wifi-off-16);
mask-image: var(--icon-wifi-off-16);
+ background-color: var(--icon-color, var(--color-wifi-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss
index f45656f7e..400648d03 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-wifi {
- 50% {
-
- background-color: var(--icon-color, var(--color-wifi-500, currentColor));
- -webkit-mask-image: var(--icon-wifi-24);
- mask-image: var(--icon-wifi-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-wifi-500, currentColor));
-webkit-mask-image: var(--icon-wifi-16);
mask-image: var(--icon-wifi-16);
+ background-color: var(--icon-color, var(--color-wifi-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss
index 4a390580c..2b004a290 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-wrench {
- 50% {
-
- background-color: var(--icon-color, var(--color-wrench-500, currentColor));
- -webkit-mask-image: var(--icon-wrench-24);
- mask-image: var(--icon-wrench-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-wrench-500, currentColor));
-webkit-mask-image: var(--icon-wrench-16);
mask-image: var(--icon-wrench-16);
+ background-color: var(--icon-color, var(--color-wrench-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss
index e2f5f958c..a56ef3a48 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-circle-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-circle-fill-24);
- mask-image: var(--icon-x-circle-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-circle-fill-16);
mask-image: var(--icon-x-circle-fill-16);
+ background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss
index 0860a7fd4..2ba398eb0 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-circle {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-circle-500, currentColor));
- -webkit-mask-image: var(--icon-x-circle-24);
- mask-image: var(--icon-x-circle-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-circle-500, currentColor));
-webkit-mask-image: var(--icon-x-circle-16);
mask-image: var(--icon-x-circle-16);
+ background-color: var(--icon-color, var(--color-x-circle-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss
index 3ad898824..ff70e36ab 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-diamond-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-diamond-fill-24);
- mask-image: var(--icon-x-diamond-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-diamond-fill-16);
mask-image: var(--icon-x-diamond-fill-16);
+ background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss
index f91c592b0..7a9a3f99b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-diamond {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-diamond-500, currentColor));
- -webkit-mask-image: var(--icon-x-diamond-24);
- mask-image: var(--icon-x-diamond-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-diamond-500, currentColor));
-webkit-mask-image: var(--icon-x-diamond-16);
mask-image: var(--icon-x-diamond-16);
+ background-color: var(--icon-color, var(--color-x-diamond-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss
index c20cfe464..3a33dd942 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-hexagon-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-hexagon-fill-24);
- mask-image: var(--icon-x-hexagon-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-hexagon-fill-16);
mask-image: var(--icon-x-hexagon-fill-16);
+ background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss
index 1e234aeba..ff82cfa7b 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-hexagon {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor));
- -webkit-mask-image: var(--icon-x-hexagon-24);
- mask-image: var(--icon-x-hexagon-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor));
-webkit-mask-image: var(--icon-x-hexagon-16);
mask-image: var(--icon-x-hexagon-16);
+ background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss
index c6c127ab1..f45e5c119 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-square-fill {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor));
- -webkit-mask-image: var(--icon-x-square-fill-24);
- mask-image: var(--icon-x-square-fill-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor));
-webkit-mask-image: var(--icon-x-square-fill-16);
mask-image: var(--icon-x-square-fill-16);
+ background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss
index f44af5cc7..56cbf6b61 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x-square {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-square-500, currentColor));
- -webkit-mask-image: var(--icon-x-square-24);
- mask-image: var(--icon-x-square-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-square-500, currentColor));
-webkit-mask-image: var(--icon-x-square-16);
mask-image: var(--icon-x-square-16);
+ background-color: var(--icon-color, var(--color-x-square-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss
index d4d2fa786..c4ceea443 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-x {
- 50% {
-
- background-color: var(--icon-color, var(--color-x-500, currentColor));
- -webkit-mask-image: var(--icon-x-24);
- mask-image: var(--icon-x-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-x-500, currentColor));
-webkit-mask-image: var(--icon-x-16);
mask-image: var(--icon-x-16);
+ background-color: var(--icon-color, var(--color-x-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss
index f343ccceb..b51e455c5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss
@@ -1,8 +1,4 @@
@keyframes icon-youtube-color {
- 50% {
- background-image: var(--icon-youtube-color-24);
- }
-
100% {
background-image: var(--icon-youtube-color-16);
}
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss
index b793f6049..2c3c0c7d5 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-youtube {
- 50% {
-
- background-color: var(--icon-color, var(--color-youtube-500, currentColor));
- -webkit-mask-image: var(--icon-youtube-color-24);
- mask-image: var(--icon-youtube-color-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-youtube-500, currentColor));
-webkit-mask-image: var(--icon-youtube-color-16);
mask-image: var(--icon-youtube-color-16);
+ background-color: var(--icon-color, var(--color-youtube-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss
index 306892212..ff9ffa8fb 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-zap-off {
- 50% {
-
- background-color: var(--icon-color, var(--color-zap-off-500, currentColor));
- -webkit-mask-image: var(--icon-zap-off-24);
- mask-image: var(--icon-zap-off-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-zap-off-500, currentColor));
-webkit-mask-image: var(--icon-zap-off-16);
mask-image: var(--icon-zap-off-16);
+ background-color: var(--icon-color, var(--color-zap-off-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss
index deb343f9d..119018287 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-zap {
- 50% {
-
- background-color: var(--icon-color, var(--color-zap-500, currentColor));
- -webkit-mask-image: var(--icon-zap-24);
- mask-image: var(--icon-zap-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-zap-500, currentColor));
-webkit-mask-image: var(--icon-zap-16);
mask-image: var(--icon-zap-16);
+ background-color: var(--icon-color, var(--color-zap-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss
index 32d275987..7560a7a2c 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-zoom-in {
- 50% {
-
- background-color: var(--icon-color, var(--color-zoom-in-500, currentColor));
- -webkit-mask-image: var(--icon-zoom-in-24);
- mask-image: var(--icon-zoom-in-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-zoom-in-500, currentColor));
-webkit-mask-image: var(--icon-zoom-in-16);
mask-image: var(--icon-zoom-in-16);
+ background-color: var(--icon-color, var(--color-zoom-in-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss
index dc5aad889..ac2085ed3 100644
--- a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss
+++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss
@@ -1,15 +1,9 @@
@keyframes icon-zoom-out {
- 50% {
-
- background-color: var(--icon-color, var(--color-zoom-out-500, currentColor));
- -webkit-mask-image: var(--icon-zoom-out-24);
- mask-image: var(--icon-zoom-out-24);
- }
-
100% {
- background-color: var(--icon-color, var(--color-zoom-out-500, currentColor));
-webkit-mask-image: var(--icon-zoom-out-16);
mask-image: var(--icon-zoom-out-16);
+ background-color: var(--icon-color, var(--color-zoom-out-500, currentColor));
+
}
}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss b/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss
index 47e8f1288..df790a6d8 100644
--- a/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss
+++ b/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss
@@ -65,7 +65,6 @@ section[data-route='dc.show.serverstatus'] {
}
%server-failure-tolerance dl.warning dd::before {
--icon-name: icon-alert-circle;
- --icon-resolution: .5;
--icon-size: icon-800;
--icon-color: rgb(var(--tone-orange-400));
content: '';