From a61e5cc08b3228c1e1ac5a4cff8e9c28ddb9b9f8 Mon Sep 17 00:00:00 2001 From: John Cowen Date: Wed, 25 May 2022 14:28:42 +0100 Subject: [PATCH] ui: Icon related fixups (#13183) * ui: Use new icon-size and icon-color for popover-menus * Remove the default currentColor plus add some more defaults * Undo transparency overwrites now we don't need them * Fixup discochain icons * Undo a default icon rule for vert align * Fixup expanded icon for meatball popovers * Fixup intention permission labels/badges/icons * Remove different res icon * Remove icon resolutions --- .changelog/13183.txt | 3 +++ .../app/components/breadcrumbs/skin.scss | 1 - .../consul/discovery-chain/layout.scss | 7 ++----- .../discovery-chain/resolver-card/index.hbs | 4 +--- .../consul/discovery-chain/skin.scss | 13 +++++++----- .../app/components/csv-list/index.scss | 1 - .../components/hashicorp-consul/index.scss | 4 ++++ .../components/main-nav-vertical/skin.scss | 1 - .../app/components/menu-panel/index.scss | 3 --- .../components/more-popover-menu/index.scss | 8 +++---- .../consul-ui/app/components/pill/index.scss | 4 +--- .../app/components/secret-button/layout.scss | 1 - .../app/components/tooltip/index.scss | 5 ----- .../app/styles/base/icons/base-keyframes.scss | 21 ++++++++++++++----- .../base/icons/icons/activity/keyframes.scss | 10 ++------- .../icons/alert-circle-fill/keyframes.scss | 10 ++------- .../icons/alert-circle-outline/keyframes.scss | 10 ++------- .../icons/icons/alert-circle/keyframes.scss | 10 ++------- .../icons/alert-octagon-fill/keyframes.scss | 10 ++------- .../icons/icons/alert-octagon/keyframes.scss | 10 ++------- .../icons/alert-triangle-fill/keyframes.scss | 10 ++------- .../icons/icons/alert-triangle/keyframes.scss | 10 ++------- .../icons/icons/alibaba-color/keyframes.scss | 4 ---- .../base/icons/icons/alibaba/keyframes.scss | 10 ++------- .../icons/icons/align-center/keyframes.scss | 10 ++------- .../icons/icons/align-justify/keyframes.scss | 10 ++------- .../icons/icons/align-left/keyframes.scss | 10 ++------- .../icons/icons/align-right/keyframes.scss | 10 ++------- .../icons/amazon-eks-color/keyframes.scss | 4 ---- .../icons/icons/amazon-eks/keyframes.scss | 10 ++------- .../icons/icons/apple-color/keyframes.scss | 4 ---- .../base/icons/icons/apple/keyframes.scss | 10 ++------- .../base/icons/icons/archive/keyframes.scss | 10 ++------- .../icons/arrow-down-circle/keyframes.scss | 10 ++------- .../icons/arrow-down-left/keyframes.scss | 10 ++------- .../icons/arrow-down-right/keyframes.scss | 10 ++------- .../icons/icons/arrow-down/keyframes.scss | 10 ++------- .../icons/arrow-left-circle/keyframes.scss | 10 ++------- .../icons/icons/arrow-left/keyframes.scss | 10 ++------- .../icons/arrow-right-circle/keyframes.scss | 10 ++------- .../icons/icons/arrow-right/keyframes.scss | 10 ++------- .../icons/arrow-up-circle/keyframes.scss | 10 ++------- .../icons/icons/arrow-up-left/keyframes.scss | 10 ++------- .../icons/icons/arrow-up-right/keyframes.scss | 10 ++------- .../base/icons/icons/arrow-up/keyframes.scss | 10 ++------- .../base/icons/icons/at-sign/keyframes.scss | 10 ++------- .../icons/icons/auth0-color/keyframes.scss | 4 ---- .../base/icons/icons/auth0/keyframes.scss | 10 ++------- .../icons/icons/auto-apply/keyframes.scss | 10 ++------- .../base/icons/icons/award/keyframes.scss | 10 ++------- .../base/icons/icons/aws-color/keyframes.scss | 4 ---- .../icons/icons/aws-ec2-color/keyframes.scss | 4 ---- .../base/icons/icons/aws-ec2/keyframes.scss | 10 ++------- .../base/icons/icons/aws/keyframes.scss | 10 ++------- .../icons/icons/azure-color/keyframes.scss | 4 ---- .../icons/azure-devops-color/keyframes.scss | 4 ---- .../icons/icons/azure-devops/keyframes.scss | 10 ++------- .../base/icons/icons/azure/keyframes.scss | 10 ++------- .../icons/icons/bank-vault/keyframes.scss | 10 ++------- .../icons/icons/bar-chart-alt/keyframes.scss | 10 ++------- .../base/icons/icons/bar-chart/keyframes.scss | 10 ++------- .../icons/battery-charging/keyframes.scss | 10 ++------- .../base/icons/icons/battery/keyframes.scss | 10 ++------- .../base/icons/icons/beaker/keyframes.scss | 10 ++------- .../icons/bell-active-fill/keyframes.scss | 10 ++------- .../icons/icons/bell-active/keyframes.scss | 10 ++------- .../base/icons/icons/bell-off/keyframes.scss | 10 ++------- .../base/icons/icons/bell/keyframes.scss | 10 ++------- .../icons/bitbucket-color/keyframes.scss | 4 ---- .../base/icons/icons/bitbucket/keyframes.scss | 10 ++------- .../base/icons/icons/bolt/keyframes.scss | 10 ++------- .../icons/bookmark-add-fill/keyframes.scss | 10 ++------- .../icons/icons/bookmark-add/keyframes.scss | 10 ++------- .../icons/icons/bookmark-fill/keyframes.scss | 10 ++------- .../icons/bookmark-remove-fill/keyframes.scss | 10 ++------- .../icons/bookmark-remove/keyframes.scss | 10 ++------- .../base/icons/icons/bookmark/keyframes.scss | 10 ++------- .../base/icons/icons/bottom/keyframes.scss | 10 ++------- .../icons/icons/boundary-color/keyframes.scss | 4 ---- .../base/icons/icons/boundary/keyframes.scss | 10 ++------- .../icons/icons/box-check-fill/keyframes.scss | 10 ++------- .../icons/icons/box-outline/keyframes.scss | 10 ++------- .../base/icons/icons/box/keyframes.scss | 10 ++------- .../base/icons/icons/briefcase/keyframes.scss | 10 ++------- .../base/icons/icons/broadcast/keyframes.scss | 10 ++------- .../base/icons/icons/bug/keyframes.scss | 10 ++------- .../base/icons/icons/build/keyframes.scss | 10 ++------- .../base/icons/icons/bulb/keyframes.scss | 10 ++------- .../base/icons/icons/calendar/keyframes.scss | 10 ++------- .../icons/icons/camera-off/keyframes.scss | 10 ++------- .../base/icons/icons/camera/keyframes.scss | 10 ++------- .../icons/cancel-circle-fill/keyframes.scss | 10 ++------- .../cancel-circle-outline/keyframes.scss | 10 ++------- .../icons/icons/cancel-plain/keyframes.scss | 10 ++------- .../icons/cancel-square-fill/keyframes.scss | 10 ++------- .../cancel-square-outline/keyframes.scss | 10 ++------- .../icons/icons/caret-down/keyframes.scss | 10 ++------- .../base/icons/icons/caret-up/keyframes.scss | 10 ++------- .../base/icons/icons/caret/keyframes.scss | 10 ++------- .../base/icons/icons/cast/keyframes.scss | 10 ++------- .../icons/icons/certificate/keyframes.scss | 10 ++------- .../icons/icons/change-circle/keyframes.scss | 10 ++------- .../icons/icons/change-square/keyframes.scss | 10 ++------- .../base/icons/icons/change/keyframes.scss | 10 ++------- .../icons/check-circle-fill/keyframes.scss | 10 ++------- .../icons/check-circle-outline/keyframes.scss | 10 ++------- .../icons/icons/check-circle/keyframes.scss | 10 ++------- .../icons/check-diamond-fill/keyframes.scss | 10 ++------- .../icons/icons/check-diamond/keyframes.scss | 10 ++------- .../icons/check-hexagon-fill/keyframes.scss | 10 ++------- .../icons/icons/check-hexagon/keyframes.scss | 10 ++------- .../icons/icons/check-plain/keyframes.scss | 10 ++------- .../icons/check-square-fill/keyframes.scss | 10 ++------- .../icons/icons/check-square/keyframes.scss | 10 ++------- .../base/icons/icons/check/keyframes.scss | 10 ++------- .../icons/icons/chevron-down/index.css.js | 16 -------------- .../icons/icons/chevron-down/keyframes.scss | 10 ++------- .../icons/icons/chevron-left/keyframes.scss | 10 ++------- .../icons/icons/chevron-right/keyframes.scss | 10 ++------- .../base/icons/icons/chevron-up/index.css.js | 16 -------------- .../icons/icons/chevron-up/keyframes.scss | 10 ++------- .../icons/icons/chevrons-down/index.css.js | 17 --------------- .../icons/icons/chevrons-down/keyframes.scss | 10 ++------- .../icons/icons/chevrons-left/keyframes.scss | 10 ++------- .../icons/icons/chevrons-right/keyframes.scss | 10 ++------- .../icons/icons/chevrons-up/keyframes.scss | 10 ++------- .../icons/icons/circle-dot/keyframes.scss | 10 ++------- .../icons/icons/circle-fill/keyframes.scss | 10 ++------- .../icons/icons/circle-half/keyframes.scss | 10 ++------- .../base/icons/icons/circle/keyframes.scss | 10 ++------- .../icons/clipboard-checked/keyframes.scss | 10 ++------- .../icons/icons/clipboard-copy/keyframes.scss | 10 ++------- .../base/icons/icons/clipboard/keyframes.scss | 10 ++------- .../icons/icons/clock-fill/keyframes.scss | 10 ++------- .../icons/icons/clock-outline/keyframes.scss | 10 ++------- .../base/icons/icons/clock/keyframes.scss | 10 ++------- .../icons/icons/cloud-check/keyframes.scss | 10 ++------- .../icons/icons/cloud-cross/keyframes.scss | 10 ++------- .../icons/icons/cloud-download/keyframes.scss | 10 ++------- .../icons/cloud-lightning/keyframes.scss | 10 ++------- .../icons/icons/cloud-lock/keyframes.scss | 10 ++------- .../base/icons/icons/cloud-off/keyframes.scss | 10 ++------- .../icons/icons/cloud-upload/keyframes.scss | 10 ++------- .../base/icons/icons/cloud-x/keyframes.scss | 10 ++------- .../base/icons/icons/cloud/keyframes.scss | 10 ++------- .../base/icons/icons/code/keyframes.scss | 10 ++------- .../icons/icons/codepen-color/keyframes.scss | 4 ---- .../base/icons/icons/codepen/keyframes.scss | 10 ++------- .../icons/icons/collections/keyframes.scss | 10 ++------- .../base/icons/icons/command/keyframes.scss | 10 ++------- .../base/icons/icons/compass/keyframes.scss | 10 ++------- .../icons/connection-gateway/keyframes.scss | 10 ++------- .../icons/icons/connection/keyframes.scss | 10 ++------- .../base/icons/icons/console/keyframes.scss | 10 ++------- .../icons/icons/consul-color/keyframes.scss | 4 ---- .../base/icons/icons/consul/keyframes.scss | 10 ++------- .../icons/icons/copy-action/keyframes.scss | 10 ++------- .../icons/icons/copy-success/keyframes.scss | 10 ++------- .../icons/corner-down-left/keyframes.scss | 10 ++------- .../icons/corner-down-right/keyframes.scss | 10 ++------- .../icons/corner-left-down/keyframes.scss | 10 ++------- .../icons/icons/corner-left-up/keyframes.scss | 10 ++------- .../icons/corner-right-down/keyframes.scss | 10 ++------- .../icons/corner-right-up/keyframes.scss | 10 ++------- .../icons/icons/corner-up-left/keyframes.scss | 10 ++------- .../icons/corner-up-right/keyframes.scss | 10 ++------- .../base/icons/icons/cpu/keyframes.scss | 10 ++------- .../icons/icons/credit-card/keyframes.scss | 10 ++------- .../base/icons/icons/crop/keyframes.scss | 10 ++------- .../base/icons/icons/crosshair/keyframes.scss | 10 ++------- .../base/icons/icons/dashboard/keyframes.scss | 10 ++------- .../base/icons/icons/database/keyframes.scss | 10 ++------- .../base/icons/icons/delay/keyframes.scss | 10 ++------- .../base/icons/icons/delete/keyframes.scss | 10 ++------- .../base/icons/icons/deny-alt/keyframes.scss | 10 ++------- .../icons/icons/deny-color/keyframes.scss | 4 ---- .../icons/icons/deny-default/keyframes.scss | 10 ++------- .../icons/icons/diamond-fill/keyframes.scss | 10 ++------- .../base/icons/icons/diamond/keyframes.scss | 10 ++------- .../base/icons/icons/disabled/keyframes.scss | 10 ++------- .../base/icons/icons/disc/keyframes.scss | 10 ++------- .../icons/discussion-circle/keyframes.scss | 10 ++------- .../icons/discussion-square/keyframes.scss | 10 ++------- .../icons/icons/docker-color/keyframes.scss | 4 ---- .../base/icons/icons/docker/keyframes.scss | 10 ++------- .../icons/icons/docs-download/keyframes.scss | 10 ++------- .../base/icons/icons/docs-link/keyframes.scss | 10 ++------- .../base/icons/icons/docs/keyframes.scss | 10 ++------- .../icons/icons/dollar-sign/keyframes.scss | 10 ++------- .../base/icons/icons/dot-half/keyframes.scss | 10 ++------- .../base/icons/icons/dot/keyframes.scss | 10 ++------- .../base/icons/icons/download/keyframes.scss | 10 ++------- .../base/icons/icons/droplet/keyframes.scss | 10 ++------- .../base/icons/icons/duplicate/keyframes.scss | 10 ++------- .../base/icons/icons/edit/keyframes.scss | 10 ++------- .../icons/icons/enterprise/keyframes.scss | 10 ++------- .../icons/icons/entry-point/keyframes.scss | 10 ++------- .../icons/envelope-sealed-fill/keyframes.scss | 10 ++------- .../envelope-sealed-outline/keyframes.scss | 10 ++------- .../envelope-unsealed--outline/keyframes.scss | 10 ++------- .../envelope-unsealed-fill/keyframes.scss | 10 ++------- .../base/icons/icons/event/keyframes.scss | 10 ++------- .../icons/icons/exit-point/keyframes.scss | 10 ++------- .../base/icons/icons/exit/keyframes.scss | 10 ++------- .../icons/icons/expand-less/keyframes.scss | 10 ++------- .../icons/icons/expand-more/keyframes.scss | 10 ++------- .../icons/icons/external-link/keyframes.scss | 10 ++------- .../base/icons/icons/eye-off/keyframes.scss | 10 ++------- .../base/icons/icons/eye/keyframes.scss | 10 ++------- .../base/icons/icons/f5-color/keyframes.scss | 4 ---- .../styles/base/icons/icons/f5/keyframes.scss | 10 ++------- .../icons/icons/facebook-color/keyframes.scss | 4 ---- .../base/icons/icons/facebook/keyframes.scss | 10 ++------- .../icons/icons/fast-forward/keyframes.scss | 10 ++------- .../icons/icons/file-change/keyframes.scss | 10 ++------- .../icons/icons/file-check/keyframes.scss | 10 ++------- .../base/icons/icons/file-diff/keyframes.scss | 10 ++------- .../base/icons/icons/file-fill/keyframes.scss | 10 ++------- .../icons/icons/file-minus/keyframes.scss | 10 ++------- .../icons/icons/file-outline/keyframes.scss | 10 ++------- .../base/icons/icons/file-plus/keyframes.scss | 10 ++------- .../icons/icons/file-source/keyframes.scss | 10 ++------- .../base/icons/icons/file-text/keyframes.scss | 10 ++------- .../base/icons/icons/file-x/keyframes.scss | 10 ++------- .../base/icons/icons/file/keyframes.scss | 10 ++------- .../base/icons/icons/files/keyframes.scss | 10 ++------- .../base/icons/icons/film/keyframes.scss | 10 ++------- .../icons/icons/filter-circle/keyframes.scss | 10 ++------- .../icons/icons/filter-fill/keyframes.scss | 10 ++------- .../base/icons/icons/filter/keyframes.scss | 10 ++------- .../icons/icons/fingerprint/keyframes.scss | 10 ++------- .../base/icons/icons/flag/keyframes.scss | 10 ++------- .../icons/icons/folder-fill/keyframes.scss | 10 ++------- .../icons/folder-minus-fill/keyframes.scss | 10 ++------- .../icons/icons/folder-minus/keyframes.scss | 10 ++------- .../icons/icons/folder-outline/keyframes.scss | 10 ++------- .../icons/folder-plus-fill/keyframes.scss | 10 ++------- .../icons/icons/folder-plus/keyframes.scss | 10 ++------- .../icons/icons/folder-star/keyframes.scss | 10 ++------- .../icons/icons/folder-users/keyframes.scss | 10 ++------- .../base/icons/icons/folder/keyframes.scss | 10 ++------- .../base/icons/icons/frown/keyframes.scss | 10 ++------- .../base/icons/icons/gateway/keyframes.scss | 10 ++------- .../base/icons/icons/gcp-color/keyframes.scss | 4 ---- .../base/icons/icons/gcp/keyframes.scss | 10 ++------- .../base/icons/icons/gift-fill/keyframes.scss | 10 ++------- .../icons/icons/gift-outline/keyframes.scss | 10 ++------- .../base/icons/icons/gift/keyframes.scss | 10 ++------- .../icons/icons/git-branch/keyframes.scss | 10 ++------- .../icons/icons/git-commit/keyframes.scss | 10 ++------- .../base/icons/icons/git-merge/keyframes.scss | 10 ++------- .../icons/git-pull-request/keyframes.scss | 10 ++------- .../base/icons/icons/git-repo/keyframes.scss | 10 ++------- .../icons/icons/git-repository/keyframes.scss | 10 ++------- .../icons/icons/github-color/keyframes.scss | 4 ---- .../base/icons/icons/github/keyframes.scss | 10 ++------- .../icons/icons/gitlab-color/keyframes.scss | 4 ---- .../base/icons/icons/gitlab/keyframes.scss | 10 ++------- .../icons/icons/globe-private/keyframes.scss | 10 ++------- .../base/icons/icons/globe/keyframes.scss | 10 ++------- .../icons/icons/google-color/keyframes.scss | 4 ---- .../base/icons/icons/google/keyframes.scss | 10 ++------- .../base/icons/icons/grid-alt/keyframes.scss | 10 ++------- .../base/icons/icons/grid/keyframes.scss | 10 ++------- .../icons/icons/guide-link/keyframes.scss | 10 ++------- .../base/icons/icons/guide/keyframes.scss | 10 ++------- .../base/icons/icons/hammer/keyframes.scss | 10 ++------- .../base/icons/icons/handshake/keyframes.scss | 10 ++------- .../icons/icons/hard-drive/keyframes.scss | 10 ++------- .../base/icons/icons/hash/keyframes.scss | 10 ++------- .../icons/hashicorp-color/keyframes.scss | 4 ---- .../base/icons/icons/hashicorp/keyframes.scss | 10 ++------- .../base/icons/icons/hcp-color/keyframes.scss | 4 ---- .../base/icons/icons/hcp/keyframes.scss | 10 ++------- .../icons/icons/headphones/keyframes.scss | 10 ++------- .../base/icons/icons/health/keyframes.scss | 10 ++------- .../icons/icons/heart-fill/keyframes.scss | 10 ++------- .../base/icons/icons/heart-off/keyframes.scss | 10 ++------- .../base/icons/icons/heart/keyframes.scss | 10 ++------- .../icons/help-circle-fill/keyframes.scss | 10 ++------- .../icons/help-circle-outline/keyframes.scss | 10 ++------- .../base/icons/icons/help/keyframes.scss | 10 ++------- .../icons/icons/hexagon-fill/keyframes.scss | 10 ++------- .../base/icons/icons/hexagon/keyframes.scss | 10 ++------- .../base/icons/icons/history/keyframes.scss | 10 ++------- .../base/icons/icons/home/keyframes.scss | 10 ++------- .../base/icons/icons/hourglass/keyframes.scss | 10 ++------- .../icons/identity-service/keyframes.scss | 10 ++------- .../icons/icons/identity-user/keyframes.scss | 10 ++------- .../base/icons/icons/image/keyframes.scss | 10 ++------- .../base/icons/icons/inbox/keyframes.scss | 10 ++------- .../icons/info-circle-fill/keyframes.scss | 10 ++------- .../icons/info-circle-outline/keyframes.scss | 10 ++------- .../base/icons/icons/info/keyframes.scss | 10 ++------- .../base/icons/icons/jump-link/keyframes.scss | 10 ++------- .../icons/icons/key-values/keyframes.scss | 10 ++------- .../base/icons/icons/key/keyframes.scss | 10 ++------- .../base/icons/icons/keychain/keyframes.scss | 10 ++------- .../icons/kubernetes-color/keyframes.scss | 4 ---- .../icons/icons/kubernetes/keyframes.scss | 10 ++------- .../base/icons/icons/labyrinth/keyframes.scss | 10 ++------- .../base/icons/icons/layers/keyframes.scss | 10 ++------- .../base/icons/icons/layout/keyframes.scss | 10 ++------- .../icons/icons/learn-link/keyframes.scss | 10 ++------- .../base/icons/icons/learn/keyframes.scss | 10 ++------- .../icons/icons/line-chart-up/keyframes.scss | 10 ++------- .../icons/icons/line-chart/keyframes.scss | 10 ++------- .../base/icons/icons/link/keyframes.scss | 10 ++------- .../icons/icons/linkedin-color/keyframes.scss | 4 ---- .../base/icons/icons/linkedin/keyframes.scss | 10 ++------- .../base/icons/icons/list/keyframes.scss | 10 ++------- .../icons/icons/load-balancer/keyframes.scss | 10 ++------- .../icons/icons/loading-motion/keyframes.scss | 10 ++------- .../base/icons/icons/loading/keyframes.scss | 10 ++------- .../icons/lock-closed-fill/keyframes.scss | 10 ++------- .../icons/lock-closed-outline/keyframes.scss | 10 ++------- .../icons/icons/lock-closed/keyframes.scss | 10 ++------- .../icons/icons/lock-disabled/keyframes.scss | 10 ++------- .../base/icons/icons/lock-fill/keyframes.scss | 10 ++------- .../base/icons/icons/lock-off/keyframes.scss | 10 ++------- .../base/icons/icons/lock-open/keyframes.scss | 10 ++------- .../base/icons/icons/lock/keyframes.scss | 10 ++------- .../icons/logo-alicloud-color/keyframes.scss | 4 ---- .../logo-alicloud-monochrome/keyframes.scss | 10 ++------- .../icons/logo-auth0-color/keyframes.scss | 4 ---- .../icons/icons/logo-aws-color/keyframes.scss | 4 ---- .../icons/logo-aws-monochrome/keyframes.scss | 10 ++------- .../icons/logo-azure-color/keyframes.scss | 4 ---- .../logo-azure-dev-ops-color/keyframes.scss | 4 ---- .../keyframes.scss | 10 ++------- .../logo-azure-monochrome/keyframes.scss | 10 ++------- .../icons/logo-bitbucket-color/keyframes.scss | 4 ---- .../logo-bitbucket-monochrome/keyframes.scss | 10 ++------- .../icons/logo-consul-color/keyframes.scss | 4 ---- .../logo-ember-circle-color/keyframes.scss | 4 ---- .../icons/icons/logo-gcp-color/keyframes.scss | 4 ---- .../icons/logo-gcp-monochrome/keyframes.scss | 10 ++------- .../icons/logo-github-color/keyframes.scss | 4 ---- .../logo-github-monochrome/keyframes.scss | 10 ++------- .../icons/logo-gitlab-color/keyframes.scss | 4 ---- .../logo-gitlab-monochrome/keyframes.scss | 10 ++------- .../icons/logo-glimmer-color/keyframes.scss | 4 ---- .../icons/logo-google-color/keyframes.scss | 4 ---- .../logo-google-monochrome/keyframes.scss | 10 ++------- .../icons/logo-hashicorp-color/keyframes.scss | 4 ---- .../icons/icons/logo-jwt-color/keyframes.scss | 4 ---- .../logo-kubernetes-color/keyframes.scss | 4 ---- .../logo-kubernetes-monochrome/keyframes.scss | 10 ++------- .../icons/logo-microsoft-color/keyframes.scss | 4 ---- .../icons/logo-nomad-color/keyframes.scss | 4 ---- .../icons/logo-oidc-color/keyframes.scss | 4 ---- .../icons/logo-okta-color/keyframes.scss | 4 ---- .../icons/logo-oracle-color/keyframes.scss | 4 ---- .../logo-oracle-monochrome/keyframes.scss | 10 ++------- .../icons/logo-slack-color/keyframes.scss | 4 ---- .../logo-slack-monochrome/keyframes.scss | 10 ++------- .../icons/logo-terraform-color/keyframes.scss | 4 ---- .../icons/logo-vault-color/keyframes.scss | 4 ---- .../icons/logo-vmware-color/keyframes.scss | 4 ---- .../logo-vmware-monochrome/keyframes.scss | 10 ++------- .../base/icons/icons/mail-open/keyframes.scss | 10 ++------- .../base/icons/icons/mail/keyframes.scss | 10 ++------- .../base/icons/icons/mainframe/keyframes.scss | 10 ++------- .../base/icons/icons/map-pin/keyframes.scss | 10 ++------- .../base/icons/icons/map/keyframes.scss | 10 ++------- .../icons/icons/maximize-alt/keyframes.scss | 10 ++------- .../base/icons/icons/maximize/keyframes.scss | 10 ++------- .../base/icons/icons/meh/keyframes.scss | 10 ++------- .../base/icons/icons/menu/keyframes.scss | 10 ++------- .../base/icons/icons/mesh/keyframes.scss | 10 ++------- .../icons/message-circle-fill/keyframes.scss | 10 ++------- .../icons/icons/message-circle/keyframes.scss | 10 ++------- .../icons/message-square-fill/keyframes.scss | 10 ++------- .../icons/icons/message-square/keyframes.scss | 10 ++------- .../base/icons/icons/message/keyframes.scss | 10 ++------- .../base/icons/icons/mic-off/keyframes.scss | 10 ++------- .../base/icons/icons/mic/keyframes.scss | 10 ++------- .../icons/microsoft-color/keyframes.scss | 4 ---- .../base/icons/icons/microsoft/keyframes.scss | 10 ++------- .../base/icons/icons/migrate/keyframes.scss | 10 ++------- .../icons/icons/minimize-alt/keyframes.scss | 10 ++------- .../base/icons/icons/minimize/keyframes.scss | 10 ++------- .../icons/minus-circle-fill/keyframes.scss | 10 ++------- .../icons/minus-circle-outline/keyframes.scss | 10 ++------- .../icons/icons/minus-circle/keyframes.scss | 10 ++------- .../icons/icons/minus-plain/keyframes.scss | 10 ++------- .../icons/minus-plus-circle/keyframes.scss | 10 ++------- .../icons/minus-plus-square/keyframes.scss | 10 ++------- .../icons/icons/minus-plus/keyframes.scss | 10 ++------- .../icons/minus-square-fill/keyframes.scss | 10 ++------- .../icons/icons/minus-square/keyframes.scss | 10 ++------- .../base/icons/icons/minus/keyframes.scss | 10 ++------- .../base/icons/icons/module/keyframes.scss | 10 ++------- .../base/icons/icons/monitor/keyframes.scss | 10 ++------- .../base/icons/icons/moon/keyframes.scss | 10 ++------- .../icons/more-horizontal/keyframes.scss | 10 ++------- .../icons/icons/more-vertical/keyframes.scss | 10 ++------- .../icons/icons/mouse-pointer/keyframes.scss | 10 ++------- .../base/icons/icons/move/keyframes.scss | 10 ++------- .../base/icons/icons/music/keyframes.scss | 10 ++------- .../icons/icons/navigation-alt/keyframes.scss | 10 ++------- .../icons/icons/navigation/keyframes.scss | 10 ++------- .../icons/icons/network-alt/keyframes.scss | 10 ++------- .../base/icons/icons/network/keyframes.scss | 10 ++------- .../base/icons/icons/newspaper/keyframes.scss | 10 ++------- .../base/icons/icons/node/keyframes.scss | 10 ++------- .../icons/icons/nomad-color/keyframes.scss | 4 ---- .../base/icons/icons/nomad/keyframes.scss | 10 ++------- .../notification-disabled/keyframes.scss | 10 ++------- .../icons/notification-fill/keyframes.scss | 10 ++------- .../icons/notification-outline/keyframes.scss | 10 ++------- .../base/icons/icons/octagon/keyframes.scss | 10 ++------- .../icons/icons/okta-color/keyframes.scss | 4 ---- .../base/icons/icons/okta/keyframes.scss | 10 ++------- .../icons/icons/oracle-color/keyframes.scss | 4 ---- .../base/icons/icons/oracle/keyframes.scss | 10 ++------- .../base/icons/icons/org/keyframes.scss | 10 ++------- .../base/icons/icons/outline/keyframes.scss | 10 ++------- .../icons/icons/pack-color/keyframes.scss | 4 ---- .../base/icons/icons/pack/keyframes.scss | 10 ++------- .../base/icons/icons/package/keyframes.scss | 10 ++------- .../icons/icons/packer-color/keyframes.scss | 4 ---- .../base/icons/icons/packer/keyframes.scss | 10 ++------- .../icons/icons/page-outline/keyframes.scss | 10 ++------- .../base/icons/icons/paperclip/keyframes.scss | 10 ++------- .../base/icons/icons/partner/keyframes.scss | 10 ++------- .../base/icons/icons/path/keyframes.scss | 10 ++------- .../icons/icons/pause-circle/keyframes.scss | 10 ++------- .../base/icons/icons/pause/keyframes.scss | 10 ++------- .../base/icons/icons/pen-tool/keyframes.scss | 10 ++------- .../icons/icons/pencil-tool/keyframes.scss | 10 ++------- .../icons/icons/phone-call/keyframes.scss | 10 ++------- .../base/icons/icons/phone-off/keyframes.scss | 10 ++------- .../base/icons/icons/phone/keyframes.scss | 10 ++------- .../base/icons/icons/pie-chart/keyframes.scss | 10 ++------- .../base/icons/icons/pin/keyframes.scss | 10 ++------- .../icons/icons/play-circle/keyframes.scss | 10 ++------- .../base/icons/icons/play-fill/keyframes.scss | 10 ++------- .../icons/icons/play-outline/keyframes.scss | 10 ++------- .../icons/icons/play-plain/keyframes.scss | 10 ++------- .../base/icons/icons/play/keyframes.scss | 10 ++------- .../icons/plus-circle-fill/keyframes.scss | 10 ++------- .../icons/plus-circle-outline/keyframes.scss | 10 ++------- .../icons/icons/plus-circle/keyframes.scss | 10 ++------- .../icons/icons/plus-plain/keyframes.scss | 10 ++------- .../icons/plus-square-fill/keyframes.scss | 10 ++------- .../icons/icons/plus-square/keyframes.scss | 10 ++------- .../base/icons/icons/plus/keyframes.scss | 10 ++------- .../base/icons/icons/port/keyframes.scss | 10 ++------- .../base/icons/icons/power/keyframes.scss | 10 ++------- .../base/icons/icons/printer/keyframes.scss | 10 ++------- .../base/icons/icons/protocol/keyframes.scss | 10 ++------- .../base/icons/icons/provider/keyframes.scss | 10 ++------- .../icons/icons/public-default/keyframes.scss | 10 ++------- .../icons/icons/public-locked/keyframes.scss | 10 ++------- .../base/icons/icons/queue/keyframes.scss | 10 ++------- .../icons/radio-button-checked/keyframes.scss | 10 ++------- .../radio-button-unchecked/keyframes.scss | 10 ++------- .../base/icons/icons/radio/keyframes.scss | 10 ++------- .../base/icons/icons/random/keyframes.scss | 10 ++------- .../base/icons/icons/redirect/keyframes.scss | 10 ++------- .../icons/icons/refresh-alert/keyframes.scss | 10 ++------- .../icons/refresh-default/keyframes.scss | 10 ++------- .../base/icons/icons/reload/keyframes.scss | 10 ++------- .../base/icons/icons/remix/keyframes.scss | 10 ++------- .../base/icons/icons/repeat/keyframes.scss | 10 ++------- .../icons/replication-direct/keyframes.scss | 10 ++------- .../icons/replication-perf/keyframes.scss | 10 ++------- .../base/icons/icons/rewind/keyframes.scss | 10 ++------- .../base/icons/icons/ribbon/keyframes.scss | 10 ++------- .../base/icons/icons/rocket/keyframes.scss | 10 ++------- .../icons/icons/rotate-ccw/keyframes.scss | 10 ++------- .../base/icons/icons/rotate-cw/keyframes.scss | 10 ++------- .../base/icons/icons/rss/keyframes.scss | 10 ++------- .../base/icons/icons/run/keyframes.scss | 10 ++------- .../base/icons/icons/running/keyframes.scss | 10 ++------- .../base/icons/icons/save/keyframes.scss | 10 ++------- .../base/icons/icons/scissors/keyframes.scss | 10 ++------- .../icons/icons/search-color/keyframes.scss | 4 ---- .../base/icons/icons/search/keyframes.scss | 10 ++------- .../base/icons/icons/send/keyframes.scss | 10 ++------- .../icons/icons/server-cluster/keyframes.scss | 10 ++------- .../base/icons/icons/server/keyframes.scss | 10 ++------- .../icons/icons/serverless/keyframes.scss | 10 ++------- .../base/icons/icons/settings/keyframes.scss | 10 ++------- .../base/icons/icons/share/keyframes.scss | 10 ++------- .../icons/icons/shield-alert/keyframes.scss | 10 ++------- .../icons/icons/shield-check/keyframes.scss | 10 ++------- .../icons/icons/shield-off/keyframes.scss | 10 ++------- .../base/icons/icons/shield-x/keyframes.scss | 10 ++------- .../base/icons/icons/shield/keyframes.scss | 10 ++------- .../icons/icons/shopping-bag/keyframes.scss | 10 ++------- .../icons/icons/shopping-cart/keyframes.scss | 10 ++------- .../base/icons/icons/shuffle/keyframes.scss | 10 ++------- .../icons/icons/sidebar-hide/keyframes.scss | 10 ++------- .../icons/icons/sidebar-show/keyframes.scss | 10 ++------- .../base/icons/icons/sidebar/keyframes.scss | 10 ++------- .../base/icons/icons/sign-in/keyframes.scss | 10 ++------- .../base/icons/icons/sign-out/keyframes.scss | 10 ++------- .../base/icons/icons/skip-back/keyframes.scss | 10 ++------- .../icons/icons/skip-forward/keyframes.scss | 10 ++------- .../base/icons/icons/skip/keyframes.scss | 10 ++------- .../icons/icons/slack-color/keyframes.scss | 4 ---- .../base/icons/icons/slack/keyframes.scss | 10 ++------- .../icons/icons/slash-square/keyframes.scss | 10 ++------- .../base/icons/icons/slash/keyframes.scss | 10 ++------- .../base/icons/icons/sliders/keyframes.scss | 10 ++------- .../icons/icons/smartphone/keyframes.scss | 10 ++------- .../base/icons/icons/smile/keyframes.scss | 10 ++------- .../base/icons/icons/socket/keyframes.scss | 10 ++------- .../base/icons/icons/sort-asc/keyframes.scss | 10 ++------- .../base/icons/icons/sort-desc/keyframes.scss | 10 ++------- .../base/icons/icons/sort/keyframes.scss | 10 ++------- .../icons/icons/source-file/keyframes.scss | 10 ++------- .../base/icons/icons/speaker/keyframes.scss | 10 ++------- .../icons/icons/square-fill/keyframes.scss | 10 ++------- .../base/icons/icons/square/keyframes.scss | 10 ++------- .../icons/icons/star-circle/keyframes.scss | 10 ++------- .../base/icons/icons/star-fill/keyframes.scss | 10 ++------- .../base/icons/icons/star-off/keyframes.scss | 10 ++------- .../icons/icons/star-outline/keyframes.scss | 10 ++------- .../base/icons/icons/star/keyframes.scss | 10 ++------- .../icons/icons/stop-circle/keyframes.scss | 10 ++------- .../base/icons/icons/sub-left/keyframes.scss | 10 ++------- .../base/icons/icons/sub-right/keyframes.scss | 10 ++------- .../base/icons/icons/sun/keyframes.scss | 10 ++------- .../base/icons/icons/support/keyframes.scss | 10 ++------- .../icons/swap-horizontal/keyframes.scss | 10 ++------- .../icons/icons/swap-vertical/keyframes.scss | 10 ++------- .../base/icons/icons/switcher/keyframes.scss | 10 ++------- .../icons/icons/sync-alert/keyframes.scss | 10 ++------- .../icons/icons/sync-reverse/keyframes.scss | 10 ++------- .../base/icons/icons/sync/keyframes.scss | 10 ++------- .../base/icons/icons/tablet/keyframes.scss | 10 ++------- .../base/icons/icons/tag/keyframes.scss | 10 ++------- .../base/icons/icons/target/keyframes.scss | 10 ++------- .../icons/terminal-screen/keyframes.scss | 10 ++------- .../base/icons/icons/terminal/keyframes.scss | 10 ++------- .../icons/terraform-color/keyframes.scss | 4 ---- .../base/icons/icons/terraform/keyframes.scss | 10 ++------- .../icons/icons/thumbs-down/keyframes.scss | 10 ++------- .../base/icons/icons/thumbs-up/keyframes.scss | 10 ++------- .../icons/icons/toggle-left/keyframes.scss | 10 ++------- .../icons/icons/toggle-right/keyframes.scss | 10 ++------- .../base/icons/icons/token/keyframes.scss | 10 ++------- .../base/icons/icons/tools/keyframes.scss | 10 ++------- .../base/icons/icons/top/keyframes.scss | 10 ++------- .../base/icons/icons/trash/keyframes.scss | 10 ++------- .../icons/icons/trend-down/keyframes.scss | 10 ++------- .../base/icons/icons/trend-up/keyframes.scss | 10 ++------- .../icons/icons/triangle-fill/keyframes.scss | 10 ++------- .../base/icons/icons/triangle/keyframes.scss | 10 ++------- .../base/icons/icons/truck/keyframes.scss | 10 ++------- .../base/icons/icons/tune/keyframes.scss | 10 ++------- .../styles/base/icons/icons/tv/keyframes.scss | 10 ++------- .../icons/icons/twitch-color/keyframes.scss | 4 ---- .../base/icons/icons/twitch/keyframes.scss | 10 ++------- .../icons/icons/twitter-color/keyframes.scss | 4 ---- .../base/icons/icons/twitter/keyframes.scss | 10 ++------- .../base/icons/icons/type/keyframes.scss | 10 ++------- .../icons/icons/unfold-close/keyframes.scss | 10 ++------- .../icons/icons/unfold-less/keyframes.scss | 10 ++------- .../icons/icons/unfold-more/keyframes.scss | 10 ++------- .../icons/icons/unfold-open/keyframes.scss | 10 ++------- .../base/icons/icons/union/keyframes.scss | 10 ++------- .../base/icons/icons/unlock/keyframes.scss | 10 ++------- .../base/icons/icons/upload/keyframes.scss | 10 ++------- .../base/icons/icons/user-add/keyframes.scss | 10 ++------- .../icons/icons/user-check/keyframes.scss | 10 ++------- .../icons/user-circle-fill/keyframes.scss | 10 ++------- .../icons/icons/user-circle/keyframes.scss | 10 ++------- .../icons/icons/user-minus/keyframes.scss | 10 ++------- .../icons/user-organization/keyframes.scss | 10 ++------- .../icons/icons/user-plain/keyframes.scss | 10 ++------- .../base/icons/icons/user-plus/keyframes.scss | 10 ++------- .../icons/user-square-fill/keyframes.scss | 10 ++------- .../icons/user-square-outline/keyframes.scss | 10 ++------- .../base/icons/icons/user-team/keyframes.scss | 10 ++------- .../base/icons/icons/user-x/keyframes.scss | 10 ++------- .../base/icons/icons/user/keyframes.scss | 10 ++------- .../base/icons/icons/users/keyframes.scss | 10 ++------- .../icons/icons/vagrant-color/keyframes.scss | 4 ---- .../base/icons/icons/vagrant/keyframes.scss | 10 ++------- .../icons/icons/vault-color/keyframes.scss | 4 ---- .../base/icons/icons/vault/keyframes.scss | 10 ++------- .../base/icons/icons/verified/keyframes.scss | 10 ++------- .../base/icons/icons/video-off/keyframes.scss | 10 ++------- .../base/icons/icons/video/keyframes.scss | 10 ++------- .../icons/visibility-hide/keyframes.scss | 10 ++------- .../icons/visibility-show/keyframes.scss | 10 ++------- .../icons/icons/vmware-color/keyframes.scss | 4 ---- .../base/icons/icons/vmware/keyframes.scss | 10 ++------- .../base/icons/icons/volume-2/keyframes.scss | 10 ++------- .../icons/icons/volume-down/keyframes.scss | 10 ++------- .../base/icons/icons/volume-x/keyframes.scss | 10 ++------- .../base/icons/icons/volume/keyframes.scss | 10 ++------- .../base/icons/icons/wall/keyframes.scss | 10 ++------- .../base/icons/icons/wand/keyframes.scss | 10 ++------- .../base/icons/icons/watch/keyframes.scss | 10 ++------- .../icons/icons/waypoint-color/keyframes.scss | 4 ---- .../base/icons/icons/waypoint/keyframes.scss | 10 ++------- .../base/icons/icons/webhook/keyframes.scss | 10 ++------- .../base/icons/icons/wifi-off/keyframes.scss | 10 ++------- .../base/icons/icons/wifi/keyframes.scss | 10 ++------- .../base/icons/icons/wrench/keyframes.scss | 10 ++------- .../icons/icons/x-circle-fill/keyframes.scss | 10 ++------- .../base/icons/icons/x-circle/keyframes.scss | 10 ++------- .../icons/icons/x-diamond-fill/keyframes.scss | 10 ++------- .../base/icons/icons/x-diamond/keyframes.scss | 10 ++------- .../icons/icons/x-hexagon-fill/keyframes.scss | 10 ++------- .../base/icons/icons/x-hexagon/keyframes.scss | 10 ++------- .../icons/icons/x-square-fill/keyframes.scss | 10 ++------- .../base/icons/icons/x-square/keyframes.scss | 10 ++------- .../styles/base/icons/icons/x/keyframes.scss | 10 ++------- .../icons/icons/youtube-color/keyframes.scss | 4 ---- .../base/icons/icons/youtube/keyframes.scss | 10 ++------- .../base/icons/icons/zap-off/keyframes.scss | 10 ++------- .../base/icons/icons/zap/keyframes.scss | 10 ++------- .../base/icons/icons/zoom-in/keyframes.scss | 10 ++------- .../base/icons/icons/zoom-out/keyframes.scss | 10 ++------- .../routes/dc/overview/serverstatus.scss | 1 - 621 files changed, 1115 insertions(+), 4651 deletions(-) create mode 100644 .changelog/13183.txt delete mode 100644 ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js delete mode 100644 ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js delete mode 100644 ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js diff --git a/.changelog/13183.txt b/.changelog/13183.txt new file mode 100644 index 0000000000..5753ca5986 --- /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 55a32e5c96..966cf886e6 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 c196450e91..68124fa327 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 8a52b533f7..99f85e37a0 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|}} -
  1. - {{item}} -
    2. +
  2. {{item}}
    3. {{/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 03c367537f..f99e29173f 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 a5141fe18e..4c64a7c876 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 a7321eb17d..3e4c922249 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 abd048df95..e1930d8bf7 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 a96a77dbf1..e34a3060c8 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 4e6b0ba591..7b7f419cc4 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 cbeabfff17..d08626db8b 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 fe223180ed..1393e5efeb 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 1f8802a119..333faed35f 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 37d328afc7..7827bb0d82 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 d93de6ea36..4a3c131b29 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 b25f574dbd..a56bf613e0 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 ebbb1c7cdb..9dcc1b3deb 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 0dff2ba970..4b470d9fc7 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 8a60f995e8..d0815f3961 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 0f9cad04b4..d4ff699907 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 90747339ae..0481cff19f 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 ebb4b46639..25ae485533 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 c627c25b01..d6806b557b 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 5ee3d3e4ff..3da0985c48 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 1298dfbe44..141af67756 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 596918634b..ab218bd671 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 7febe2c220..6242c03bac 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 5bb687c047..cce21f97b3 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 38ce14cd7f..acdd2fc1cf 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 903bdbf068..f7d1d597bf 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 093b3147ed..97bcfe8b0d 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 58ab71fcca..21c929f01d 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 531cf21f06..7d9a5dd057 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 bd1289cd7e..276325e0b5 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 1fcc8aa1d0..627d4a8b40 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 1774cc95d7..8813ba3b57 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 86b99ff7bb..315dd4ae1f 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 1cee4a95f8..1737b01964 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 8cce9418b8..f1e214b33c 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 fd5a19fda6..07598740a5 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 080afe5de8..cf9ca1ef50 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 38fc7a22db..1a69c754a1 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 821fed4c4c..bfd608bb21 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 3f79cdbdf6..9465de0bcd 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 f68bf3d022..08e5ca5cbf 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 c3fa6f70cf..70d131b8a0 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 2ad533ae15..67243a207d 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 3e1d5463d6..ac2e3fd133 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 4465779c4b..9603cbde54 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 75e369a0c0..9b842d30d8 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 49fdf1f2fa..d3dfe5bfc0 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 0efdbb9b40..f13b8723b8 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 ea638851aa..5c0d89d287 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 9b4024fe28..6fe49edb96 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 13572a18c6..488bea475b 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 45b98e07f0..cc016f23b6 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 6136e4df7c..f0352f7e1b 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 4357fdeb57..eceedd9a5d 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 f79804ae53..75e8b8b1d9 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 3f5d859014..0dd0933d47 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 3322ea1763..a89e6ebe66 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 26f40376ba..b4136278dc 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 90b7c3f21a..f2c1be31cc 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 7d214c8b7a..a883fe9181 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 e088e2e90c..826e47333f 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 727f630571..6c08e0f9f8 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 5605c4b648..355f916220 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 44377ef7a6..3303ccca1d 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 abcddbf2fb..444699c6ee 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 bd7b81bec1..7a89b2b630 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 8b4ff23df7..b75370fd96 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 d42f3ddf7b..94d432dd01 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 a056a218ef..afe0e8ead7 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 9775466054..89cd566f2c 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 bdfff323f9..0477a5b8ba 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 1fe3dc167c..8a0f521b0c 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 18c81ddcb2..9feef2b288 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 d828bbfa3e..3e30e862a5 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 0a3df03910..f242bad61b 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 aee814260d..987fc71996 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 f6fc4444ea..e28b87826b 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 96e5c98cd5..facb029bba 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 d04e8bab2e..f47c270ae0 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 48fdbcd884..cb5ce251e1 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 ebd7347b08..dada076b8e 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 1aa1aa29d1..25cf889f6b 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 4ec74640e9..0213949110 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 512424d7cd..07fd5ef41b 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 5010f320d9..37e95247f8 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 9357bae6be..bf76f9be03 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 bcd19bab4c..f39e90b52a 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 e3222eae5e..b02d96873b 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 f9ca748976..e856c65a67 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 4366ef177c..56d9274839 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 b116b2e4cc..42c6c915c6 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 e118bb05c7..b53fc50174 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 bbb7d2e049..dd2e144394 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 3c60376612..389ce1848f 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 6947bbeb7a..c7ef4694be 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 e4f49a630b..bb449ae884 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 9cf189ebf9..146762d4b3 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 e945a7a06a..ee6b6afda4 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 d9a2d9b382..5df79c0034 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 e8fc7424e7..248a479979 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 85b864b772..ab490f3448 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 f5c5ebb0b5..4805132744 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 af175fb862..f25cb9ea8b 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 331a70f52e..85d2c25bfe 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 58ae52d09f..02ec619abf 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 9619cd23f6..59b019b6a2 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 7dc94f90e9..b185820c07 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 6eadecba0c..c010e2e244 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 331d6b71a6..1dd89d232a 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 503b670b16..bad3d1a0e4 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 79b8658335..9eb16f22b7 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 3f3c16e194..0000000000 --- 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 df9e8ae2f7..45a9df1477 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 d5686975ad..d3c5ef1d75 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 df56988d00..3394595de1 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 8d854af7d0..0000000000 --- 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 87b67ffb58..a8c38f63f3 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 256442d86f..0000000000 --- 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 b8deda9514..23e30ae6a3 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 0194f191c6..99012f19aa 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 a8b8f1fdfc..f11a3ab2d9 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 c0e4e4390a..21ede55b16 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 372fb2587b..86ecbe6f9c 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 b2fdda9666..81c9eddcd2 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 dad412d21e..312f951d07 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 d1236d44cc..6ce52581f3 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 e48f089cac..e0333e45f7 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 cbfb31a873..489a484d59 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 e29c31ca80..bb7a6ed266 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 a048178a61..c785da5ae4 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 f89534520f..8966bc01db 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 b62926d8b2..1855764ee8 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 3eedfceaa7..4ada7ec5ae 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 f94b62d180..8ade0d5cd8 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 7da7593c11..b70b4a53df 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 231acb692b..a4a7f3fd18 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 8ef5c09d8f..42e7c89ea6 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 799a918494..61af81457c 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 630c50892c..bc61ad1da9 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 7801790e41..03d72d01c7 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 fc3d17076e..2755963984 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 8493d50db1..dba4dc4d67 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 dd15ca3c50..1ab133fdab 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 d8de8ecbc1..ccd5bee19f 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 8dd1aadc6f..bb79a8c79c 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 9fdfbd322c..06954d60f4 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 4f657bb918..bc1a22891b 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 479495f0ae..68dc821aa0 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 d3f102f83f..765517630c 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 a246e64bb3..b5a0c52fe4 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 758184922b..fe3b23ad87 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 e67c60042b..0e0c6d4d45 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 f89196c186..711bd7210e 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 cf60548226..a795809f85 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 ac1c631256..708803a1f4 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 c10c6d901f..4019385a5f 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 7accdb92c7..eeef5bf47f 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 6cb0b78a63..992e5786a1 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 c84808804a..84c7d8ffae 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 a6cf117939..6aae59911e 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 edde3e549c..02878c151d 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 c8ee6d88d1..c9794d182c 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 af2ffefdd2..4ff6e5389b 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 c6a4e3a30c..8c91604006 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 fb62f3807d..2c18040dc6 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 26d7eebf4d..7800c9ccd3 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 63aebfe8ed..a5d6e9bc49 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 67417f2e31..b6e7290a3f 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 13c1fef928..6b66b7f44e 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 edf768bdd6..864bbdf2d1 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 82b82d66bc..862dac4b09 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 3ef5c7efe9..44abc05a62 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 fbaf628676..4eb07b47da 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 0a7603c368..a191e10402 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 96d5d743e4..8ae5e39d7f 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 1eaec05f14..615f61cf69 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 a9dad30bda..a9f1270854 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 c46d20efaa..6bd4165b07 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 1933614c30..c191c0f19b 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 727a2e1539..eed414d392 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 4f08dc7a05..f2296adbd2 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 7908ba3674..11e39ebe46 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 c1148d1260..0a9f7a2090 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 fb668431e8..121ace224d 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 eb01fd3377..711ab5fd10 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 26f3f0d25f..0b2e948315 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 be9a570c53..619a523d8a 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 b70ec434a4..f3bd792ec4 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 29865aae6d..b86de15035 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 5582dd862b..0b997f91f9 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 d35b804e47..9657eb631c 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 2115d4a660..d4e45df1cf 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 90075a3ef1..74bcd47f3b 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 dfc7f11ff6..6e808ab7cd 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 4a9e39938a..1798fad251 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 8722dd3078..bbe13813a7 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 1fc70ec0e3..8218b68165 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 12689be203..4bef79dbee 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 e072d471a9..b8374a26d9 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 c84b874a86..ed7690388c 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 b41400c48c..0f80b368eb 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 aa6a33ad55..06b5e4df59 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 4ec11d765f..14f0ebc3d1 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 4800009dc1..6fa9be5f59 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 c62ab2133b..69b5bdfd5d 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 96d7187b61..afbab64a83 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 10b2845780..dca828d9b4 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 f1a630a53c..10fe22166b 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 af5f15ada1..e0c7f0af44 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 37c196549c..23f2e4a574 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 16e0159832..4ff02b8926 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 bac78e8d8b..3a64422b93 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 cc2056d4ee..6c1a94560b 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 1b67a25d20..1d11761159 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 824d07642c..ec502684f3 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 db459bd8ec..370cf494d1 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 4b8077ff10..06f1970b18 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 92502306a6..1657a00d3d 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 169421d87a..8f6779fc4f 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 876d071caa..e9ba46edd6 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 dfb9edc256..863b788bb6 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 0ccf553b96..6900d0d5c2 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 1040ff130e..a3b15eabcb 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 b0de451a90..8591a34791 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 0f78ce7a6d..1a5ff33354 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 4a83e8fad6..ccc265cb4c 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 7bdece335d..d89f3c981f 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 d61fc0cc5b..3a80b63631 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 b774e296fc..571da7cdce 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 bfb1b3368d..ba39799abe 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 d292fb2dd7..8a4cd09135 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 dab3443e50..4e80ae4894 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 b985b8e0e9..e22a878f8e 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 56e904d100..5db1252abb 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 2629e68d7e..cf239ffc4f 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 5040e8c3df..b5e1ee0283 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 a591f5ff68..82a0228f66 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 c62640b344..7fe2291f1e 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 9c53987e50..04557fceb9 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 c88ec5f824..20e7c83172 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 e79503f9d2..55c70a52e1 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 3ad74ffbbf..e7433437ee 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 b1d9b115e5..ed2e6e7431 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 6f3551fe0e..600d188ed4 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 fb8594ac6e..e5ac94c544 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 6b115f3a42..79196b1576 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 18f7b56dd5..0fffc7c124 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 1b77cb705b..f05fd75232 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 678a5c0fbe..0fd9d85b19 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 3324dfa3d7..8230cae04d 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 dc22b46cb0..ee58ca653f 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 ececd8a226..92f869b077 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 07dae2fa59..0fd6dbe54e 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 0710046ecc..4e2d87c7e4 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 30090f0c0e..121c8b1cc8 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 cd0ec4e3fd..d69ccd7bc5 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 aefdb4ae9c..4d484f0996 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 98c2a46849..c328e671f7 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 a43f75ecb5..d8d22f563f 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 4bd31c5a22..815f05e8f3 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 7faa648410..037db98953 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 d8432f416d..a78c5b6b36 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 1f37d2cf98..acb3b31e8a 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 999e68c8bf..fecfbfe70d 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 f9715beea4..9275fde2bc 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 0ea0f3e078..aaa655266e 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 7b71f1a641..b6623decb4 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 757ac2b5b8..b08e947b45 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 0d0d337da8..b0932e2add 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 c459e7f033..78cf9acabe 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 4676dda704..c73a0c53d4 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 0e17012cb4..c1742b47c3 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 ed9c9e36c4..14cbc8f088 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 ae8c3cda78..e3435c2ef4 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 05945a558f..00fde5f34f 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 2653505a84..0f8633076d 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 eeeff6f04d..d06174c4af 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 c4f9f5de1c..2156cf174c 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 6f41b8148a..279efe3506 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 6a539d3c61..237154f74c 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 c033c8dc7a..254e7bb6de 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 d94130d472..4e7353dba0 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 9a4e880325..c25da37948 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 caa32b91e7..ca513d79c3 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 3ae540cffe..0ace2e1818 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 23b067845a..1065cbdb38 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 7ae56c6ffd..44e4e15a13 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 59f244d363..4e385be01d 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 6feb0dd3e5..1073762782 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 afc51b8ad5..d1e1efdf49 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 f3ba6288d7..1212967bbd 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 2c2e4cae97..9689f70e96 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 c1bdfe3b61..f869288475 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 a062532465..c29063783a 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 680fedd33f..03a108f11b 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 6e98fc23c3..cf30e7ee4e 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 6c6461791f..480d534c21 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 88ccd5b8db..582abb82a6 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 34b35abec8..7be86e4d2b 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 6f6e06da5e..00fe1c0d8f 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 14acb7e6a0..7d5dd4c66b 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 2a318c2b33..348ce2b842 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 46946da6e2..5dfdf3da0c 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 e3d5121fd8..09d7cb29b8 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 fcaaa8e1ec..9796bca492 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 f85ec72a95..1f80ad7f90 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 e1d6694b44..66e7cb41e3 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 e86377fee3..1d71eacde3 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 9a58a3e1db..5df3e365e1 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 3ffc56b8db..8ed8b2b37f 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 2f9b94994d..ae2e8f9e17 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 f6631f4ec5..a6ef2be539 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 0907b01177..72cd360bb0 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 58258d52fc..c9513d4572 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 e7359b230a..17563a502e 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 3cb761bea1..ae2e2bd570 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 ea185984fa..e5ed189d16 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 8d01084e8a..41ddc34a7c 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 7594949749..d767bebc14 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 2d243aba71..7b7c776eba 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 861a7637c5..d7e25ed943 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 2b02dc0571..02a2d6efa6 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 3c256e1c09..050fdf5ed9 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 7c29a9843a..b3ca170423 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 45c03c63c9..6740b86196 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 e03f0370d7..0c92bc0667 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 607d204e88..f247b9adeb 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 644179c0f3..67dafb2298 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 0a2b6ec2f3..031930bb7f 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 847daa082f..9fe5944278 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 f7a87a1924..148ccbe301 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 544ece20d9..02c83e2ea3 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 037889fe52..6d640e1b01 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 5166803665..6d3432207c 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 171ac802e5..06e1c82dc0 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 c7be8596c2..ce67631608 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 3f4161a006..29f72d6a07 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 21eee3972f..45328b5fc8 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 5f28ba565f..aa621ed7db 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 a317a90e5e..8dbc6e4dcf 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 557366d9d5..b7f1e2b949 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 a7898bd1ce..81f5d084fd 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 85a79a5731..3ece2cd4fb 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 9a408e4b4d..67544d7ac8 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 fdb22e4cc0..784ba5c6a4 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 f33a5a219d..58e14319d3 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 32067f9d36..cbea68b838 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 40cbc8d1fd..339b3e21ca 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 8378deb0b1..dfb60889e2 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 1674dc0583..2382b3917a 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 9d625fecae..0f98a97399 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 dda65e173b..890b3afc3d 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 570d755b6c..11a564eb80 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 5db1346ca8..65bf05e356 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 3b8e93ed8f..04f0eb2436 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 0a8b8626fe..d451d866a0 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 ad0ad3f5a9..35697c500c 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 9acad215ff..1cc63ed702 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 68a77ea755..3efebaac07 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 f68030aa6d..beb3d790c1 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 bd71680d81..176013e425 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 1b89f97f7e..a8a071c688 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 a204336b3f..6d6ce82a0d 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 fc2ef42fd7..52110b7ba4 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 5a66b3b50e..1108e27516 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 2cd2a9d3aa..14e7c82b93 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 0939b78814..96377aac60 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 b86d04dbca..e386fdd60b 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 e784a413ff..4e88bc7cd8 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 06805b0df2..3d87020e39 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 07f0c177e4..8d0aad899c 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 610f1c948a..f3e6294da1 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 98fbef61d4..266bad129a 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 b67402d7b9..9cd94f2d8a 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 406084a64a..91e82b8974 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 aa1f9a437d..f4d5cd3f33 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 2162184dc0..bc7012d936 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 8f4081bc51..74ae9a57ad 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 7ae6fdc84e..00be8eeb64 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 48e4cda9f9..836c360afa 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 51f4f2bd85..cb5a3328e9 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 e686c76cd6..c76832bf89 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 b3ee6fd6ee..b526d8edaa 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 b1dec2dbb3..aa7443e8a9 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 7feceb8290..5455e8ca60 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 47bdac5177..0d6bdbc4dc 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 b2c6ea74f6..3958f625e6 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 6fd9c98aae..ed65a366b4 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 a12ae1bb9d..43e5bad74a 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 30ec6b9d18..12947271cc 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 d6a57de16b..f0b7caea74 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 a9813ef91a..154ac83d08 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 8a50639cf7..e6a8e331f6 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 81d0909f94..7e3f06ccc7 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 39d97569a0..b9544dbf54 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 5f0e0f2f24..4fd9361cba 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 623fd62197..1da80c5e71 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 61c519f1bc..74c0907c11 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 2852e759f4..7a9c3f1d29 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 60e81f4d92..2140fd36aa 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 6544cde1f8..08c1bfcd37 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 81da136918..3a2219ea03 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 7df22b2af5..09ffa8739b 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 66246fa7ad..9a5a02f35c 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 055451daf9..0de6f63da6 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 724ff13582..e65a875391 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 a785e4d14d..7002152a9b 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 771d00e3bb..58939c7daa 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 14dc8b1590..ea5262a518 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 a9bd2d1c33..ba9eb4e47b 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 4774ef3bd7..27b3e7b62d 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 69ddd3da81..edb624f9ff 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 b13c2c62c6..e1f20b4f8e 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 9ca1041b5d..fedecbff72 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 50f60a2192..320bf5468d 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 18b7c9ec8e..e02d649938 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 65d6f6ad5e..15d85aff46 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 80c2881b09..192d90554f 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 886e2f575a..14bdf41b5d 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 b5dff46477..571281b798 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 4137accb49..096d0e8d6a 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 36cb922915..07780c2b1e 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 e21956253d..1e3de7aca8 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 85a4be11b5..9c44ee475c 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 b87eceb259..4504223d16 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 337fe2533d..f24818d383 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 d4316db02b..7f98a9b9f1 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 7742a0d4bb..f0dee1d62b 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 8afe630c76..69ff1dcc7b 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 b384de108b..80a3ee120a 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 d7a379407f..79e9d428ed 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 993026c2ab..7410a60c12 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 424cdda031..26648a0831 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 23357b0c0b..01321553fa 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 08734a277d..7ab2f30da1 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 3a7127e2ca..03f303acb6 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 836620d56a..452bba7d32 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 aeb19a98ff..3a43a948a5 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 313c51d7f2..98c7eb238c 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 3db624e872..04bf87b220 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 ede103f0b3..569f1548b7 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 dea4ca8f50..d1b0e3b8c9 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 2c4110e49b..9255830f56 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 49a75f28c8..bae721d793 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 2602962c59..171b29600f 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 d395f89a1a..e99df5e055 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 8b7a2f13d4..d68f9603bc 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 a4fb6bee2c..2980eb3555 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 7034cd90d8..a7af17348c 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 ac4d049714..386d325f73 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 0de83840d2..996383eaaa 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 4b9be56bd9..f6a4d10672 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 52f3ef8b4d..2ce3c8d7b1 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 ef7a4a0af8..c66f082d99 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 e4fcad3396..5ee40a3116 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 94038680a3..2859e66d7b 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 94bbe70ea8..51910931e2 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 0021f5b7b2..6d9467ca17 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 8376b7484a..797f679d90 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 1c17fdf6eb..c92be17f19 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 5536cbe7cc..d5ff8b898b 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 cf5ac4430c..43c673e1a9 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 c87ba28794..2578b38066 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 40ba3bdcdb..ec0e7b2bb9 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 83a410d45c..b3ed71b7e9 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 d95f897930..ef1a8373f6 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 9e7223a7ea..1c09b8d4d6 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 612754607a..c975a9cb6e 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 f16e7a512e..8926acb1d6 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 51106cdc5f..c0b4532242 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 096f474d9b..a1228da0f9 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 a9156fcb7b..cf69cb09ff 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 f4269b7c29..9d9e166045 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 9f7154e5ed..805c03ead8 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 5413fac418..ce8fe209f2 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 608a7e6086..94da815eff 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 5c3202530e..950e99831b 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 fa84aa94d2..f79d01897e 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 54b33cdb60..a1b9e04d63 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 621443a4ae..ccdb814770 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 5da74992d4..0222c02cc7 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 c1878cd9c7..49c048e929 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 60466b539a..a6fdf70989 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 d2fe2587a2..e47ea46f59 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 2344cc3199..aaf69289c3 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 41fc52954b..c9aaf33d7d 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 97122c7e6c..5c2bf108f6 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 f4efebb281..68d840e08c 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 3f18c85530..9074a6fbfa 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 8f8fb98693..72c49cdd50 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 826b39e06a..824384e1b3 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 443810d479..17c0ac64a8 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 99d66e1fc8..f1b29b44d4 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 b3c3c2dcc6..b8da14baa9 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 060fa320e7..e6ded01838 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 e1dca30eb1..f59bb33437 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 426b82f595..4dbdef47b5 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 ce4691249b..393201c79c 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 2b299cc236..aa2976c56f 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 134283be4f..c247aad6cb 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 536acb5f5b..7832aaf2b2 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 74e96be1c9..a8a69f7a0a 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 425b9fb74c..e4086a4e07 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 7ce504a449..cc5546279c 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 9498596033..9b7c1ee220 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 faff11c155..0cb014f08c 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 3b23b70290..ed7895e7f2 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 e31b1ac648..24781e28d7 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 7a7ac5b666..335f176ba2 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 22c1b2ff19..cef55ce3fc 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 58d3d39e23..f6774a9962 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 cf050bdd49..7392b60f38 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 d0959fbe6f..fe48a264e5 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 61ee691009..969b1f5216 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 2e0b258bb1..e74eba176e 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 a33365bd56..0d6199e54f 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 3c1bee40b8..596bf5fa7a 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 2fc7107615..98204e8e8a 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 636c02278f..0703ea586f 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 53ef059fb9..c58fbad215 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 671a399258..9303a7eedf 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 aa0c155382..3c8e6ee4d8 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 e86b220dc1..feec023ceb 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 46b3d4f52d..fb356aa424 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 611baad0e4..059ae89ef4 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 66da856baa..dc07c049a5 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 c384abc761..993d40da77 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 ecac912889..4fcaca03a6 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 6b5e443809..379438bd58 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 ce7f84e81e..6ebb589f65 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 ab748c68f9..0c5a2ddc84 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 5ac24a6fad..fa0b7ae826 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 e38db36ad4..fdff1377d7 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 a12168c85f..60a6961081 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 d0433fe34a..d9a9e61bcb 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 d6341c0afd..e22b862047 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 f0297ff6d0..9b5e197b5d 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 05f779dd6d..cd9aa42cf8 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 4eb1e1dad4..641970bd47 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 a83c5216e3..db573217b7 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 04d544ced9..4335688a52 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 ec2ebb764b..aeaed58183 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 78b6f79c8f..eccc7eb86b 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 ff4485d5c5..3313b2f471 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 657fbfdf84..2ffef66081 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 4e7908e83d..395d5fda66 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 960e3be01d..3d1a8b3f9a 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 6099cebe96..59f3bcda0d 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 a5c3e9f4b1..7d6b5ef2b4 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 244e6aeb10..b94e2ce5f4 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 f88ee7c5ea..0c5c37c8ea 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 44f8a060d4..55d86264b4 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 aa2998afce..3fb1f12c2c 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 a3b0fa2c4e..d6d11a1354 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 5c4420fc1b..761bec327f 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 5d206c5abc..7b5bf8154a 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 52cf4b128e..b1a6b0849d 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 803bef666f..f0d09906d8 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 4866551af8..fc861ca63c 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 8352b6e98a..2a1189244f 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 d6983937a5..7c458f80b0 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 e7f6470900..ea1c2b85c3 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 a0f538df79..0d02de8978 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 639ce01fb0..21270ceda7 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 89ed5610c4..e403d81d8b 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 5dfcc44e41..e4f4000cbc 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 d1e0c7d892..5646cca6ef 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 5c9e91b405..4fdde61064 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 8259ce00c1..6d61974032 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 1944c1188f..b31e7c2eec 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 fc30d22293..5aef31c85e 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 78df810113..d971fc8663 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 872d075130..bcd0a82681 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 e2d7697bf8..2c06caf7fc 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 f81a048051..eef0459d95 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 5cd993f6d0..9c973b3e6d 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 4ae16d5b83..2dd8cd378b 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 0f9dc999c9..48eab05bd5 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 5bfb316fb7..dc4820e0e9 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 6cd4b2da20..5246a48a29 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 42b1163ccc..89c1ccfc4e 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 4382887853..62912b4982 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 9e06a33ef5..0fe053d9f6 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 c454acb17d..ea2d349710 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 bdb764fdae..6d0e7dfd8c 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 0b88a97ac8..b1d25385d5 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 0d288e3fc9..731070f9cc 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 c7134a3266..36afdc4420 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 b9a9377072..70146e7c94 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 fa5531fea4..ffb73168ce 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 3e58ccf8d4..674003af9e 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 2bc76ce0c9..a0b5ff97d3 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 1fa3ae40c8..39879c00bc 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 0d74984f8e..5e5d87241d 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 a2e40b4510..c8c5087392 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 262c46692d..6638f0e88f 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 c9c6707c49..b0ddf3d3d6 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 17d41c5b5b..d625ee533d 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 5466c20fbd..c9eea74efc 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 f45656f7ec..400648d031 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 4a390580c6..2b004a290b 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 e2f5f958cf..a56ef3a482 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 0860a7fd42..2ba398eb08 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 3ad898824d..ff70e36abf 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 f91c592b09..7a9a3f99be 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 c20cfe4649..3a33dd9426 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 1e234aeba8..ff82cfa7bf 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 c6c127ab16..f45e5c1199 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 f44af5cc70..56cbf6b617 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 d4d2fa7865..c4ceea4436 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 f343ccceb1..b51e455c59 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 b793f60499..2c3c0c7d5b 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 306892212f..ff9ffa8fbb 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 deb343f9d5..1190182873 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 32d275987e..7560a7a2ce 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 dc5aad8893..ac2085ed3d 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 47e8f12888..df790a6d87 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: '';