From af460dcd972e22224b02da8909cd88ebfd6fc7b6 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 000000000..5753ca598 --- /dev/null +++ b/.changelog/13183.txt @@ -0,0 +1,3 @@ +```release-note:bug +ui: Re-instate '...' icon for row actions +``` diff --git a/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss b/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss index 55a32e5c9..966cf886e 100644 --- a/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss +++ b/ui/packages/consul-ui/app/components/breadcrumbs/skin.scss @@ -8,7 +8,6 @@ } %crumbs::before { text-decoration: none; - background-color: var(--transparent); } %breadcrumb-milestone::before { @extend %with-chevron-left-mask, %as-pseudo; diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss b/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss index c196450e9..68124fa32 100644 --- a/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss +++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/layout.scss @@ -118,11 +118,8 @@ flex-wrap: wrap; list-style-type: none; } -%resolver-card ol li:not(:last-child)::after { - display: inline-block; - content: ','; - margin-right: 0.2em; - margin-left: -0.3em; +%resolver-card ol { + @extend %csv-list; } /**/ %with-chain-outlet { diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs b/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs index 8a52b533f..99f85e37a 100644 --- a/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs +++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/resolver-card/index.hbs @@ -16,9 +16,7 @@
    {{#each @item.Failover.Targets as |item|}} -
  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 03c367537..f99e29173 100644 --- a/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss +++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss @@ -91,13 +91,16 @@ } %resolver-card dt { font-size: 0; - background-size: 80% 80%; } -%resolver-card dl.failover dt { - @extend %with-cloud-cross-icon; +%resolver-card dt::before { + content: ''; + --icon-size: icon-999; } -%resolver-card dl.redirect dt { - @extend %with-redirect-icon; +%resolver-card dl.failover dt::before { + --icon-name: icon-cloud-cross; +} +%resolver-card dl.redirect dt::before { + --icon-name: icon-redirect; } /**/ %with-chain-outlet::before { diff --git a/ui/packages/consul-ui/app/components/csv-list/index.scss b/ui/packages/consul-ui/app/components/csv-list/index.scss index a5141fe18..4c64a7c87 100644 --- a/ui/packages/consul-ui/app/components/csv-list/index.scss +++ b/ui/packages/consul-ui/app/components/csv-list/index.scss @@ -14,5 +14,4 @@ content: var(--csv-list-separator); vertical-align: initial; margin-right: 0.3em; - background-color: var(--transparent); } diff --git a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss index a7321eb17..3e4c92224 100644 --- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss +++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss @@ -3,6 +3,10 @@ @extend %main-nav-vertical-hoisted; left: 100px; } + nav .dcs li.is-primary span, + nav .dcs li.is-local span { + @extend %menu-panel-badge; + } nav li.partitions, nav li.nspaces { @extend %main-nav-vertical-popover-menu; diff --git a/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss b/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss index abd048df9..e1930d8bf 100644 --- a/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss +++ b/ui/packages/consul-ui/app/components/main-nav-vertical/skin.scss @@ -47,7 +47,6 @@ display: block; margin-top: -0.5rem; margin-bottom: 0.5rem; - background-color: var(--transparent); } %main-nav-vertical-popover-menu-trigger { border: var(--decor-border-100); diff --git a/ui/packages/consul-ui/app/components/menu-panel/index.scss b/ui/packages/consul-ui/app/components/menu-panel/index.scss index a96a77dbf..e34a3060c 100644 --- a/ui/packages/consul-ui/app/components/menu-panel/index.scss +++ b/ui/packages/consul-ui/app/components/menu-panel/index.scss @@ -11,9 +11,6 @@ %menu-panel { @extend %panel; } -%menu-panel-item span { - @extend %menu-panel-badge; -} %menu-panel [role='separator'] { @extend %panel-separator; @extend %menu-panel-separator; diff --git a/ui/packages/consul-ui/app/components/more-popover-menu/index.scss b/ui/packages/consul-ui/app/components/more-popover-menu/index.scss index 4e6b0ba59..7b7f419cc 100644 --- a/ui/packages/consul-ui/app/components/more-popover-menu/index.scss +++ b/ui/packages/consul-ui/app/components/more-popover-menu/index.scss @@ -21,10 +21,10 @@ font-size: 0; } %more-popover-menu-trigger > *::after { - @extend %with-more-horizontal-mask, %as-pseudo; - background-color: rgb(var(--tone-gray-900)); - width: 16px; - height: 16px; + --icon-name: icon-more-horizontal; + --icon-color: rgb(var(--tone-gray-900)); + --icon-size: icon-300; + content: ''; position: absolute; top: 50%; left: 50%; diff --git a/ui/packages/consul-ui/app/components/pill/index.scss b/ui/packages/consul-ui/app/components/pill/index.scss index cbeabfff1..d08626db8 100644 --- a/ui/packages/consul-ui/app/components/pill/index.scss +++ b/ui/packages/consul-ui/app/components/pill/index.scss @@ -10,9 +10,7 @@ span.policy-node-identity, } span.policy-service-identity::before, span.policy-node-identity::before { - width: auto; - align-self: start; - font-size: inherit; + vertical-align: unset; } span.policy-node-identity::before { content: 'Node Identity: '; diff --git a/ui/packages/consul-ui/app/components/secret-button/layout.scss b/ui/packages/consul-ui/app/components/secret-button/layout.scss index fe223180e..1393e5efe 100644 --- a/ui/packages/consul-ui/app/components/secret-button/layout.scss +++ b/ui/packages/consul-ui/app/components/secret-button/layout.scss @@ -17,7 +17,6 @@ display: inline; visibility: visible; content: '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■'; - background-color: var(--transparent); } %secret-button input:checked ~ em::before { display: none; diff --git a/ui/packages/consul-ui/app/components/tooltip/index.scss b/ui/packages/consul-ui/app/components/tooltip/index.scss index 1f8802a11..333faed35 100644 --- a/ui/packages/consul-ui/app/components/tooltip/index.scss +++ b/ui/packages/consul-ui/app/components/tooltip/index.scss @@ -45,7 +45,6 @@ &::before { border-color: var(--transparent); border-style: solid; - background-color: var(--transparent); } } @@ -53,27 +52,23 @@ &::before { border-width: var(--size) var(--size) 0; border-top-color: initial; - background-color: var(--transparent); } } %tooltip-tail-bottom { &::before { border-width: 0 var(--size) var(--size); border-bottom-color: initial; - background-color: var(--transparent); } } %tooltip-tail-left { &::before { border-width: var(--size) 0 var(--size) var(--size); border-left-color: initial; - background-color: var(--transparent); } } %tooltip-tail-right { &::before { border-width: var(--size) var(--size) var(--size) 0; border-right-color: initial; - background-color: var(--transparent); } } diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss index 37d328afc..7827bb0d8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/base-keyframes.scss @@ -1,19 +1,24 @@ *::before, *::after { display: inline-block; - animation-play-state: paused; - animation-fill-mode: forwards; - animation-iteration-count: var(--icon-resolution, 1); vertical-align: text-top; + + background-repeat: no-repeat; + background-position: center; + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-position: center; + } *::before { animation-name: var(--icon-name-start, var(--icon-name)), var(--icon-size-start, var(--icon-size, icon-000)); - background-color: var(--icon-color-start, var(--icon-color, currentColor)); + background-color: var(--icon-color-start, var(--icon-color)); } *::after { animation-name: var(--icon-name-end, var(--icon-name)), var(--icon-size-end, var(--icon-size, icon-000)); - background-color: var(--icon-color-end, var(--icon-color, currentColor)); + background-color: var(--icon-color-end, var(--icon-color)); } [style*='--icon-color-start']::before { @@ -87,3 +92,9 @@ height: 1.750rem; /* 28px */ } } +@keyframes icon-999 { + 100% { + width: 100%; + height: 100%; + } +} diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss index d93de6ea3..4a3c131b2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/activity/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-activity { - 50% { - - background-color: var(--icon-color, var(--color-activity-500, currentColor)); - -webkit-mask-image: var(--icon-activity-24); - mask-image: var(--icon-activity-24); - } - 100% { - background-color: var(--icon-color, var(--color-activity-500, currentColor)); -webkit-mask-image: var(--icon-activity-16); mask-image: var(--icon-activity-16); + background-color: var(--icon-color, var(--color-activity-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss index b25f574db..a56bf613e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-alert-circle-fill-24); - mask-image: var(--icon-alert-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-alert-circle-fill-16); mask-image: var(--icon-alert-circle-fill-16); + background-color: var(--icon-color, var(--color-alert-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss index ebbb1c7cd..9dcc1b3de 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-alert-circle-24); - mask-image: var(--icon-alert-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-alert-circle-16); mask-image: var(--icon-alert-circle-16); + background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss index 0dff2ba97..4b470d9fc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-circle { - 50% { - - background-color: var(--icon-color, var(--color-alert-circle-500, currentColor)); - -webkit-mask-image: var(--icon-alert-circle-24); - mask-image: var(--icon-alert-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-circle-500, currentColor)); -webkit-mask-image: var(--icon-alert-circle-16); mask-image: var(--icon-alert-circle-16); + background-color: var(--icon-color, var(--color-alert-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss index 8a60f995e..d0815f396 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-octagon-fill { - 50% { - - background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor)); - -webkit-mask-image: var(--icon-alert-octagon-fill-24); - mask-image: var(--icon-alert-octagon-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor)); -webkit-mask-image: var(--icon-alert-octagon-fill-16); mask-image: var(--icon-alert-octagon-fill-16); + background-color: var(--icon-color, var(--color-alert-octagon-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss index 0f9cad04b..d4ff69990 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-octagon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-octagon { - 50% { - - background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor)); - -webkit-mask-image: var(--icon-alert-octagon-24); - mask-image: var(--icon-alert-octagon-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor)); -webkit-mask-image: var(--icon-alert-octagon-16); mask-image: var(--icon-alert-octagon-16); + background-color: var(--icon-color, var(--color-alert-octagon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss index 90747339a..0481cff19 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-triangle-fill { - 50% { - - background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-alert-triangle-fill-24); - mask-image: var(--icon-alert-triangle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor)); -webkit-mask-image: var(--icon-alert-triangle-fill-16); mask-image: var(--icon-alert-triangle-fill-16); + background-color: var(--icon-color, var(--color-alert-triangle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss index ebb4b4663..25ae48553 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alert-triangle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alert-triangle { - 50% { - - background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor)); - -webkit-mask-image: var(--icon-alert-triangle-24); - mask-image: var(--icon-alert-triangle-24); - } - 100% { - background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor)); -webkit-mask-image: var(--icon-alert-triangle-16); mask-image: var(--icon-alert-triangle-16); + background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss index c627c25b0..d6806b557 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-alibaba-color { - 50% { - background-image: var(--icon-alibaba-color-24); - } - 100% { background-image: var(--icon-alibaba-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss index 5ee3d3e4f..3da0985c4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/alibaba/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-alibaba { - 50% { - - background-color: var(--icon-color, var(--color-alibaba-500, currentColor)); - -webkit-mask-image: var(--icon-alibaba-color-24); - mask-image: var(--icon-alibaba-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-alibaba-500, currentColor)); -webkit-mask-image: var(--icon-alibaba-color-16); mask-image: var(--icon-alibaba-color-16); + background-color: var(--icon-color, var(--color-alibaba-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss index 1298dfbe4..141af6775 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-center/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-align-center { - 50% { - - background-color: var(--icon-color, var(--color-align-center-500, currentColor)); - -webkit-mask-image: var(--icon-align-center-24); - mask-image: var(--icon-align-center-24); - } - 100% { - background-color: var(--icon-color, var(--color-align-center-500, currentColor)); -webkit-mask-image: var(--icon-align-center-16); mask-image: var(--icon-align-center-16); + background-color: var(--icon-color, var(--color-align-center-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss index 596918634..ab218bd67 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-justify/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-align-justify { - 50% { - - background-color: var(--icon-color, var(--color-align-justify-500, currentColor)); - -webkit-mask-image: var(--icon-align-justify-24); - mask-image: var(--icon-align-justify-24); - } - 100% { - background-color: var(--icon-color, var(--color-align-justify-500, currentColor)); -webkit-mask-image: var(--icon-align-justify-16); mask-image: var(--icon-align-justify-16); + background-color: var(--icon-color, var(--color-align-justify-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss index 7febe2c22..6242c03ba 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-align-left { - 50% { - - background-color: var(--icon-color, var(--color-align-left-500, currentColor)); - -webkit-mask-image: var(--icon-align-left-24); - mask-image: var(--icon-align-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-align-left-500, currentColor)); -webkit-mask-image: var(--icon-align-left-16); mask-image: var(--icon-align-left-16); + background-color: var(--icon-color, var(--color-align-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss index 5bb687c04..cce21f97b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/align-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-align-right { - 50% { - - background-color: var(--icon-color, var(--color-align-right-500, currentColor)); - -webkit-mask-image: var(--icon-align-right-24); - mask-image: var(--icon-align-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-align-right-500, currentColor)); -webkit-mask-image: var(--icon-align-right-16); mask-image: var(--icon-align-right-16); + background-color: var(--icon-color, var(--color-align-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss index 38ce14cd7..acdd2fc1c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-amazon-eks-color { - 50% { - background-image: var(--icon-amazon-eks-color-24); - } - 100% { background-image: var(--icon-amazon-eks-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss index 903bdbf06..f7d1d597b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/amazon-eks/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-amazon-eks { - 50% { - - background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor)); - -webkit-mask-image: var(--icon-amazon-eks-color-24); - mask-image: var(--icon-amazon-eks-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor)); -webkit-mask-image: var(--icon-amazon-eks-color-16); mask-image: var(--icon-amazon-eks-color-16); + background-color: var(--icon-color, var(--color-amazon-eks-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss index 093b3147e..97bcfe8b0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/apple-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-apple-color { - 50% { - background-image: var(--icon-apple-color-24); - } - 100% { background-image: var(--icon-apple-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss index 58ab71fcc..21c929f01 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/apple/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-apple { - 50% { - - background-color: var(--icon-color, var(--color-apple-500, currentColor)); - -webkit-mask-image: var(--icon-apple-color-24); - mask-image: var(--icon-apple-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-apple-500, currentColor)); -webkit-mask-image: var(--icon-apple-color-16); mask-image: var(--icon-apple-color-16); + background-color: var(--icon-color, var(--color-apple-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss index 531cf21f0..7d9a5dd05 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/archive/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-archive { - 50% { - - background-color: var(--icon-color, var(--color-archive-500, currentColor)); - -webkit-mask-image: var(--icon-archive-24); - mask-image: var(--icon-archive-24); - } - 100% { - background-color: var(--icon-color, var(--color-archive-500, currentColor)); -webkit-mask-image: var(--icon-archive-16); mask-image: var(--icon-archive-16); + background-color: var(--icon-color, var(--color-archive-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss index bd1289cd7..276325e0b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-down-circle { - 50% { - - background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-down-circle-24); - mask-image: var(--icon-arrow-down-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor)); -webkit-mask-image: var(--icon-arrow-down-circle-16); mask-image: var(--icon-arrow-down-circle-16); + background-color: var(--icon-color, var(--color-arrow-down-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss index 1fcc8aa1d..627d4a8b4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-down-left { - 50% { - - background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-down-left-24); - mask-image: var(--icon-arrow-down-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor)); -webkit-mask-image: var(--icon-arrow-down-left-16); mask-image: var(--icon-arrow-down-left-16); + background-color: var(--icon-color, var(--color-arrow-down-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss index 1774cc95d..8813ba3b5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-down-right { - 50% { - - background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-down-right-24); - mask-image: var(--icon-arrow-down-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor)); -webkit-mask-image: var(--icon-arrow-down-right-16); mask-image: var(--icon-arrow-down-right-16); + background-color: var(--icon-color, var(--color-arrow-down-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss index 86b99ff7b..315dd4ae1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-down { - 50% { - - background-color: var(--icon-color, var(--color-arrow-down-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-down-24); - mask-image: var(--icon-arrow-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-down-500, currentColor)); -webkit-mask-image: var(--icon-arrow-down-16); mask-image: var(--icon-arrow-down-16); + background-color: var(--icon-color, var(--color-arrow-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss index 1cee4a95f..1737b0196 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-left-circle { - 50% { - - background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-left-circle-24); - mask-image: var(--icon-arrow-left-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor)); -webkit-mask-image: var(--icon-arrow-left-circle-16); mask-image: var(--icon-arrow-left-circle-16); + background-color: var(--icon-color, var(--color-arrow-left-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss index 8cce9418b..f1e214b33 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-left { - 50% { - - background-color: var(--icon-color, var(--color-arrow-left-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-left-24); - mask-image: var(--icon-arrow-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-left-500, currentColor)); -webkit-mask-image: var(--icon-arrow-left-16); mask-image: var(--icon-arrow-left-16); + background-color: var(--icon-color, var(--color-arrow-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss index fd5a19fda..07598740a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-right-circle { - 50% { - - background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-right-circle-24); - mask-image: var(--icon-arrow-right-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor)); -webkit-mask-image: var(--icon-arrow-right-circle-16); mask-image: var(--icon-arrow-right-circle-16); + background-color: var(--icon-color, var(--color-arrow-right-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss index 080afe5de..cf9ca1ef5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-right { - 50% { - - background-color: var(--icon-color, var(--color-arrow-right-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-right-24); - mask-image: var(--icon-arrow-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-right-500, currentColor)); -webkit-mask-image: var(--icon-arrow-right-16); mask-image: var(--icon-arrow-right-16); + background-color: var(--icon-color, var(--color-arrow-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss index 38fc7a22d..1a69c754a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-up-circle { - 50% { - - background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-up-circle-24); - mask-image: var(--icon-arrow-up-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor)); -webkit-mask-image: var(--icon-arrow-up-circle-16); mask-image: var(--icon-arrow-up-circle-16); + background-color: var(--icon-color, var(--color-arrow-up-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss index 821fed4c4..bfd608bb2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-up-left { - 50% { - - background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-up-left-24); - mask-image: var(--icon-arrow-up-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor)); -webkit-mask-image: var(--icon-arrow-up-left-16); mask-image: var(--icon-arrow-up-left-16); + background-color: var(--icon-color, var(--color-arrow-up-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss index 3f79cdbdf..9465de0bc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-up-right { - 50% { - - background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-up-right-24); - mask-image: var(--icon-arrow-up-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor)); -webkit-mask-image: var(--icon-arrow-up-right-16); mask-image: var(--icon-arrow-up-right-16); + background-color: var(--icon-color, var(--color-arrow-up-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss index f68bf3d02..08e5ca5cb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/arrow-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-arrow-up { - 50% { - - background-color: var(--icon-color, var(--color-arrow-up-500, currentColor)); - -webkit-mask-image: var(--icon-arrow-up-24); - mask-image: var(--icon-arrow-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-arrow-up-500, currentColor)); -webkit-mask-image: var(--icon-arrow-up-16); mask-image: var(--icon-arrow-up-16); + background-color: var(--icon-color, var(--color-arrow-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss index c3fa6f70c..70d131b8a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/at-sign/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-at-sign { - 50% { - - background-color: var(--icon-color, var(--color-at-sign-500, currentColor)); - -webkit-mask-image: var(--icon-at-sign-24); - mask-image: var(--icon-at-sign-24); - } - 100% { - background-color: var(--icon-color, var(--color-at-sign-500, currentColor)); -webkit-mask-image: var(--icon-at-sign-16); mask-image: var(--icon-at-sign-16); + background-color: var(--icon-color, var(--color-at-sign-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss index 2ad533ae1..67243a207 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-auth0-color { - 50% { - background-image: var(--icon-auth0-color-24); - } - 100% { background-image: var(--icon-auth0-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss index 3e1d5463d..ac2e3fd13 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auth0/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-auth0 { - 50% { - - background-color: var(--icon-color, var(--color-auth0-500, currentColor)); - -webkit-mask-image: var(--icon-auth0-color-24); - mask-image: var(--icon-auth0-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-auth0-500, currentColor)); -webkit-mask-image: var(--icon-auth0-color-16); mask-image: var(--icon-auth0-color-16); + background-color: var(--icon-color, var(--color-auth0-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss index 4465779c4..9603cbde5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/auto-apply/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-auto-apply { - 50% { - - background-color: var(--icon-color, var(--color-auto-apply-500, currentColor)); - -webkit-mask-image: var(--icon-auto-apply-24); - mask-image: var(--icon-auto-apply-24); - } - 100% { - background-color: var(--icon-color, var(--color-auto-apply-500, currentColor)); -webkit-mask-image: var(--icon-auto-apply-16); mask-image: var(--icon-auto-apply-16); + background-color: var(--icon-color, var(--color-auto-apply-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss index 75e369a0c..9b842d30d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/award/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-award { - 50% { - - background-color: var(--icon-color, var(--color-award-500, currentColor)); - -webkit-mask-image: var(--icon-award-24); - mask-image: var(--icon-award-24); - } - 100% { - background-color: var(--icon-color, var(--color-award-500, currentColor)); -webkit-mask-image: var(--icon-award-16); mask-image: var(--icon-award-16); + background-color: var(--icon-color, var(--color-award-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss index 49fdf1f2f..d3dfe5bfc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-aws-color { - 50% { - background-image: var(--icon-aws-color-24); - } - 100% { background-image: var(--icon-aws-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss index 0efdbb9b4..f13b8723b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-aws-ec2-color { - 50% { - background-image: var(--icon-aws-ec2-color-24); - } - 100% { background-image: var(--icon-aws-ec2-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss index ea638851a..5c0d89d28 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws-ec2/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-aws-ec2 { - 50% { - - background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor)); - -webkit-mask-image: var(--icon-aws-ec2-color-24); - mask-image: var(--icon-aws-ec2-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor)); -webkit-mask-image: var(--icon-aws-ec2-color-16); mask-image: var(--icon-aws-ec2-color-16); + background-color: var(--icon-color, var(--color-aws-ec2-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss index 9b4024fe2..6fe49edb9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/aws/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-aws { - 50% { - - background-color: var(--icon-color, var(--color-aws-500, currentColor)); - -webkit-mask-image: var(--icon-aws-color-24); - mask-image: var(--icon-aws-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-aws-500, currentColor)); -webkit-mask-image: var(--icon-aws-color-16); mask-image: var(--icon-aws-color-16); + background-color: var(--icon-color, var(--color-aws-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss index 13572a18c..488bea475 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-azure-color { - 50% { - background-image: var(--icon-azure-color-24); - } - 100% { background-image: var(--icon-azure-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss index 45b98e07f..cc016f23b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-azure-devops-color { - 50% { - background-image: var(--icon-azure-devops-color-24); - } - 100% { background-image: var(--icon-azure-devops-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss index 6136e4df7..f0352f7e1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure-devops/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-azure-devops { - 50% { - - background-color: var(--icon-color, var(--color-azure-devops-500, currentColor)); - -webkit-mask-image: var(--icon-azure-devops-color-24); - mask-image: var(--icon-azure-devops-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-azure-devops-500, currentColor)); -webkit-mask-image: var(--icon-azure-devops-color-16); mask-image: var(--icon-azure-devops-color-16); + background-color: var(--icon-color, var(--color-azure-devops-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss index 4357fdeb5..eceedd9a5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/azure/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-azure { - 50% { - - background-color: var(--icon-color, var(--color-azure-500, currentColor)); - -webkit-mask-image: var(--icon-azure-color-24); - mask-image: var(--icon-azure-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-azure-500, currentColor)); -webkit-mask-image: var(--icon-azure-color-16); mask-image: var(--icon-azure-color-16); + background-color: var(--icon-color, var(--color-azure-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss index f79804ae5..75e8b8b1d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bank-vault/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bank-vault { - 50% { - - background-color: var(--icon-color, var(--color-bank-vault-500, currentColor)); - -webkit-mask-image: var(--icon-bank-vault-24); - mask-image: var(--icon-bank-vault-24); - } - 100% { - background-color: var(--icon-color, var(--color-bank-vault-500, currentColor)); -webkit-mask-image: var(--icon-bank-vault-16); mask-image: var(--icon-bank-vault-16); + background-color: var(--icon-color, var(--color-bank-vault-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss index 3f5d85901..0dd0933d4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bar-chart-alt { - 50% { - - background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor)); - -webkit-mask-image: var(--icon-bar-chart-alt-24); - mask-image: var(--icon-bar-chart-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor)); -webkit-mask-image: var(--icon-bar-chart-alt-16); mask-image: var(--icon-bar-chart-alt-16); + background-color: var(--icon-color, var(--color-bar-chart-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss index 3322ea176..a89e6ebe6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bar-chart/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bar-chart { - 50% { - - background-color: var(--icon-color, var(--color-bar-chart-500, currentColor)); - -webkit-mask-image: var(--icon-bar-chart-24); - mask-image: var(--icon-bar-chart-24); - } - 100% { - background-color: var(--icon-color, var(--color-bar-chart-500, currentColor)); -webkit-mask-image: var(--icon-bar-chart-16); mask-image: var(--icon-bar-chart-16); + background-color: var(--icon-color, var(--color-bar-chart-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss index 26f40376b..b4136278d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/battery-charging/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-battery-charging { - 50% { - - background-color: var(--icon-color, var(--color-battery-charging-500, currentColor)); - -webkit-mask-image: var(--icon-battery-charging-24); - mask-image: var(--icon-battery-charging-24); - } - 100% { - background-color: var(--icon-color, var(--color-battery-charging-500, currentColor)); -webkit-mask-image: var(--icon-battery-charging-16); mask-image: var(--icon-battery-charging-16); + background-color: var(--icon-color, var(--color-battery-charging-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss index 90b7c3f21..f2c1be31c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/battery/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-battery { - 50% { - - background-color: var(--icon-color, var(--color-battery-500, currentColor)); - -webkit-mask-image: var(--icon-battery-24); - mask-image: var(--icon-battery-24); - } - 100% { - background-color: var(--icon-color, var(--color-battery-500, currentColor)); -webkit-mask-image: var(--icon-battery-16); mask-image: var(--icon-battery-16); + background-color: var(--icon-color, var(--color-battery-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss index 7d214c8b7..a883fe918 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/beaker/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-beaker { - 50% { - - background-color: var(--icon-color, var(--color-beaker-500, currentColor)); - -webkit-mask-image: var(--icon-beaker-24); - mask-image: var(--icon-beaker-24); - } - 100% { - background-color: var(--icon-color, var(--color-beaker-500, currentColor)); -webkit-mask-image: var(--icon-beaker-16); mask-image: var(--icon-beaker-16); + background-color: var(--icon-color, var(--color-beaker-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss index e088e2e90..826e47333 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bell-active-fill { - 50% { - - background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor)); - -webkit-mask-image: var(--icon-bell-active-fill-24); - mask-image: var(--icon-bell-active-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor)); -webkit-mask-image: var(--icon-bell-active-fill-16); mask-image: var(--icon-bell-active-fill-16); + background-color: var(--icon-color, var(--color-bell-active-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss index 727f63057..6c08e0f9f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-active/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bell-active { - 50% { - - background-color: var(--icon-color, var(--color-bell-active-500, currentColor)); - -webkit-mask-image: var(--icon-bell-active-24); - mask-image: var(--icon-bell-active-24); - } - 100% { - background-color: var(--icon-color, var(--color-bell-active-500, currentColor)); -webkit-mask-image: var(--icon-bell-active-16); mask-image: var(--icon-bell-active-16); + background-color: var(--icon-color, var(--color-bell-active-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss index 5605c4b64..355f91622 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bell-off { - 50% { - - background-color: var(--icon-color, var(--color-bell-off-500, currentColor)); - -webkit-mask-image: var(--icon-bell-off-24); - mask-image: var(--icon-bell-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-bell-off-500, currentColor)); -webkit-mask-image: var(--icon-bell-off-16); mask-image: var(--icon-bell-off-16); + background-color: var(--icon-color, var(--color-bell-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss index 44377ef7a..3303ccca1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bell/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bell { - 50% { - - background-color: var(--icon-color, var(--color-bell-500, currentColor)); - -webkit-mask-image: var(--icon-bell-24); - mask-image: var(--icon-bell-24); - } - 100% { - background-color: var(--icon-color, var(--color-bell-500, currentColor)); -webkit-mask-image: var(--icon-bell-16); mask-image: var(--icon-bell-16); + background-color: var(--icon-color, var(--color-bell-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss index abcddbf2f..444699c6e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-bitbucket-color { - 50% { - background-image: var(--icon-bitbucket-color-24); - } - 100% { background-image: var(--icon-bitbucket-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss index bd7b81bec..7a89b2b63 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bitbucket/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bitbucket { - 50% { - - background-color: var(--icon-color, var(--color-bitbucket-500, currentColor)); - -webkit-mask-image: var(--icon-bitbucket-color-24); - mask-image: var(--icon-bitbucket-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-bitbucket-500, currentColor)); -webkit-mask-image: var(--icon-bitbucket-color-16); mask-image: var(--icon-bitbucket-color-16); + background-color: var(--icon-color, var(--color-bitbucket-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss index 8b4ff23df..b75370fd9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bolt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bolt { - 50% { - - background-color: var(--icon-color, var(--color-bolt-500, currentColor)); - -webkit-mask-image: var(--icon-zap-24); - mask-image: var(--icon-zap-24); - } - 100% { - background-color: var(--icon-color, var(--color-bolt-500, currentColor)); -webkit-mask-image: var(--icon-zap-16); mask-image: var(--icon-zap-16); + background-color: var(--icon-color, var(--color-bolt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss index d42f3ddf7..94d432dd0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark-add-fill { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-add-fill-24); - mask-image: var(--icon-bookmark-add-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-add-fill-16); mask-image: var(--icon-bookmark-add-fill-16); + background-color: var(--icon-color, var(--color-bookmark-add-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss index a056a218e..afe0e8ead 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-add/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark-add { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-add-24); - mask-image: var(--icon-bookmark-add-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-add-16); mask-image: var(--icon-bookmark-add-16); + background-color: var(--icon-color, var(--color-bookmark-add-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss index 977546605..89cd566f2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark-fill { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-fill-24); - mask-image: var(--icon-bookmark-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-fill-16); mask-image: var(--icon-bookmark-fill-16); + background-color: var(--icon-color, var(--color-bookmark-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss index bdfff323f..0477a5b8b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark-remove-fill { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-remove-fill-24); - mask-image: var(--icon-bookmark-remove-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-remove-fill-16); mask-image: var(--icon-bookmark-remove-fill-16); + background-color: var(--icon-color, var(--color-bookmark-remove-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss index 1fe3dc167..8a0f521b0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark-remove/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark-remove { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-remove-24); - mask-image: var(--icon-bookmark-remove-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-remove-16); mask-image: var(--icon-bookmark-remove-16); + background-color: var(--icon-color, var(--color-bookmark-remove-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss index 18c81ddcb..9feef2b28 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bookmark/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bookmark { - 50% { - - background-color: var(--icon-color, var(--color-bookmark-500, currentColor)); - -webkit-mask-image: var(--icon-bookmark-24); - mask-image: var(--icon-bookmark-24); - } - 100% { - background-color: var(--icon-color, var(--color-bookmark-500, currentColor)); -webkit-mask-image: var(--icon-bookmark-16); mask-image: var(--icon-bookmark-16); + background-color: var(--icon-color, var(--color-bookmark-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss index d828bbfa3..3e30e862a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bottom/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bottom { - 50% { - - background-color: var(--icon-color, var(--color-bottom-500, currentColor)); - -webkit-mask-image: var(--icon-bottom-24); - mask-image: var(--icon-bottom-24); - } - 100% { - background-color: var(--icon-color, var(--color-bottom-500, currentColor)); -webkit-mask-image: var(--icon-bottom-16); mask-image: var(--icon-bottom-16); + background-color: var(--icon-color, var(--color-bottom-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss index 0a3df0391..f242bad61 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-boundary-color { - 50% { - background-image: var(--icon-boundary-color-24); - } - 100% { background-image: var(--icon-boundary-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss index aee814260..987fc7199 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/boundary/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-boundary { - 50% { - - background-color: var(--icon-color, var(--color-boundary-500, currentColor)); - -webkit-mask-image: var(--icon-boundary-color-24); - mask-image: var(--icon-boundary-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-boundary-500, currentColor)); -webkit-mask-image: var(--icon-boundary-color-16); mask-image: var(--icon-boundary-color-16); + background-color: var(--icon-color, var(--color-boundary-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss index f6fc4444e..e28b87826 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box-check-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-box-check-fill { - 50% { - - background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor)); - -webkit-mask-image: var(--icon-check-square-fill-24); - mask-image: var(--icon-check-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor)); -webkit-mask-image: var(--icon-check-square-fill-16); mask-image: var(--icon-check-square-fill-16); + background-color: var(--icon-color, var(--color-box-check-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss index 96e5c98cd..facb029bb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-box-outline { - 50% { - - background-color: var(--icon-color, var(--color-box-outline-500, currentColor)); - -webkit-mask-image: var(--icon-square-24); - mask-image: var(--icon-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-box-outline-500, currentColor)); -webkit-mask-image: var(--icon-square-16); mask-image: var(--icon-square-16); + background-color: var(--icon-color, var(--color-box-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss index d04e8bab2..f47c270ae 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/box/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-box { - 50% { - - background-color: var(--icon-color, var(--color-box-500, currentColor)); - -webkit-mask-image: var(--icon-box-24); - mask-image: var(--icon-box-24); - } - 100% { - background-color: var(--icon-color, var(--color-box-500, currentColor)); -webkit-mask-image: var(--icon-box-16); mask-image: var(--icon-box-16); + background-color: var(--icon-color, var(--color-box-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss index 48fdbcd88..cb5ce251e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/briefcase/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-briefcase { - 50% { - - background-color: var(--icon-color, var(--color-briefcase-500, currentColor)); - -webkit-mask-image: var(--icon-briefcase-24); - mask-image: var(--icon-briefcase-24); - } - 100% { - background-color: var(--icon-color, var(--color-briefcase-500, currentColor)); -webkit-mask-image: var(--icon-briefcase-16); mask-image: var(--icon-briefcase-16); + background-color: var(--icon-color, var(--color-briefcase-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss index ebd7347b0..dada076b8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/broadcast/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-broadcast { - 50% { - - background-color: var(--icon-color, var(--color-broadcast-500, currentColor)); - -webkit-mask-image: var(--icon-radio-24); - mask-image: var(--icon-radio-24); - } - 100% { - background-color: var(--icon-color, var(--color-broadcast-500, currentColor)); -webkit-mask-image: var(--icon-radio-16); mask-image: var(--icon-radio-16); + background-color: var(--icon-color, var(--color-broadcast-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss index 1aa1aa29d..25cf889f6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bug/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bug { - 50% { - - background-color: var(--icon-color, var(--color-bug-500, currentColor)); - -webkit-mask-image: var(--icon-bug-24); - mask-image: var(--icon-bug-24); - } - 100% { - background-color: var(--icon-color, var(--color-bug-500, currentColor)); -webkit-mask-image: var(--icon-bug-16); mask-image: var(--icon-bug-16); + background-color: var(--icon-color, var(--color-bug-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss index 4ec74640e..021394911 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/build/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-build { - 50% { - - background-color: var(--icon-color, var(--color-build-500, currentColor)); - -webkit-mask-image: var(--icon-build-24); - mask-image: var(--icon-build-24); - } - 100% { - background-color: var(--icon-color, var(--color-build-500, currentColor)); -webkit-mask-image: var(--icon-build-16); mask-image: var(--icon-build-16); + background-color: var(--icon-color, var(--color-build-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss index 512424d7c..07fd5ef41 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/bulb/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-bulb { - 50% { - - background-color: var(--icon-color, var(--color-bulb-500, currentColor)); - -webkit-mask-image: var(--icon-bulb-24); - mask-image: var(--icon-bulb-24); - } - 100% { - background-color: var(--icon-color, var(--color-bulb-500, currentColor)); -webkit-mask-image: var(--icon-bulb-16); mask-image: var(--icon-bulb-16); + background-color: var(--icon-color, var(--color-bulb-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss index 5010f320d..37e95247f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/calendar/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-calendar { - 50% { - - background-color: var(--icon-color, var(--color-calendar-500, currentColor)); - -webkit-mask-image: var(--icon-calendar-24); - mask-image: var(--icon-calendar-24); - } - 100% { - background-color: var(--icon-color, var(--color-calendar-500, currentColor)); -webkit-mask-image: var(--icon-calendar-16); mask-image: var(--icon-calendar-16); + background-color: var(--icon-color, var(--color-calendar-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss index 9357bae6b..bf76f9be0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/camera-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-camera-off { - 50% { - - background-color: var(--icon-color, var(--color-camera-off-500, currentColor)); - -webkit-mask-image: var(--icon-camera-off-24); - mask-image: var(--icon-camera-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-camera-off-500, currentColor)); -webkit-mask-image: var(--icon-camera-off-16); mask-image: var(--icon-camera-off-16); + background-color: var(--icon-color, var(--color-camera-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss index bcd19bab4..f39e90b52 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/camera/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-camera { - 50% { - - background-color: var(--icon-color, var(--color-camera-500, currentColor)); - -webkit-mask-image: var(--icon-camera-24); - mask-image: var(--icon-camera-24); - } - 100% { - background-color: var(--icon-color, var(--color-camera-500, currentColor)); -webkit-mask-image: var(--icon-camera-16); mask-image: var(--icon-camera-16); + background-color: var(--icon-color, var(--color-camera-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss index e3222eae5..b02d96873 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cancel-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-circle-fill-24); - mask-image: var(--icon-x-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-circle-fill-16); mask-image: var(--icon-x-circle-fill-16); + background-color: var(--icon-color, var(--color-cancel-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss index f9ca74897..e856c65a6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cancel-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-x-circle-24); - mask-image: var(--icon-x-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-x-circle-16); mask-image: var(--icon-x-circle-16); + background-color: var(--icon-color, var(--color-cancel-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss index 4366ef177..56d927483 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cancel-plain { - 50% { - - background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor)); - -webkit-mask-image: var(--icon-x-24); - mask-image: var(--icon-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor)); -webkit-mask-image: var(--icon-x-16); mask-image: var(--icon-x-16); + background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss index b116b2e4c..42c6c915c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cancel-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-square-fill-24); - mask-image: var(--icon-x-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-square-fill-16); mask-image: var(--icon-x-square-fill-16); + background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss index e118bb05c..b53fc5017 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cancel-square-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cancel-square-outline { - 50% { - - background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor)); - -webkit-mask-image: var(--icon-x-square-24); - mask-image: var(--icon-x-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor)); -webkit-mask-image: var(--icon-x-square-16); mask-image: var(--icon-x-square-16); + background-color: var(--icon-color, var(--color-cancel-square-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss index bbb7d2e04..dd2e14439 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-caret-down { - 50% { - - background-color: var(--icon-color, var(--color-caret-down-500, currentColor)); - -webkit-mask-image: var(--icon-caret-24); - mask-image: var(--icon-caret-24); - } - 100% { - background-color: var(--icon-color, var(--color-caret-down-500, currentColor)); -webkit-mask-image: var(--icon-caret-16); mask-image: var(--icon-caret-16); + background-color: var(--icon-color, var(--color-caret-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss index 3c6037661..389ce1848 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-caret-up { - 50% { - - background-color: var(--icon-color, var(--color-caret-up-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-up-24); - mask-image: var(--icon-chevron-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-caret-up-500, currentColor)); -webkit-mask-image: var(--icon-chevron-up-16); mask-image: var(--icon-chevron-up-16); + background-color: var(--icon-color, var(--color-caret-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss index 6947bbeb7..c7ef4694b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/caret/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-caret { - 50% { - - background-color: var(--icon-color, var(--color-caret-500, currentColor)); - -webkit-mask-image: var(--icon-caret-24); - mask-image: var(--icon-caret-24); - } - 100% { - background-color: var(--icon-color, var(--color-caret-500, currentColor)); -webkit-mask-image: var(--icon-caret-16); mask-image: var(--icon-caret-16); + background-color: var(--icon-color, var(--color-caret-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss index e4f49a630..bb449ae88 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cast/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cast { - 50% { - - background-color: var(--icon-color, var(--color-cast-500, currentColor)); - -webkit-mask-image: var(--icon-cast-24); - mask-image: var(--icon-cast-24); - } - 100% { - background-color: var(--icon-color, var(--color-cast-500, currentColor)); -webkit-mask-image: var(--icon-cast-16); mask-image: var(--icon-cast-16); + background-color: var(--icon-color, var(--color-cast-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss index 9cf189ebf..146762d4b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/certificate/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-certificate { - 50% { - - background-color: var(--icon-color, var(--color-certificate-500, currentColor)); - -webkit-mask-image: var(--icon-certificate-24); - mask-image: var(--icon-certificate-24); - } - 100% { - background-color: var(--icon-color, var(--color-certificate-500, currentColor)); -webkit-mask-image: var(--icon-certificate-16); mask-image: var(--icon-certificate-16); + background-color: var(--icon-color, var(--color-certificate-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss index e945a7a06..ee6b6afda 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-change-circle { - 50% { - - background-color: var(--icon-color, var(--color-change-circle-500, currentColor)); - -webkit-mask-image: var(--icon-change-circle-24); - mask-image: var(--icon-change-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-change-circle-500, currentColor)); -webkit-mask-image: var(--icon-change-circle-16); mask-image: var(--icon-change-circle-16); + background-color: var(--icon-color, var(--color-change-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss index d9a2d9b38..5df79c003 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-change-square { - 50% { - - background-color: var(--icon-color, var(--color-change-square-500, currentColor)); - -webkit-mask-image: var(--icon-change-square-24); - mask-image: var(--icon-change-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-change-square-500, currentColor)); -webkit-mask-image: var(--icon-change-square-16); mask-image: var(--icon-change-square-16); + background-color: var(--icon-color, var(--color-change-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss index e8fc7424e..248a47997 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/change/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-change { - 50% { - - background-color: var(--icon-color, var(--color-change-500, currentColor)); - -webkit-mask-image: var(--icon-change-24); - mask-image: var(--icon-change-24); - } - 100% { - background-color: var(--icon-color, var(--color-change-500, currentColor)); -webkit-mask-image: var(--icon-change-16); mask-image: var(--icon-change-16); + background-color: var(--icon-color, var(--color-change-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss index 85b864b77..ab490f344 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-check-circle-fill-24); - mask-image: var(--icon-check-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-check-circle-fill-16); mask-image: var(--icon-check-circle-fill-16); + background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss index f5c5ebb0b..480513274 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-check-circle-24); - mask-image: var(--icon-check-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-check-circle-16); mask-image: var(--icon-check-circle-16); + background-color: var(--icon-color, var(--color-check-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss index af175fb86..f25cb9ea8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-circle { - 50% { - - background-color: var(--icon-color, var(--color-check-circle-500, currentColor)); - -webkit-mask-image: var(--icon-check-circle-24); - mask-image: var(--icon-check-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-circle-500, currentColor)); -webkit-mask-image: var(--icon-check-circle-16); mask-image: var(--icon-check-circle-16); + background-color: var(--icon-color, var(--color-check-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss index 331a70f52..85d2c25bf 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-diamond-fill { - 50% { - - background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor)); - -webkit-mask-image: var(--icon-check-diamond-fill-24); - mask-image: var(--icon-check-diamond-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor)); -webkit-mask-image: var(--icon-check-diamond-fill-16); mask-image: var(--icon-check-diamond-fill-16); + background-color: var(--icon-color, var(--color-check-diamond-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss index 58ae52d09..02ec619ab 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-diamond/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-diamond { - 50% { - - background-color: var(--icon-color, var(--color-check-diamond-500, currentColor)); - -webkit-mask-image: var(--icon-check-diamond-24); - mask-image: var(--icon-check-diamond-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-diamond-500, currentColor)); -webkit-mask-image: var(--icon-check-diamond-16); mask-image: var(--icon-check-diamond-16); + background-color: var(--icon-color, var(--color-check-diamond-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss index 9619cd23f..59b019b6a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-hexagon-fill { - 50% { - - background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor)); - -webkit-mask-image: var(--icon-check-hexagon-fill-24); - mask-image: var(--icon-check-hexagon-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor)); -webkit-mask-image: var(--icon-check-hexagon-fill-16); mask-image: var(--icon-check-hexagon-fill-16); + background-color: var(--icon-color, var(--color-check-hexagon-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss index 7dc94f90e..b185820c0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-hexagon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-hexagon { - 50% { - - background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor)); - -webkit-mask-image: var(--icon-check-hexagon-24); - mask-image: var(--icon-check-hexagon-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor)); -webkit-mask-image: var(--icon-check-hexagon-16); mask-image: var(--icon-check-hexagon-16); + background-color: var(--icon-color, var(--color-check-hexagon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss index 6eadecba0..c010e2e24 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-plain { - 50% { - - background-color: var(--icon-color, var(--color-check-plain-500, currentColor)); - -webkit-mask-image: var(--icon-check-24); - mask-image: var(--icon-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-plain-500, currentColor)); -webkit-mask-image: var(--icon-check-16); mask-image: var(--icon-check-16); + background-color: var(--icon-color, var(--color-check-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss index 331d6b71a..1dd89d232 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-check-square-fill-24); - mask-image: var(--icon-check-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-check-square-fill-16); mask-image: var(--icon-check-square-fill-16); + background-color: var(--icon-color, var(--color-check-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss index 503b670b1..bad3d1a0e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check-square { - 50% { - - background-color: var(--icon-color, var(--color-check-square-500, currentColor)); - -webkit-mask-image: var(--icon-check-square-24); - mask-image: var(--icon-check-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-square-500, currentColor)); -webkit-mask-image: var(--icon-check-square-16); mask-image: var(--icon-check-square-16); + background-color: var(--icon-color, var(--color-check-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss index 79b865833..9eb16f22b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/check/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-check { - 50% { - - background-color: var(--icon-color, var(--color-check-500, currentColor)); - -webkit-mask-image: var(--icon-check-24); - mask-image: var(--icon-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-check-500, currentColor)); -webkit-mask-image: var(--icon-check-16); mask-image: var(--icon-check-16); + background-color: var(--icon-color, var(--color-check-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js deleted file mode 100644 index 3f3c16e19..000000000 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/index.css.js +++ /dev/null @@ -1,16 +0,0 @@ -export default css => css ` -@keyframes icon-chevron-down { - 50% { - - background-color: var(--icon-color, var(--color-chevron-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-down-24); - mask-image: var(--icon-chevron-down-24); - } - - 100% { - - background-color: var(--icon-color, var(--color-chevron-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-down-16); - mask-image: var(--icon-chevron-down-16); - } -}`; diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss index df9e8ae2f..45a9df147 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevron-down { - 50% { - - background-color: var(--icon-color, var(--color-chevron-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-down-24); - mask-image: var(--icon-chevron-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevron-down-500, currentColor)); -webkit-mask-image: var(--icon-chevron-down-16); mask-image: var(--icon-chevron-down-16); + background-color: var(--icon-color, var(--color-chevron-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss index d5686975a..d3c5ef1d7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevron-left { - 50% { - - background-color: var(--icon-color, var(--color-chevron-left-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-left-24); - mask-image: var(--icon-chevron-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevron-left-500, currentColor)); -webkit-mask-image: var(--icon-chevron-left-16); mask-image: var(--icon-chevron-left-16); + background-color: var(--icon-color, var(--color-chevron-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss index df56988d0..3394595de 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevron-right { - 50% { - - background-color: var(--icon-color, var(--color-chevron-right-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-right-24); - mask-image: var(--icon-chevron-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevron-right-500, currentColor)); -webkit-mask-image: var(--icon-chevron-right-16); mask-image: var(--icon-chevron-right-16); + background-color: var(--icon-color, var(--color-chevron-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js deleted file mode 100644 index 8d854af7d..000000000 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/index.css.js +++ /dev/null @@ -1,16 +0,0 @@ -export default css => css ` -@keyframes icon-chevron-up { - 50% { - - background-color: var(--icon-color, var(--color-chevron-up-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-up-24); - mask-image: var(--icon-chevron-up-24); - } - - 100% { - - background-color: var(--icon-color, var(--color-chevron-up-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-up-16); - mask-image: var(--icon-chevron-up-16); - } -}`; diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss index 87b67ffb5..a8c38f63f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevron-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevron-up { - 50% { - - background-color: var(--icon-color, var(--color-chevron-up-500, currentColor)); - -webkit-mask-image: var(--icon-chevron-up-24); - mask-image: var(--icon-chevron-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevron-up-500, currentColor)); -webkit-mask-image: var(--icon-chevron-up-16); mask-image: var(--icon-chevron-up-16); + background-color: var(--icon-color, var(--color-chevron-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js deleted file mode 100644 index 256442d86..000000000 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/index.css.js +++ /dev/null @@ -1,17 +0,0 @@ -export default css => css ` -@keyframes icon-chevrons-down { - 50% { - - background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-down-24); - mask-image: var(--icon-chevrons-down-24); - } - - 100% { - - background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-down-16); - mask-image: var(--icon-chevrons-down-16); - } -} -`; diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss index b8deda951..23e30ae6a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevrons-down { - 50% { - - background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-down-24); - mask-image: var(--icon-chevrons-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor)); -webkit-mask-image: var(--icon-chevrons-down-16); mask-image: var(--icon-chevrons-down-16); + background-color: var(--icon-color, var(--color-chevrons-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss index 0194f191c..99012f19a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevrons-left { - 50% { - - background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-left-24); - mask-image: var(--icon-chevrons-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor)); -webkit-mask-image: var(--icon-chevrons-left-16); mask-image: var(--icon-chevrons-left-16); + background-color: var(--icon-color, var(--color-chevrons-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss index a8b8f1fdf..f11a3ab2d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevrons-right { - 50% { - - background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-right-24); - mask-image: var(--icon-chevrons-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor)); -webkit-mask-image: var(--icon-chevrons-right-16); mask-image: var(--icon-chevrons-right-16); + background-color: var(--icon-color, var(--color-chevrons-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss index c0e4e4390..21ede55b1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/chevrons-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-chevrons-up { - 50% { - - background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor)); - -webkit-mask-image: var(--icon-chevrons-up-24); - mask-image: var(--icon-chevrons-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor)); -webkit-mask-image: var(--icon-chevrons-up-16); mask-image: var(--icon-chevrons-up-16); + background-color: var(--icon-color, var(--color-chevrons-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss index 372fb2587..86ecbe6f9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-dot/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-circle-dot { - 50% { - - background-color: var(--icon-color, var(--color-circle-dot-500, currentColor)); - -webkit-mask-image: var(--icon-circle-dot-24); - mask-image: var(--icon-circle-dot-24); - } - 100% { - background-color: var(--icon-color, var(--color-circle-dot-500, currentColor)); -webkit-mask-image: var(--icon-circle-dot-16); mask-image: var(--icon-circle-dot-16); + background-color: var(--icon-color, var(--color-circle-dot-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss index b2fdda966..81c9eddcd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-circle-fill-24); - mask-image: var(--icon-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-circle-fill-16); mask-image: var(--icon-circle-fill-16); + background-color: var(--icon-color, var(--color-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss index dad412d21..312f951d0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle-half/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-circle-half { - 50% { - - background-color: var(--icon-color, var(--color-circle-half-500, currentColor)); - -webkit-mask-image: var(--icon-circle-half-24); - mask-image: var(--icon-circle-half-24); - } - 100% { - background-color: var(--icon-color, var(--color-circle-half-500, currentColor)); -webkit-mask-image: var(--icon-circle-half-16); mask-image: var(--icon-circle-half-16); + background-color: var(--icon-color, var(--color-circle-half-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss index d1236d44c..6ce52581f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-circle { - 50% { - - background-color: var(--icon-color, var(--color-circle-500, currentColor)); - -webkit-mask-image: var(--icon-circle-24); - mask-image: var(--icon-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-circle-500, currentColor)); -webkit-mask-image: var(--icon-circle-16); mask-image: var(--icon-circle-16); + background-color: var(--icon-color, var(--color-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss index e48f089ca..e0333e45f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-checked/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clipboard-checked { - 50% { - - background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor)); - -webkit-mask-image: var(--icon-clipboard-checked-24); - mask-image: var(--icon-clipboard-checked-24); - } - 100% { - background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor)); -webkit-mask-image: var(--icon-clipboard-checked-16); mask-image: var(--icon-clipboard-checked-16); + background-color: var(--icon-color, var(--color-clipboard-checked-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss index cbfb31a87..489a484d5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard-copy/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clipboard-copy { - 50% { - - background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor)); - -webkit-mask-image: var(--icon-clipboard-copy-24); - mask-image: var(--icon-clipboard-copy-24); - } - 100% { - background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor)); -webkit-mask-image: var(--icon-clipboard-copy-16); mask-image: var(--icon-clipboard-copy-16); + background-color: var(--icon-color, var(--color-clipboard-copy-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss index e29c31ca8..bb7a6ed26 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clipboard/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clipboard { - 50% { - - background-color: var(--icon-color, var(--color-clipboard-500, currentColor)); - -webkit-mask-image: var(--icon-clipboard-24); - mask-image: var(--icon-clipboard-24); - } - 100% { - background-color: var(--icon-color, var(--color-clipboard-500, currentColor)); -webkit-mask-image: var(--icon-clipboard-16); mask-image: var(--icon-clipboard-16); + background-color: var(--icon-color, var(--color-clipboard-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss index a048178a6..c785da5ae 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clock-fill { - 50% { - - background-color: var(--icon-color, var(--color-clock-fill-500, currentColor)); - -webkit-mask-image: var(--icon-clock-24); - mask-image: var(--icon-clock-24); - } - 100% { - background-color: var(--icon-color, var(--color-clock-fill-500, currentColor)); -webkit-mask-image: var(--icon-clock-16); mask-image: var(--icon-clock-16); + background-color: var(--icon-color, var(--color-clock-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss index f89534520..8966bc01d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clock-outline { - 50% { - - background-color: var(--icon-color, var(--color-clock-outline-500, currentColor)); - -webkit-mask-image: var(--icon-clock-24); - mask-image: var(--icon-clock-24); - } - 100% { - background-color: var(--icon-color, var(--color-clock-outline-500, currentColor)); -webkit-mask-image: var(--icon-clock-16); mask-image: var(--icon-clock-16); + background-color: var(--icon-color, var(--color-clock-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss index b62926d8b..1855764ee 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/clock/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-clock { - 50% { - - background-color: var(--icon-color, var(--color-clock-500, currentColor)); - -webkit-mask-image: var(--icon-clock-24); - mask-image: var(--icon-clock-24); - } - 100% { - background-color: var(--icon-color, var(--color-clock-500, currentColor)); -webkit-mask-image: var(--icon-clock-16); mask-image: var(--icon-clock-16); + background-color: var(--icon-color, var(--color-clock-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss index 3eedfceaa..4ada7ec5a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-check/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-check { - 50% { - - background-color: var(--icon-color, var(--color-cloud-check-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-check-24); - mask-image: var(--icon-cloud-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-check-500, currentColor)); -webkit-mask-image: var(--icon-cloud-check-16); mask-image: var(--icon-cloud-check-16); + background-color: var(--icon-color, var(--color-cloud-check-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss index f94b62d18..8ade0d5cd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-cross/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-cross { - 50% { - - background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-cross-24); - mask-image: var(--icon-cloud-cross-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor)); -webkit-mask-image: var(--icon-cloud-cross-16); mask-image: var(--icon-cloud-cross-16); + background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss index 7da7593c1..b70b4a53d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-download/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-download { - 50% { - - background-color: var(--icon-color, var(--color-cloud-download-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-download-24); - mask-image: var(--icon-cloud-download-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-download-500, currentColor)); -webkit-mask-image: var(--icon-cloud-download-16); mask-image: var(--icon-cloud-download-16); + background-color: var(--icon-color, var(--color-cloud-download-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss index 231acb692..a4a7f3fd1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lightning/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-lightning { - 50% { - - background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-lightning-24); - mask-image: var(--icon-cloud-lightning-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor)); -webkit-mask-image: var(--icon-cloud-lightning-16); mask-image: var(--icon-cloud-lightning-16); + background-color: var(--icon-color, var(--color-cloud-lightning-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss index 8ef5c09d8..42e7c89ea 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-lock/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-lock { - 50% { - - background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-lock-24); - mask-image: var(--icon-cloud-lock-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor)); -webkit-mask-image: var(--icon-cloud-lock-16); mask-image: var(--icon-cloud-lock-16); + background-color: var(--icon-color, var(--color-cloud-lock-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss index 799a91849..61af81457 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-off { - 50% { - - background-color: var(--icon-color, var(--color-cloud-off-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-off-24); - mask-image: var(--icon-cloud-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-off-500, currentColor)); -webkit-mask-image: var(--icon-cloud-off-16); mask-image: var(--icon-cloud-off-16); + background-color: var(--icon-color, var(--color-cloud-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss index 630c50892..bc61ad1da 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-upload/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-upload { - 50% { - - background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-upload-24); - mask-image: var(--icon-cloud-upload-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor)); -webkit-mask-image: var(--icon-cloud-upload-16); mask-image: var(--icon-cloud-upload-16); + background-color: var(--icon-color, var(--color-cloud-upload-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss index 7801790e4..03d72d01c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud-x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud-x { - 50% { - - background-color: var(--icon-color, var(--color-cloud-x-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-x-24); - mask-image: var(--icon-cloud-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-x-500, currentColor)); -webkit-mask-image: var(--icon-cloud-x-16); mask-image: var(--icon-cloud-x-16); + background-color: var(--icon-color, var(--color-cloud-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss index fc3d17076..275596398 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cloud/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cloud { - 50% { - - background-color: var(--icon-color, var(--color-cloud-500, currentColor)); - -webkit-mask-image: var(--icon-cloud-24); - mask-image: var(--icon-cloud-24); - } - 100% { - background-color: var(--icon-color, var(--color-cloud-500, currentColor)); -webkit-mask-image: var(--icon-cloud-16); mask-image: var(--icon-cloud-16); + background-color: var(--icon-color, var(--color-cloud-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss index 8493d50db..dba4dc4d6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/code/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-code { - 50% { - - background-color: var(--icon-color, var(--color-code-500, currentColor)); - -webkit-mask-image: var(--icon-code-24); - mask-image: var(--icon-code-24); - } - 100% { - background-color: var(--icon-color, var(--color-code-500, currentColor)); -webkit-mask-image: var(--icon-code-16); mask-image: var(--icon-code-16); + background-color: var(--icon-color, var(--color-code-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss index dd15ca3c5..1ab133fda 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-codepen-color { - 50% { - background-image: var(--icon-codepen-color-24); - } - 100% { background-image: var(--icon-codepen-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss index d8de8ecbc..ccd5bee19 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/codepen/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-codepen { - 50% { - - background-color: var(--icon-color, var(--color-codepen-500, currentColor)); - -webkit-mask-image: var(--icon-codepen-color-24); - mask-image: var(--icon-codepen-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-codepen-500, currentColor)); -webkit-mask-image: var(--icon-codepen-color-16); mask-image: var(--icon-codepen-color-16); + background-color: var(--icon-color, var(--color-codepen-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss index 8dd1aadc6..bb79a8c79 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/collections/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-collections { - 50% { - - background-color: var(--icon-color, var(--color-collections-500, currentColor)); - -webkit-mask-image: var(--icon-collections-24); - mask-image: var(--icon-collections-24); - } - 100% { - background-color: var(--icon-color, var(--color-collections-500, currentColor)); -webkit-mask-image: var(--icon-collections-16); mask-image: var(--icon-collections-16); + background-color: var(--icon-color, var(--color-collections-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss index 9fdfbd322..06954d60f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/command/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-command { - 50% { - - background-color: var(--icon-color, var(--color-command-500, currentColor)); - -webkit-mask-image: var(--icon-command-24); - mask-image: var(--icon-command-24); - } - 100% { - background-color: var(--icon-color, var(--color-command-500, currentColor)); -webkit-mask-image: var(--icon-command-16); mask-image: var(--icon-command-16); + background-color: var(--icon-color, var(--color-command-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss index 4f657bb91..bc1a22891 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/compass/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-compass { - 50% { - - background-color: var(--icon-color, var(--color-compass-500, currentColor)); - -webkit-mask-image: var(--icon-compass-24); - mask-image: var(--icon-compass-24); - } - 100% { - background-color: var(--icon-color, var(--color-compass-500, currentColor)); -webkit-mask-image: var(--icon-compass-16); mask-image: var(--icon-compass-16); + background-color: var(--icon-color, var(--color-compass-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss index 479495f0a..68dc821aa 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/connection-gateway/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-connection-gateway { - 50% { - - background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor)); - -webkit-mask-image: var(--icon-connection-gateway-24); - mask-image: var(--icon-connection-gateway-24); - } - 100% { - background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor)); -webkit-mask-image: var(--icon-connection-gateway-16); mask-image: var(--icon-connection-gateway-16); + background-color: var(--icon-color, var(--color-connection-gateway-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss index d3f102f83..765517630 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/connection/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-connection { - 50% { - - background-color: var(--icon-color, var(--color-connection-500, currentColor)); - -webkit-mask-image: var(--icon-connection-24); - mask-image: var(--icon-connection-24); - } - 100% { - background-color: var(--icon-color, var(--color-connection-500, currentColor)); -webkit-mask-image: var(--icon-connection-16); mask-image: var(--icon-connection-16); + background-color: var(--icon-color, var(--color-connection-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss index a246e64bb..b5a0c52fe 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/console/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-console { - 50% { - - background-color: var(--icon-color, var(--color-console-500, currentColor)); - -webkit-mask-image: var(--icon-terminal-24); - mask-image: var(--icon-terminal-24); - } - 100% { - background-color: var(--icon-color, var(--color-console-500, currentColor)); -webkit-mask-image: var(--icon-terminal-16); mask-image: var(--icon-terminal-16); + background-color: var(--icon-color, var(--color-console-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss index 758184922..fe3b23ad8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/consul-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-consul-color { - 50% { - background-image: var(--icon-consul-color-24); - } - 100% { background-image: var(--icon-consul-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss index e67c60042..0e0c6d4d4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/consul/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-consul { - 50% { - - background-color: var(--icon-color, var(--color-consul-500, currentColor)); - -webkit-mask-image: var(--icon-consul-color-24); - mask-image: var(--icon-consul-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-consul-500, currentColor)); -webkit-mask-image: var(--icon-consul-color-16); mask-image: var(--icon-consul-color-16); + background-color: var(--icon-color, var(--color-consul-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss index f89196c18..711bd7210 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-action/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-copy-action { - 50% { - - background-color: var(--icon-color, var(--color-copy-action-500, currentColor)); - -webkit-mask-image: var(--icon-clipboard-copy-24); - mask-image: var(--icon-clipboard-copy-24); - } - 100% { - background-color: var(--icon-color, var(--color-copy-action-500, currentColor)); -webkit-mask-image: var(--icon-clipboard-copy-16); mask-image: var(--icon-clipboard-copy-16); + background-color: var(--icon-color, var(--color-copy-action-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss index cf6054822..a795809f8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/copy-success/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-copy-success { - 50% { - - background-color: var(--icon-color, var(--color-copy-success-500, currentColor)); - -webkit-mask-image: var(--icon-clipboard-checked-24); - mask-image: var(--icon-clipboard-checked-24); - } - 100% { - background-color: var(--icon-color, var(--color-copy-success-500, currentColor)); -webkit-mask-image: var(--icon-clipboard-checked-16); mask-image: var(--icon-clipboard-checked-16); + background-color: var(--icon-color, var(--color-copy-success-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss index ac1c63125..708803a1f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-down-left { - 50% { - - background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor)); - -webkit-mask-image: var(--icon-corner-down-left-24); - mask-image: var(--icon-corner-down-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor)); -webkit-mask-image: var(--icon-corner-down-left-16); mask-image: var(--icon-corner-down-left-16); + background-color: var(--icon-color, var(--color-corner-down-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss index c10c6d901..4019385a5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-down-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-down-right { - 50% { - - background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor)); - -webkit-mask-image: var(--icon-corner-down-right-24); - mask-image: var(--icon-corner-down-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor)); -webkit-mask-image: var(--icon-corner-down-right-16); mask-image: var(--icon-corner-down-right-16); + background-color: var(--icon-color, var(--color-corner-down-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss index 7accdb92c..eeef5bf47 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-left-down { - 50% { - - background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor)); - -webkit-mask-image: var(--icon-corner-left-down-24); - mask-image: var(--icon-corner-left-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor)); -webkit-mask-image: var(--icon-corner-left-down-16); mask-image: var(--icon-corner-left-down-16); + background-color: var(--icon-color, var(--color-corner-left-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss index 6cb0b78a6..992e5786a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-left-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-left-up { - 50% { - - background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor)); - -webkit-mask-image: var(--icon-corner-left-up-24); - mask-image: var(--icon-corner-left-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor)); -webkit-mask-image: var(--icon-corner-left-up-16); mask-image: var(--icon-corner-left-up-16); + background-color: var(--icon-color, var(--color-corner-left-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss index c84808804..84c7d8ffa 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-right-down { - 50% { - - background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor)); - -webkit-mask-image: var(--icon-corner-right-down-24); - mask-image: var(--icon-corner-right-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor)); -webkit-mask-image: var(--icon-corner-right-down-16); mask-image: var(--icon-corner-right-down-16); + background-color: var(--icon-color, var(--color-corner-right-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss index a6cf11793..6aae59911 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-right-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-right-up { - 50% { - - background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor)); - -webkit-mask-image: var(--icon-corner-right-up-24); - mask-image: var(--icon-corner-right-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor)); -webkit-mask-image: var(--icon-corner-right-up-16); mask-image: var(--icon-corner-right-up-16); + background-color: var(--icon-color, var(--color-corner-right-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss index edde3e549..02878c151 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-up-left { - 50% { - - background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor)); - -webkit-mask-image: var(--icon-corner-up-left-24); - mask-image: var(--icon-corner-up-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor)); -webkit-mask-image: var(--icon-corner-up-left-16); mask-image: var(--icon-corner-up-left-16); + background-color: var(--icon-color, var(--color-corner-up-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss index c8ee6d88d..c9794d182 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/corner-up-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-corner-up-right { - 50% { - - background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor)); - -webkit-mask-image: var(--icon-corner-up-right-24); - mask-image: var(--icon-corner-up-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor)); -webkit-mask-image: var(--icon-corner-up-right-16); mask-image: var(--icon-corner-up-right-16); + background-color: var(--icon-color, var(--color-corner-up-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss index af2ffefdd..4ff6e5389 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/cpu/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-cpu { - 50% { - - background-color: var(--icon-color, var(--color-cpu-500, currentColor)); - -webkit-mask-image: var(--icon-cpu-24); - mask-image: var(--icon-cpu-24); - } - 100% { - background-color: var(--icon-color, var(--color-cpu-500, currentColor)); -webkit-mask-image: var(--icon-cpu-16); mask-image: var(--icon-cpu-16); + background-color: var(--icon-color, var(--color-cpu-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss index c6a4e3a30..8c9160400 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/credit-card/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-credit-card { - 50% { - - background-color: var(--icon-color, var(--color-credit-card-500, currentColor)); - -webkit-mask-image: var(--icon-credit-card-24); - mask-image: var(--icon-credit-card-24); - } - 100% { - background-color: var(--icon-color, var(--color-credit-card-500, currentColor)); -webkit-mask-image: var(--icon-credit-card-16); mask-image: var(--icon-credit-card-16); + background-color: var(--icon-color, var(--color-credit-card-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss index fb62f3807..2c18040dc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/crop/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-crop { - 50% { - - background-color: var(--icon-color, var(--color-crop-500, currentColor)); - -webkit-mask-image: var(--icon-crop-24); - mask-image: var(--icon-crop-24); - } - 100% { - background-color: var(--icon-color, var(--color-crop-500, currentColor)); -webkit-mask-image: var(--icon-crop-16); mask-image: var(--icon-crop-16); + background-color: var(--icon-color, var(--color-crop-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss index 26d7eebf4..7800c9ccd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/crosshair/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-crosshair { - 50% { - - background-color: var(--icon-color, var(--color-crosshair-500, currentColor)); - -webkit-mask-image: var(--icon-crosshair-24); - mask-image: var(--icon-crosshair-24); - } - 100% { - background-color: var(--icon-color, var(--color-crosshair-500, currentColor)); -webkit-mask-image: var(--icon-crosshair-16); mask-image: var(--icon-crosshair-16); + background-color: var(--icon-color, var(--color-crosshair-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss index 63aebfe8e..a5d6e9bc4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dashboard/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-dashboard { - 50% { - - background-color: var(--icon-color, var(--color-dashboard-500, currentColor)); - -webkit-mask-image: var(--icon-dashboard-24); - mask-image: var(--icon-dashboard-24); - } - 100% { - background-color: var(--icon-color, var(--color-dashboard-500, currentColor)); -webkit-mask-image: var(--icon-dashboard-16); mask-image: var(--icon-dashboard-16); + background-color: var(--icon-color, var(--color-dashboard-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss index 67417f2e3..b6e7290a3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/database/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-database { - 50% { - - background-color: var(--icon-color, var(--color-database-500, currentColor)); - -webkit-mask-image: var(--icon-database-24); - mask-image: var(--icon-database-24); - } - 100% { - background-color: var(--icon-color, var(--color-database-500, currentColor)); -webkit-mask-image: var(--icon-database-16); mask-image: var(--icon-database-16); + background-color: var(--icon-color, var(--color-database-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss index 13c1fef92..6b66b7f44 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/delay/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-delay { - 50% { - - background-color: var(--icon-color, var(--color-delay-500, currentColor)); - -webkit-mask-image: var(--icon-delay-24); - mask-image: var(--icon-delay-24); - } - 100% { - background-color: var(--icon-color, var(--color-delay-500, currentColor)); -webkit-mask-image: var(--icon-delay-16); mask-image: var(--icon-delay-16); + background-color: var(--icon-color, var(--color-delay-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss index edf768bdd..864bbdf2d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/delete/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-delete { - 50% { - - background-color: var(--icon-color, var(--color-delete-500, currentColor)); - -webkit-mask-image: var(--icon-delete-24); - mask-image: var(--icon-delete-24); - } - 100% { - background-color: var(--icon-color, var(--color-delete-500, currentColor)); -webkit-mask-image: var(--icon-delete-16); mask-image: var(--icon-delete-16); + background-color: var(--icon-color, var(--color-delete-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss index 82b82d66b..862dac4b0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-deny-alt { - 50% { - - background-color: var(--icon-color, var(--color-deny-alt-500, currentColor)); - -webkit-mask-image: var(--icon-skip-24); - mask-image: var(--icon-skip-24); - } - 100% { - background-color: var(--icon-color, var(--color-deny-alt-500, currentColor)); -webkit-mask-image: var(--icon-skip-16); mask-image: var(--icon-skip-16); + background-color: var(--icon-color, var(--color-deny-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss index 3ef5c7efe..44abc05a6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-deny-color { - 50% { - background-image: var(--icon-deny-color-24); - } - 100% { background-image: var(--icon-deny-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss index fbaf62867..4eb07b47d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/deny-default/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-deny-default { - 50% { - - background-color: var(--icon-color, var(--color-deny-default-500, currentColor)); - -webkit-mask-image: var(--icon-skip-24); - mask-image: var(--icon-skip-24); - } - 100% { - background-color: var(--icon-color, var(--color-deny-default-500, currentColor)); -webkit-mask-image: var(--icon-skip-16); mask-image: var(--icon-skip-16); + background-color: var(--icon-color, var(--color-deny-default-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss index 0a7603c36..a191e1040 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-diamond-fill { - 50% { - - background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor)); - -webkit-mask-image: var(--icon-diamond-fill-24); - mask-image: var(--icon-diamond-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor)); -webkit-mask-image: var(--icon-diamond-fill-16); mask-image: var(--icon-diamond-fill-16); + background-color: var(--icon-color, var(--color-diamond-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss index 96d5d743e..8ae5e39d7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/diamond/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-diamond { - 50% { - - background-color: var(--icon-color, var(--color-diamond-500, currentColor)); - -webkit-mask-image: var(--icon-diamond-24); - mask-image: var(--icon-diamond-24); - } - 100% { - background-color: var(--icon-color, var(--color-diamond-500, currentColor)); -webkit-mask-image: var(--icon-diamond-16); mask-image: var(--icon-diamond-16); + background-color: var(--icon-color, var(--color-diamond-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss index 1eaec05f1..615f61cf6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/disabled/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-disabled { - 50% { - - background-color: var(--icon-color, var(--color-disabled-500, currentColor)); - -webkit-mask-image: var(--icon-skip-24); - mask-image: var(--icon-skip-24); - } - 100% { - background-color: var(--icon-color, var(--color-disabled-500, currentColor)); -webkit-mask-image: var(--icon-skip-16); mask-image: var(--icon-skip-16); + background-color: var(--icon-color, var(--color-disabled-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss index a9dad30bd..a9f127085 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/disc/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-disc { - 50% { - - background-color: var(--icon-color, var(--color-disc-500, currentColor)); - -webkit-mask-image: var(--icon-disc-24); - mask-image: var(--icon-disc-24); - } - 100% { - background-color: var(--icon-color, var(--color-disc-500, currentColor)); -webkit-mask-image: var(--icon-disc-16); mask-image: var(--icon-disc-16); + background-color: var(--icon-color, var(--color-disc-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss index c46d20efa..6bd4165b0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-discussion-circle { - 50% { - - background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor)); - -webkit-mask-image: var(--icon-discussion-circle-24); - mask-image: var(--icon-discussion-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor)); -webkit-mask-image: var(--icon-discussion-circle-16); mask-image: var(--icon-discussion-circle-16); + background-color: var(--icon-color, var(--color-discussion-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss index 1933614c3..c191c0f19 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/discussion-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-discussion-square { - 50% { - - background-color: var(--icon-color, var(--color-discussion-square-500, currentColor)); - -webkit-mask-image: var(--icon-discussion-square-24); - mask-image: var(--icon-discussion-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-discussion-square-500, currentColor)); -webkit-mask-image: var(--icon-discussion-square-16); mask-image: var(--icon-discussion-square-16); + background-color: var(--icon-color, var(--color-discussion-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss index 727a2e153..eed414d39 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docker-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-docker-color { - 50% { - background-image: var(--icon-docker-color-24); - } - 100% { background-image: var(--icon-docker-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss index 4f08dc7a0..f2296adbd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docker/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-docker { - 50% { - - background-color: var(--icon-color, var(--color-docker-500, currentColor)); - -webkit-mask-image: var(--icon-docker-color-24); - mask-image: var(--icon-docker-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-docker-500, currentColor)); -webkit-mask-image: var(--icon-docker-color-16); mask-image: var(--icon-docker-color-16); + background-color: var(--icon-color, var(--color-docker-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss index 7908ba367..11e39ebe4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-download/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-docs-download { - 50% { - - background-color: var(--icon-color, var(--color-docs-download-500, currentColor)); - -webkit-mask-image: var(--icon-docs-download-24); - mask-image: var(--icon-docs-download-24); - } - 100% { - background-color: var(--icon-color, var(--color-docs-download-500, currentColor)); -webkit-mask-image: var(--icon-docs-download-16); mask-image: var(--icon-docs-download-16); + background-color: var(--icon-color, var(--color-docs-download-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss index c1148d126..0a9f7a209 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs-link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-docs-link { - 50% { - - background-color: var(--icon-color, var(--color-docs-link-500, currentColor)); - -webkit-mask-image: var(--icon-docs-link-24); - mask-image: var(--icon-docs-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-docs-link-500, currentColor)); -webkit-mask-image: var(--icon-docs-link-16); mask-image: var(--icon-docs-link-16); + background-color: var(--icon-color, var(--color-docs-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss index fb668431e..121ace224 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/docs/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-docs { - 50% { - - background-color: var(--icon-color, var(--color-docs-500, currentColor)); - -webkit-mask-image: var(--icon-docs-24); - mask-image: var(--icon-docs-24); - } - 100% { - background-color: var(--icon-color, var(--color-docs-500, currentColor)); -webkit-mask-image: var(--icon-docs-16); mask-image: var(--icon-docs-16); + background-color: var(--icon-color, var(--color-docs-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss index eb01fd337..711ab5fd1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dollar-sign/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-dollar-sign { - 50% { - - background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor)); - -webkit-mask-image: var(--icon-dollar-sign-24); - mask-image: var(--icon-dollar-sign-24); - } - 100% { - background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor)); -webkit-mask-image: var(--icon-dollar-sign-16); mask-image: var(--icon-dollar-sign-16); + background-color: var(--icon-color, var(--color-dollar-sign-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss index 26f3f0d25..0b2e94831 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dot-half/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-dot-half { - 50% { - - background-color: var(--icon-color, var(--color-dot-half-500, currentColor)); - -webkit-mask-image: var(--icon-dot-half-24); - mask-image: var(--icon-dot-half-24); - } - 100% { - background-color: var(--icon-color, var(--color-dot-half-500, currentColor)); -webkit-mask-image: var(--icon-dot-half-16); mask-image: var(--icon-dot-half-16); + background-color: var(--icon-color, var(--color-dot-half-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss index be9a570c5..619a523d8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/dot/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-dot { - 50% { - - background-color: var(--icon-color, var(--color-dot-500, currentColor)); - -webkit-mask-image: var(--icon-dot-24); - mask-image: var(--icon-dot-24); - } - 100% { - background-color: var(--icon-color, var(--color-dot-500, currentColor)); -webkit-mask-image: var(--icon-dot-16); mask-image: var(--icon-dot-16); + background-color: var(--icon-color, var(--color-dot-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss index b70ec434a..f3bd792ec 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/download/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-download { - 50% { - - background-color: var(--icon-color, var(--color-download-500, currentColor)); - -webkit-mask-image: var(--icon-download-24); - mask-image: var(--icon-download-24); - } - 100% { - background-color: var(--icon-color, var(--color-download-500, currentColor)); -webkit-mask-image: var(--icon-download-16); mask-image: var(--icon-download-16); + background-color: var(--icon-color, var(--color-download-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss index 29865aae6..b86de1503 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/droplet/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-droplet { - 50% { - - background-color: var(--icon-color, var(--color-droplet-500, currentColor)); - -webkit-mask-image: var(--icon-droplet-24); - mask-image: var(--icon-droplet-24); - } - 100% { - background-color: var(--icon-color, var(--color-droplet-500, currentColor)); -webkit-mask-image: var(--icon-droplet-16); mask-image: var(--icon-droplet-16); + background-color: var(--icon-color, var(--color-droplet-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss index 5582dd862..0b997f91f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/duplicate/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-duplicate { - 50% { - - background-color: var(--icon-color, var(--color-duplicate-500, currentColor)); - -webkit-mask-image: var(--icon-duplicate-24); - mask-image: var(--icon-duplicate-24); - } - 100% { - background-color: var(--icon-color, var(--color-duplicate-500, currentColor)); -webkit-mask-image: var(--icon-duplicate-16); mask-image: var(--icon-duplicate-16); + background-color: var(--icon-color, var(--color-duplicate-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss index d35b804e4..9657eb631 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/edit/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-edit { - 50% { - - background-color: var(--icon-color, var(--color-edit-500, currentColor)); - -webkit-mask-image: var(--icon-edit-24); - mask-image: var(--icon-edit-24); - } - 100% { - background-color: var(--icon-color, var(--color-edit-500, currentColor)); -webkit-mask-image: var(--icon-edit-16); mask-image: var(--icon-edit-16); + background-color: var(--icon-color, var(--color-edit-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss index 2115d4a66..d4e45df1c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/enterprise/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-enterprise { - 50% { - - background-color: var(--icon-color, var(--color-enterprise-500, currentColor)); - -webkit-mask-image: var(--icon-enterprise-24); - mask-image: var(--icon-enterprise-24); - } - 100% { - background-color: var(--icon-color, var(--color-enterprise-500, currentColor)); -webkit-mask-image: var(--icon-enterprise-16); mask-image: var(--icon-enterprise-16); + background-color: var(--icon-color, var(--color-enterprise-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss index 90075a3ef..74bcd47f3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/entry-point/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-entry-point { - 50% { - - background-color: var(--icon-color, var(--color-entry-point-500, currentColor)); - -webkit-mask-image: var(--icon-entry-point-24); - mask-image: var(--icon-entry-point-24); - } - 100% { - background-color: var(--icon-color, var(--color-entry-point-500, currentColor)); -webkit-mask-image: var(--icon-entry-point-16); mask-image: var(--icon-entry-point-16); + background-color: var(--icon-color, var(--color-entry-point-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss index dfc7f11ff..6e808ab7c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-envelope-sealed-fill { - 50% { - - background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor)); - -webkit-mask-image: var(--icon-mail-24); - mask-image: var(--icon-mail-24); - } - 100% { - background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor)); -webkit-mask-image: var(--icon-mail-16); mask-image: var(--icon-mail-16); + background-color: var(--icon-color, var(--color-envelope-sealed-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss index 4a9e39938..1798fad25 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-sealed-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-envelope-sealed-outline { - 50% { - - background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor)); - -webkit-mask-image: var(--icon-mail-24); - mask-image: var(--icon-mail-24); - } - 100% { - background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor)); -webkit-mask-image: var(--icon-mail-16); mask-image: var(--icon-mail-16); + background-color: var(--icon-color, var(--color-envelope-sealed-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss index 8722dd307..bbe13813a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed--outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-envelope-unsealed--outline { - 50% { - - background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor)); - -webkit-mask-image: var(--icon-mail-open-24); - mask-image: var(--icon-mail-open-24); - } - 100% { - background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor)); -webkit-mask-image: var(--icon-mail-open-16); mask-image: var(--icon-mail-open-16); + background-color: var(--icon-color, var(--color-envelope-unsealed--outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss index 1fc70ec0e..8218b6816 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/envelope-unsealed-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-envelope-unsealed-fill { - 50% { - - background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor)); - -webkit-mask-image: var(--icon-mail-open-24); - mask-image: var(--icon-mail-open-24); - } - 100% { - background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor)); -webkit-mask-image: var(--icon-mail-open-16); mask-image: var(--icon-mail-open-16); + background-color: var(--icon-color, var(--color-envelope-unsealed-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss index 12689be20..4bef79dbe 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/event/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-event { - 50% { - - background-color: var(--icon-color, var(--color-event-500, currentColor)); - -webkit-mask-image: var(--icon-event-24); - mask-image: var(--icon-event-24); - } - 100% { - background-color: var(--icon-color, var(--color-event-500, currentColor)); -webkit-mask-image: var(--icon-event-16); mask-image: var(--icon-event-16); + background-color: var(--icon-color, var(--color-event-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss index e072d471a..b8374a26d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/exit-point/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-exit-point { - 50% { - - background-color: var(--icon-color, var(--color-exit-point-500, currentColor)); - -webkit-mask-image: var(--icon-exit-point-24); - mask-image: var(--icon-exit-point-24); - } - 100% { - background-color: var(--icon-color, var(--color-exit-point-500, currentColor)); -webkit-mask-image: var(--icon-exit-point-16); mask-image: var(--icon-exit-point-16); + background-color: var(--icon-color, var(--color-exit-point-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss index c84b874a8..ed7690388 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/exit/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-exit { - 50% { - - background-color: var(--icon-color, var(--color-exit-500, currentColor)); - -webkit-mask-image: var(--icon-external-link-24); - mask-image: var(--icon-external-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-exit-500, currentColor)); -webkit-mask-image: var(--icon-external-link-16); mask-image: var(--icon-external-link-16); + background-color: var(--icon-color, var(--color-exit-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss index b41400c48..0f80b368e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-less/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-expand-less { - 50% { - - background-color: var(--icon-color, var(--color-expand-less-500, currentColor)); - -webkit-mask-image: var(--icon-minimize-24); - mask-image: var(--icon-minimize-24); - } - 100% { - background-color: var(--icon-color, var(--color-expand-less-500, currentColor)); -webkit-mask-image: var(--icon-minimize-16); mask-image: var(--icon-minimize-16); + background-color: var(--icon-color, var(--color-expand-less-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss index aa6a33ad5..06b5e4df5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/expand-more/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-expand-more { - 50% { - - background-color: var(--icon-color, var(--color-expand-more-500, currentColor)); - -webkit-mask-image: var(--icon-maximize-24); - mask-image: var(--icon-maximize-24); - } - 100% { - background-color: var(--icon-color, var(--color-expand-more-500, currentColor)); -webkit-mask-image: var(--icon-maximize-16); mask-image: var(--icon-maximize-16); + background-color: var(--icon-color, var(--color-expand-more-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss index 4ec11d765..14f0ebc3d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/external-link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-external-link { - 50% { - - background-color: var(--icon-color, var(--color-external-link-500, currentColor)); - -webkit-mask-image: var(--icon-external-link-24); - mask-image: var(--icon-external-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-external-link-500, currentColor)); -webkit-mask-image: var(--icon-external-link-16); mask-image: var(--icon-external-link-16); + background-color: var(--icon-color, var(--color-external-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss index 4800009dc..6fa9be5f5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/eye-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-eye-off { - 50% { - - background-color: var(--icon-color, var(--color-eye-off-500, currentColor)); - -webkit-mask-image: var(--icon-eye-off-24); - mask-image: var(--icon-eye-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-eye-off-500, currentColor)); -webkit-mask-image: var(--icon-eye-off-16); mask-image: var(--icon-eye-off-16); + background-color: var(--icon-color, var(--color-eye-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss index c62ab2133..69b5bdfd5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/eye/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-eye { - 50% { - - background-color: var(--icon-color, var(--color-eye-500, currentColor)); - -webkit-mask-image: var(--icon-eye-24); - mask-image: var(--icon-eye-24); - } - 100% { - background-color: var(--icon-color, var(--color-eye-500, currentColor)); -webkit-mask-image: var(--icon-eye-16); mask-image: var(--icon-eye-16); + background-color: var(--icon-color, var(--color-eye-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss index 96d7187b6..afbab64a8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/f5-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-f5-color { - 50% { - background-image: var(--icon-f5-color-24); - } - 100% { background-image: var(--icon-f5-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss index 10b284578..dca828d9b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/f5/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-f5 { - 50% { - - background-color: var(--icon-color, var(--color-f5-500, currentColor)); - -webkit-mask-image: var(--icon-f5-color-24); - mask-image: var(--icon-f5-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-f5-500, currentColor)); -webkit-mask-image: var(--icon-f5-color-16); mask-image: var(--icon-f5-color-16); + background-color: var(--icon-color, var(--color-f5-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss index f1a630a53..10fe22166 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-facebook-color { - 50% { - background-image: var(--icon-facebook-color-24); - } - 100% { background-image: var(--icon-facebook-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss index af5f15ada..e0c7f0af4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/facebook/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-facebook { - 50% { - - background-color: var(--icon-color, var(--color-facebook-500, currentColor)); - -webkit-mask-image: var(--icon-facebook-color-24); - mask-image: var(--icon-facebook-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-facebook-500, currentColor)); -webkit-mask-image: var(--icon-facebook-color-16); mask-image: var(--icon-facebook-color-16); + background-color: var(--icon-color, var(--color-facebook-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss index 37c196549..23f2e4a57 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/fast-forward/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-fast-forward { - 50% { - - background-color: var(--icon-color, var(--color-fast-forward-500, currentColor)); - -webkit-mask-image: var(--icon-fast-forward-24); - mask-image: var(--icon-fast-forward-24); - } - 100% { - background-color: var(--icon-color, var(--color-fast-forward-500, currentColor)); -webkit-mask-image: var(--icon-fast-forward-16); mask-image: var(--icon-fast-forward-16); + background-color: var(--icon-color, var(--color-fast-forward-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss index 16e015983..4ff02b892 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-change/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-change { - 50% { - - background-color: var(--icon-color, var(--color-file-change-500, currentColor)); - -webkit-mask-image: var(--icon-file-change-24); - mask-image: var(--icon-file-change-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-change-500, currentColor)); -webkit-mask-image: var(--icon-file-change-16); mask-image: var(--icon-file-change-16); + background-color: var(--icon-color, var(--color-file-change-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss index bac78e8d8..3a64422b9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-check/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-check { - 50% { - - background-color: var(--icon-color, var(--color-file-check-500, currentColor)); - -webkit-mask-image: var(--icon-file-check-24); - mask-image: var(--icon-file-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-check-500, currentColor)); -webkit-mask-image: var(--icon-file-check-16); mask-image: var(--icon-file-check-16); + background-color: var(--icon-color, var(--color-file-check-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss index cc2056d4e..6c1a94560 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-diff/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-diff { - 50% { - - background-color: var(--icon-color, var(--color-file-diff-500, currentColor)); - -webkit-mask-image: var(--icon-file-diff-24); - mask-image: var(--icon-file-diff-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-diff-500, currentColor)); -webkit-mask-image: var(--icon-file-diff-16); mask-image: var(--icon-file-diff-16); + background-color: var(--icon-color, var(--color-file-diff-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss index 1b67a25d2..1d1176115 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-fill { - 50% { - - background-color: var(--icon-color, var(--color-file-fill-500, currentColor)); - -webkit-mask-image: var(--icon-file-24); - mask-image: var(--icon-file-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-fill-500, currentColor)); -webkit-mask-image: var(--icon-file-16); mask-image: var(--icon-file-16); + background-color: var(--icon-color, var(--color-file-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss index 824d07642..ec502684f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-minus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-minus { - 50% { - - background-color: var(--icon-color, var(--color-file-minus-500, currentColor)); - -webkit-mask-image: var(--icon-file-minus-24); - mask-image: var(--icon-file-minus-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-minus-500, currentColor)); -webkit-mask-image: var(--icon-file-minus-16); mask-image: var(--icon-file-minus-16); + background-color: var(--icon-color, var(--color-file-minus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss index db459bd8e..370cf494d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-outline { - 50% { - - background-color: var(--icon-color, var(--color-file-outline-500, currentColor)); - -webkit-mask-image: var(--icon-file-24); - mask-image: var(--icon-file-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-outline-500, currentColor)); -webkit-mask-image: var(--icon-file-16); mask-image: var(--icon-file-16); + background-color: var(--icon-color, var(--color-file-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss index 4b8077ff1..06f1970b1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-plus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-plus { - 50% { - - background-color: var(--icon-color, var(--color-file-plus-500, currentColor)); - -webkit-mask-image: var(--icon-file-plus-24); - mask-image: var(--icon-file-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-plus-500, currentColor)); -webkit-mask-image: var(--icon-file-plus-16); mask-image: var(--icon-file-plus-16); + background-color: var(--icon-color, var(--color-file-plus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss index 92502306a..1657a00d3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-source/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-source { - 50% { - - background-color: var(--icon-color, var(--color-file-source-500, currentColor)); - -webkit-mask-image: var(--icon-file-source-24); - mask-image: var(--icon-file-source-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-source-500, currentColor)); -webkit-mask-image: var(--icon-file-source-16); mask-image: var(--icon-file-source-16); + background-color: var(--icon-color, var(--color-file-source-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss index 169421d87..8f6779fc4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-text/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-text { - 50% { - - background-color: var(--icon-color, var(--color-file-text-500, currentColor)); - -webkit-mask-image: var(--icon-file-text-24); - mask-image: var(--icon-file-text-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-text-500, currentColor)); -webkit-mask-image: var(--icon-file-text-16); mask-image: var(--icon-file-text-16); + background-color: var(--icon-color, var(--color-file-text-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss index 876d071ca..e9ba46edd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file-x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file-x { - 50% { - - background-color: var(--icon-color, var(--color-file-x-500, currentColor)); - -webkit-mask-image: var(--icon-file-x-24); - mask-image: var(--icon-file-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-x-500, currentColor)); -webkit-mask-image: var(--icon-file-x-16); mask-image: var(--icon-file-x-16); + background-color: var(--icon-color, var(--color-file-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss index dfb9edc25..863b788bb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/file/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-file { - 50% { - - background-color: var(--icon-color, var(--color-file-500, currentColor)); - -webkit-mask-image: var(--icon-file-24); - mask-image: var(--icon-file-24); - } - 100% { - background-color: var(--icon-color, var(--color-file-500, currentColor)); -webkit-mask-image: var(--icon-file-16); mask-image: var(--icon-file-16); + background-color: var(--icon-color, var(--color-file-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss index 0ccf553b9..6900d0d5c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/files/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-files { - 50% { - - background-color: var(--icon-color, var(--color-files-500, currentColor)); - -webkit-mask-image: var(--icon-files-24); - mask-image: var(--icon-files-24); - } - 100% { - background-color: var(--icon-color, var(--color-files-500, currentColor)); -webkit-mask-image: var(--icon-files-16); mask-image: var(--icon-files-16); + background-color: var(--icon-color, var(--color-files-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss index 1040ff130..a3b15eabc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/film/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-film { - 50% { - - background-color: var(--icon-color, var(--color-film-500, currentColor)); - -webkit-mask-image: var(--icon-film-24); - mask-image: var(--icon-film-24); - } - 100% { - background-color: var(--icon-color, var(--color-film-500, currentColor)); -webkit-mask-image: var(--icon-film-16); mask-image: var(--icon-film-16); + background-color: var(--icon-color, var(--color-film-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss index b0de451a9..8591a3479 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-filter-circle { - 50% { - - background-color: var(--icon-color, var(--color-filter-circle-500, currentColor)); - -webkit-mask-image: var(--icon-filter-circle-24); - mask-image: var(--icon-filter-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-filter-circle-500, currentColor)); -webkit-mask-image: var(--icon-filter-circle-16); mask-image: var(--icon-filter-circle-16); + background-color: var(--icon-color, var(--color-filter-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss index 0f78ce7a6..1a5ff3335 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-filter-fill { - 50% { - - background-color: var(--icon-color, var(--color-filter-fill-500, currentColor)); - -webkit-mask-image: var(--icon-filter-fill-24); - mask-image: var(--icon-filter-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-filter-fill-500, currentColor)); -webkit-mask-image: var(--icon-filter-fill-16); mask-image: var(--icon-filter-fill-16); + background-color: var(--icon-color, var(--color-filter-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss index 4a83e8fad..ccc265cb4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/filter/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-filter { - 50% { - - background-color: var(--icon-color, var(--color-filter-500, currentColor)); - -webkit-mask-image: var(--icon-filter-24); - mask-image: var(--icon-filter-24); - } - 100% { - background-color: var(--icon-color, var(--color-filter-500, currentColor)); -webkit-mask-image: var(--icon-filter-16); mask-image: var(--icon-filter-16); + background-color: var(--icon-color, var(--color-filter-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss index 7bdece335..d89f3c981 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/fingerprint/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-fingerprint { - 50% { - - background-color: var(--icon-color, var(--color-fingerprint-500, currentColor)); - -webkit-mask-image: var(--icon-fingerprint-24); - mask-image: var(--icon-fingerprint-24); - } - 100% { - background-color: var(--icon-color, var(--color-fingerprint-500, currentColor)); -webkit-mask-image: var(--icon-fingerprint-16); mask-image: var(--icon-fingerprint-16); + background-color: var(--icon-color, var(--color-fingerprint-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss index d61fc0cc5..3a80b6363 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/flag/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-flag { - 50% { - - background-color: var(--icon-color, var(--color-flag-500, currentColor)); - -webkit-mask-image: var(--icon-flag-24); - mask-image: var(--icon-flag-24); - } - 100% { - background-color: var(--icon-color, var(--color-flag-500, currentColor)); -webkit-mask-image: var(--icon-flag-16); mask-image: var(--icon-flag-16); + background-color: var(--icon-color, var(--color-flag-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss index b774e296f..571da7cdc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-fill { - 50% { - - background-color: var(--icon-color, var(--color-folder-fill-500, currentColor)); - -webkit-mask-image: var(--icon-folder-fill-24); - mask-image: var(--icon-folder-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-fill-500, currentColor)); -webkit-mask-image: var(--icon-folder-fill-16); mask-image: var(--icon-folder-fill-16); + background-color: var(--icon-color, var(--color-folder-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss index bfb1b3368..ba39799ab 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-minus-fill { - 50% { - - background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor)); - -webkit-mask-image: var(--icon-folder-minus-fill-24); - mask-image: var(--icon-folder-minus-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor)); -webkit-mask-image: var(--icon-folder-minus-fill-16); mask-image: var(--icon-folder-minus-fill-16); + background-color: var(--icon-color, var(--color-folder-minus-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss index d292fb2dd..8a4cd0913 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-minus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-minus { - 50% { - - background-color: var(--icon-color, var(--color-folder-minus-500, currentColor)); - -webkit-mask-image: var(--icon-folder-minus-24); - mask-image: var(--icon-folder-minus-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-minus-500, currentColor)); -webkit-mask-image: var(--icon-folder-minus-16); mask-image: var(--icon-folder-minus-16); + background-color: var(--icon-color, var(--color-folder-minus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss index dab3443e5..4e80ae489 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-outline { - 50% { - - background-color: var(--icon-color, var(--color-folder-outline-500, currentColor)); - -webkit-mask-image: var(--icon-folder-24); - mask-image: var(--icon-folder-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-outline-500, currentColor)); -webkit-mask-image: var(--icon-folder-16); mask-image: var(--icon-folder-16); + background-color: var(--icon-color, var(--color-folder-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss index b985b8e0e..e22a878f8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-plus-fill { - 50% { - - background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor)); - -webkit-mask-image: var(--icon-folder-plus-fill-24); - mask-image: var(--icon-folder-plus-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor)); -webkit-mask-image: var(--icon-folder-plus-fill-16); mask-image: var(--icon-folder-plus-fill-16); + background-color: var(--icon-color, var(--color-folder-plus-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss index 56e904d10..5db1252ab 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-plus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-plus { - 50% { - - background-color: var(--icon-color, var(--color-folder-plus-500, currentColor)); - -webkit-mask-image: var(--icon-folder-plus-24); - mask-image: var(--icon-folder-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-plus-500, currentColor)); -webkit-mask-image: var(--icon-folder-plus-16); mask-image: var(--icon-folder-plus-16); + background-color: var(--icon-color, var(--color-folder-plus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss index 2629e68d7..cf239ffc4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-star/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-star { - 50% { - - background-color: var(--icon-color, var(--color-folder-star-500, currentColor)); - -webkit-mask-image: var(--icon-folder-star-24); - mask-image: var(--icon-folder-star-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-star-500, currentColor)); -webkit-mask-image: var(--icon-folder-star-16); mask-image: var(--icon-folder-star-16); + background-color: var(--icon-color, var(--color-folder-star-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss index 5040e8c3d..b5e1ee028 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder-users/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder-users { - 50% { - - background-color: var(--icon-color, var(--color-folder-users-500, currentColor)); - -webkit-mask-image: var(--icon-folder-users-24); - mask-image: var(--icon-folder-users-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-users-500, currentColor)); -webkit-mask-image: var(--icon-folder-users-16); mask-image: var(--icon-folder-users-16); + background-color: var(--icon-color, var(--color-folder-users-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss index a591f5ff6..82a0228f6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/folder/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-folder { - 50% { - - background-color: var(--icon-color, var(--color-folder-500, currentColor)); - -webkit-mask-image: var(--icon-folder-24); - mask-image: var(--icon-folder-24); - } - 100% { - background-color: var(--icon-color, var(--color-folder-500, currentColor)); -webkit-mask-image: var(--icon-folder-16); mask-image: var(--icon-folder-16); + background-color: var(--icon-color, var(--color-folder-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss index c62640b34..7fe2291f1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/frown/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-frown { - 50% { - - background-color: var(--icon-color, var(--color-frown-500, currentColor)); - -webkit-mask-image: var(--icon-frown-24); - mask-image: var(--icon-frown-24); - } - 100% { - background-color: var(--icon-color, var(--color-frown-500, currentColor)); -webkit-mask-image: var(--icon-frown-16); mask-image: var(--icon-frown-16); + background-color: var(--icon-color, var(--color-frown-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss index 9c53987e5..04557fceb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gateway/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gateway { - 50% { - - background-color: var(--icon-color, var(--color-gateway-500, currentColor)); - -webkit-mask-image: var(--icon-gateway-24); - mask-image: var(--icon-gateway-24); - } - 100% { - background-color: var(--icon-color, var(--color-gateway-500, currentColor)); -webkit-mask-image: var(--icon-gateway-16); mask-image: var(--icon-gateway-16); + background-color: var(--icon-color, var(--color-gateway-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss index c88ec5f82..20e7c8317 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-gcp-color { - 50% { - background-image: var(--icon-gcp-color-24); - } - 100% { background-image: var(--icon-gcp-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss index e79503f9d..55c70a52e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gcp/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gcp { - 50% { - - background-color: var(--icon-color, var(--color-gcp-500, currentColor)); - -webkit-mask-image: var(--icon-gcp-color-24); - mask-image: var(--icon-gcp-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-gcp-500, currentColor)); -webkit-mask-image: var(--icon-gcp-color-16); mask-image: var(--icon-gcp-color-16); + background-color: var(--icon-color, var(--color-gcp-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss index 3ad74ffbb..e7433437e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gift-fill { - 50% { - - background-color: var(--icon-color, var(--color-gift-fill-500, currentColor)); - -webkit-mask-image: var(--icon-gift-24); - mask-image: var(--icon-gift-24); - } - 100% { - background-color: var(--icon-color, var(--color-gift-fill-500, currentColor)); -webkit-mask-image: var(--icon-gift-16); mask-image: var(--icon-gift-16); + background-color: var(--icon-color, var(--color-gift-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss index b1d9b115e..ed2e6e743 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gift-outline { - 50% { - - background-color: var(--icon-color, var(--color-gift-outline-500, currentColor)); - -webkit-mask-image: var(--icon-gift-24); - mask-image: var(--icon-gift-24); - } - 100% { - background-color: var(--icon-color, var(--color-gift-outline-500, currentColor)); -webkit-mask-image: var(--icon-gift-16); mask-image: var(--icon-gift-16); + background-color: var(--icon-color, var(--color-gift-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss index 6f3551fe0..600d188ed 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gift/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gift { - 50% { - - background-color: var(--icon-color, var(--color-gift-500, currentColor)); - -webkit-mask-image: var(--icon-gift-24); - mask-image: var(--icon-gift-24); - } - 100% { - background-color: var(--icon-color, var(--color-gift-500, currentColor)); -webkit-mask-image: var(--icon-gift-16); mask-image: var(--icon-gift-16); + background-color: var(--icon-color, var(--color-gift-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss index fb8594ac6..e5ac94c54 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-branch/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-branch { - 50% { - - background-color: var(--icon-color, var(--color-git-branch-500, currentColor)); - -webkit-mask-image: var(--icon-git-branch-24); - mask-image: var(--icon-git-branch-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-branch-500, currentColor)); -webkit-mask-image: var(--icon-git-branch-16); mask-image: var(--icon-git-branch-16); + background-color: var(--icon-color, var(--color-git-branch-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss index 6b115f3a4..79196b157 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-commit/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-commit { - 50% { - - background-color: var(--icon-color, var(--color-git-commit-500, currentColor)); - -webkit-mask-image: var(--icon-git-commit-24); - mask-image: var(--icon-git-commit-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-commit-500, currentColor)); -webkit-mask-image: var(--icon-git-commit-16); mask-image: var(--icon-git-commit-16); + background-color: var(--icon-color, var(--color-git-commit-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss index 18f7b56dd..0fffc7c12 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-merge/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-merge { - 50% { - - background-color: var(--icon-color, var(--color-git-merge-500, currentColor)); - -webkit-mask-image: var(--icon-git-merge-24); - mask-image: var(--icon-git-merge-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-merge-500, currentColor)); -webkit-mask-image: var(--icon-git-merge-16); mask-image: var(--icon-git-merge-16); + background-color: var(--icon-color, var(--color-git-merge-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss index 1b77cb705..f05fd7523 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-pull-request/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-pull-request { - 50% { - - background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor)); - -webkit-mask-image: var(--icon-git-pull-request-24); - mask-image: var(--icon-git-pull-request-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor)); -webkit-mask-image: var(--icon-git-pull-request-16); mask-image: var(--icon-git-pull-request-16); + background-color: var(--icon-color, var(--color-git-pull-request-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss index 678a5c0fb..0fd9d85b1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repo/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-repo { - 50% { - - background-color: var(--icon-color, var(--color-git-repo-500, currentColor)); - -webkit-mask-image: var(--icon-git-repo-24); - mask-image: var(--icon-git-repo-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-repo-500, currentColor)); -webkit-mask-image: var(--icon-git-repo-16); mask-image: var(--icon-git-repo-16); + background-color: var(--icon-color, var(--color-git-repo-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss index 3324dfa3d..8230cae04 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/git-repository/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-git-repository { - 50% { - - background-color: var(--icon-color, var(--color-git-repository-500, currentColor)); - -webkit-mask-image: var(--icon-git-repo-24); - mask-image: var(--icon-git-repo-24); - } - 100% { - background-color: var(--icon-color, var(--color-git-repository-500, currentColor)); -webkit-mask-image: var(--icon-git-repo-16); mask-image: var(--icon-git-repo-16); + background-color: var(--icon-color, var(--color-git-repository-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss index dc22b46cb..ee58ca653 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/github-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-github-color { - 50% { - background-image: var(--icon-github-color-24); - } - 100% { background-image: var(--icon-github-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss index ececd8a22..92f869b07 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/github/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-github { - 50% { - - background-color: var(--icon-color, var(--color-github-500, currentColor)); - -webkit-mask-image: var(--icon-github-color-24); - mask-image: var(--icon-github-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-github-500, currentColor)); -webkit-mask-image: var(--icon-github-color-16); mask-image: var(--icon-github-color-16); + background-color: var(--icon-color, var(--color-github-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss index 07dae2fa5..0fd6dbe54 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-gitlab-color { - 50% { - background-image: var(--icon-gitlab-color-24); - } - 100% { background-image: var(--icon-gitlab-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss index 0710046ec..4e2d87c7e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/gitlab/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-gitlab { - 50% { - - background-color: var(--icon-color, var(--color-gitlab-500, currentColor)); - -webkit-mask-image: var(--icon-gitlab-color-24); - mask-image: var(--icon-gitlab-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-gitlab-500, currentColor)); -webkit-mask-image: var(--icon-gitlab-color-16); mask-image: var(--icon-gitlab-color-16); + background-color: var(--icon-color, var(--color-gitlab-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss index 30090f0c0..121c8b1cc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/globe-private/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-globe-private { - 50% { - - background-color: var(--icon-color, var(--color-globe-private-500, currentColor)); - -webkit-mask-image: var(--icon-globe-private-24); - mask-image: var(--icon-globe-private-24); - } - 100% { - background-color: var(--icon-color, var(--color-globe-private-500, currentColor)); -webkit-mask-image: var(--icon-globe-private-16); mask-image: var(--icon-globe-private-16); + background-color: var(--icon-color, var(--color-globe-private-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss index cd0ec4e3f..d69ccd7bc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/globe/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-globe { - 50% { - - background-color: var(--icon-color, var(--color-globe-500, currentColor)); - -webkit-mask-image: var(--icon-globe-24); - mask-image: var(--icon-globe-24); - } - 100% { - background-color: var(--icon-color, var(--color-globe-500, currentColor)); -webkit-mask-image: var(--icon-globe-16); mask-image: var(--icon-globe-16); + background-color: var(--icon-color, var(--color-globe-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss index aefdb4ae9..4d484f099 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/google-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-google-color { - 50% { - background-image: var(--icon-google-color-24); - } - 100% { background-image: var(--icon-google-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss index 98c2a4684..c328e671f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/google/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-google { - 50% { - - background-color: var(--icon-color, var(--color-google-500, currentColor)); - -webkit-mask-image: var(--icon-google-color-24); - mask-image: var(--icon-google-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-google-500, currentColor)); -webkit-mask-image: var(--icon-google-color-16); mask-image: var(--icon-google-color-16); + background-color: var(--icon-color, var(--color-google-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss index a43f75ecb..d8d22f563 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/grid-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-grid-alt { - 50% { - - background-color: var(--icon-color, var(--color-grid-alt-500, currentColor)); - -webkit-mask-image: var(--icon-grid-alt-24); - mask-image: var(--icon-grid-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-grid-alt-500, currentColor)); -webkit-mask-image: var(--icon-grid-alt-16); mask-image: var(--icon-grid-alt-16); + background-color: var(--icon-color, var(--color-grid-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss index 4bd31c5a2..815f05e8f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/grid/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-grid { - 50% { - - background-color: var(--icon-color, var(--color-grid-500, currentColor)); - -webkit-mask-image: var(--icon-grid-24); - mask-image: var(--icon-grid-24); - } - 100% { - background-color: var(--icon-color, var(--color-grid-500, currentColor)); -webkit-mask-image: var(--icon-grid-16); mask-image: var(--icon-grid-16); + background-color: var(--icon-color, var(--color-grid-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss index 7faa64841..037db9895 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/guide-link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-guide-link { - 50% { - - background-color: var(--icon-color, var(--color-guide-link-500, currentColor)); - -webkit-mask-image: var(--icon-guide-link-24); - mask-image: var(--icon-guide-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-guide-link-500, currentColor)); -webkit-mask-image: var(--icon-guide-link-16); mask-image: var(--icon-guide-link-16); + background-color: var(--icon-color, var(--color-guide-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss index d8432f416..a78c5b6b3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/guide/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-guide { - 50% { - - background-color: var(--icon-color, var(--color-guide-500, currentColor)); - -webkit-mask-image: var(--icon-guide-24); - mask-image: var(--icon-guide-24); - } - 100% { - background-color: var(--icon-color, var(--color-guide-500, currentColor)); -webkit-mask-image: var(--icon-guide-16); mask-image: var(--icon-guide-16); + background-color: var(--icon-color, var(--color-guide-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss index 1f37d2cf9..acb3b31e8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hammer/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hammer { - 50% { - - background-color: var(--icon-color, var(--color-hammer-500, currentColor)); - -webkit-mask-image: var(--icon-hammer-24); - mask-image: var(--icon-hammer-24); - } - 100% { - background-color: var(--icon-color, var(--color-hammer-500, currentColor)); -webkit-mask-image: var(--icon-hammer-16); mask-image: var(--icon-hammer-16); + background-color: var(--icon-color, var(--color-hammer-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss index 999e68c8b..fecfbfe70 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/handshake/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-handshake { - 50% { - - background-color: var(--icon-color, var(--color-handshake-500, currentColor)); - -webkit-mask-image: var(--icon-handshake-24); - mask-image: var(--icon-handshake-24); - } - 100% { - background-color: var(--icon-color, var(--color-handshake-500, currentColor)); -webkit-mask-image: var(--icon-handshake-16); mask-image: var(--icon-handshake-16); + background-color: var(--icon-color, var(--color-handshake-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss index f9715beea..9275fde2b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hard-drive/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hard-drive { - 50% { - - background-color: var(--icon-color, var(--color-hard-drive-500, currentColor)); - -webkit-mask-image: var(--icon-hard-drive-24); - mask-image: var(--icon-hard-drive-24); - } - 100% { - background-color: var(--icon-color, var(--color-hard-drive-500, currentColor)); -webkit-mask-image: var(--icon-hard-drive-16); mask-image: var(--icon-hard-drive-16); + background-color: var(--icon-color, var(--color-hard-drive-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss index 0ea0f3e07..aaa655266 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hash/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hash { - 50% { - - background-color: var(--icon-color, var(--color-hash-500, currentColor)); - -webkit-mask-image: var(--icon-hash-24); - mask-image: var(--icon-hash-24); - } - 100% { - background-color: var(--icon-color, var(--color-hash-500, currentColor)); -webkit-mask-image: var(--icon-hash-16); mask-image: var(--icon-hash-16); + background-color: var(--icon-color, var(--color-hash-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss index 7b71f1a64..b6623decb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-hashicorp-color { - 50% { - background-image: var(--icon-hashicorp-color-24); - } - 100% { background-image: var(--icon-hashicorp-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss index 757ac2b5b..b08e947b4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hashicorp/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hashicorp { - 50% { - - background-color: var(--icon-color, var(--color-hashicorp-500, currentColor)); - -webkit-mask-image: var(--icon-hashicorp-color-24); - mask-image: var(--icon-hashicorp-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-hashicorp-500, currentColor)); -webkit-mask-image: var(--icon-hashicorp-color-16); mask-image: var(--icon-hashicorp-color-16); + background-color: var(--icon-color, var(--color-hashicorp-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss index 0d0d337da..b0932e2ad 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-hcp-color { - 50% { - background-image: var(--icon-hcp-color-24); - } - 100% { background-image: var(--icon-hcp-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss index c459e7f03..78cf9acab 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hcp/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hcp { - 50% { - - background-color: var(--icon-color, var(--color-hcp-500, currentColor)); - -webkit-mask-image: var(--icon-hcp-color-24); - mask-image: var(--icon-hcp-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-hcp-500, currentColor)); -webkit-mask-image: var(--icon-hcp-color-16); mask-image: var(--icon-hcp-color-16); + background-color: var(--icon-color, var(--color-hcp-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss index 4676dda70..c73a0c53d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/headphones/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-headphones { - 50% { - - background-color: var(--icon-color, var(--color-headphones-500, currentColor)); - -webkit-mask-image: var(--icon-headphones-24); - mask-image: var(--icon-headphones-24); - } - 100% { - background-color: var(--icon-color, var(--color-headphones-500, currentColor)); -webkit-mask-image: var(--icon-headphones-16); mask-image: var(--icon-headphones-16); + background-color: var(--icon-color, var(--color-headphones-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss index 0e17012cb..c1742b47c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/health/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-health { - 50% { - - background-color: var(--icon-color, var(--color-health-500, currentColor)); - -webkit-mask-image: var(--icon-activity-24); - mask-image: var(--icon-activity-24); - } - 100% { - background-color: var(--icon-color, var(--color-health-500, currentColor)); -webkit-mask-image: var(--icon-activity-16); mask-image: var(--icon-activity-16); + background-color: var(--icon-color, var(--color-health-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss index ed9c9e36c..14cbc8f08 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-heart-fill { - 50% { - - background-color: var(--icon-color, var(--color-heart-fill-500, currentColor)); - -webkit-mask-image: var(--icon-heart-fill-24); - mask-image: var(--icon-heart-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-heart-fill-500, currentColor)); -webkit-mask-image: var(--icon-heart-fill-16); mask-image: var(--icon-heart-fill-16); + background-color: var(--icon-color, var(--color-heart-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss index ae8c3cda7..e3435c2ef 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-heart-off { - 50% { - - background-color: var(--icon-color, var(--color-heart-off-500, currentColor)); - -webkit-mask-image: var(--icon-heart-off-24); - mask-image: var(--icon-heart-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-heart-off-500, currentColor)); -webkit-mask-image: var(--icon-heart-off-16); mask-image: var(--icon-heart-off-16); + background-color: var(--icon-color, var(--color-heart-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss index 05945a558..00fde5f34 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/heart/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-heart { - 50% { - - background-color: var(--icon-color, var(--color-heart-500, currentColor)); - -webkit-mask-image: var(--icon-heart-24); - mask-image: var(--icon-heart-24); - } - 100% { - background-color: var(--icon-color, var(--color-heart-500, currentColor)); -webkit-mask-image: var(--icon-heart-16); mask-image: var(--icon-heart-16); + background-color: var(--icon-color, var(--color-heart-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss index 2653505a8..0f8633076 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-help-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-help-24); - mask-image: var(--icon-help-24); - } - 100% { - background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-help-16); mask-image: var(--icon-help-16); + background-color: var(--icon-color, var(--color-help-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss index eeeff6f04..d06174c4a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-help-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-help-24); - mask-image: var(--icon-help-24); - } - 100% { - background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-help-16); mask-image: var(--icon-help-16); + background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss index c4f9f5de1..2156cf174 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/help/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-help { - 50% { - - background-color: var(--icon-color, var(--color-help-500, currentColor)); - -webkit-mask-image: var(--icon-help-24); - mask-image: var(--icon-help-24); - } - 100% { - background-color: var(--icon-color, var(--color-help-500, currentColor)); -webkit-mask-image: var(--icon-help-16); mask-image: var(--icon-help-16); + background-color: var(--icon-color, var(--color-help-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss index 6f41b8148..279efe350 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hexagon-fill { - 50% { - - background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor)); - -webkit-mask-image: var(--icon-hexagon-fill-24); - mask-image: var(--icon-hexagon-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor)); -webkit-mask-image: var(--icon-hexagon-fill-16); mask-image: var(--icon-hexagon-fill-16); + background-color: var(--icon-color, var(--color-hexagon-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss index 6a539d3c6..237154f74 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hexagon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hexagon { - 50% { - - background-color: var(--icon-color, var(--color-hexagon-500, currentColor)); - -webkit-mask-image: var(--icon-hexagon-24); - mask-image: var(--icon-hexagon-24); - } - 100% { - background-color: var(--icon-color, var(--color-hexagon-500, currentColor)); -webkit-mask-image: var(--icon-hexagon-16); mask-image: var(--icon-hexagon-16); + background-color: var(--icon-color, var(--color-hexagon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss index c033c8dc7..254e7bb6d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/history/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-history { - 50% { - - background-color: var(--icon-color, var(--color-history-500, currentColor)); - -webkit-mask-image: var(--icon-history-24); - mask-image: var(--icon-history-24); - } - 100% { - background-color: var(--icon-color, var(--color-history-500, currentColor)); -webkit-mask-image: var(--icon-history-16); mask-image: var(--icon-history-16); + background-color: var(--icon-color, var(--color-history-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss index d94130d47..4e7353dba 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/home/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-home { - 50% { - - background-color: var(--icon-color, var(--color-home-500, currentColor)); - -webkit-mask-image: var(--icon-home-24); - mask-image: var(--icon-home-24); - } - 100% { - background-color: var(--icon-color, var(--color-home-500, currentColor)); -webkit-mask-image: var(--icon-home-16); mask-image: var(--icon-home-16); + background-color: var(--icon-color, var(--color-home-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss index 9a4e88032..c25da3794 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/hourglass/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-hourglass { - 50% { - - background-color: var(--icon-color, var(--color-hourglass-500, currentColor)); - -webkit-mask-image: var(--icon-hourglass-24); - mask-image: var(--icon-hourglass-24); - } - 100% { - background-color: var(--icon-color, var(--color-hourglass-500, currentColor)); -webkit-mask-image: var(--icon-hourglass-16); mask-image: var(--icon-hourglass-16); + background-color: var(--icon-color, var(--color-hourglass-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss index caa32b91e..ca513d79c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-service/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-identity-service { - 50% { - - background-color: var(--icon-color, var(--color-identity-service-500, currentColor)); - -webkit-mask-image: var(--icon-identity-service-24); - mask-image: var(--icon-identity-service-24); - } - 100% { - background-color: var(--icon-color, var(--color-identity-service-500, currentColor)); -webkit-mask-image: var(--icon-identity-service-16); mask-image: var(--icon-identity-service-16); + background-color: var(--icon-color, var(--color-identity-service-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss index 3ae540cff..0ace2e181 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/identity-user/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-identity-user { - 50% { - - background-color: var(--icon-color, var(--color-identity-user-500, currentColor)); - -webkit-mask-image: var(--icon-identity-user-24); - mask-image: var(--icon-identity-user-24); - } - 100% { - background-color: var(--icon-color, var(--color-identity-user-500, currentColor)); -webkit-mask-image: var(--icon-identity-user-16); mask-image: var(--icon-identity-user-16); + background-color: var(--icon-color, var(--color-identity-user-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss index 23b067845..1065cbdb3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/image/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-image { - 50% { - - background-color: var(--icon-color, var(--color-image-500, currentColor)); - -webkit-mask-image: var(--icon-image-24); - mask-image: var(--icon-image-24); - } - 100% { - background-color: var(--icon-color, var(--color-image-500, currentColor)); -webkit-mask-image: var(--icon-image-16); mask-image: var(--icon-image-16); + background-color: var(--icon-color, var(--color-image-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss index 7ae56c6ff..44e4e15a1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/inbox/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-inbox { - 50% { - - background-color: var(--icon-color, var(--color-inbox-500, currentColor)); - -webkit-mask-image: var(--icon-inbox-24); - mask-image: var(--icon-inbox-24); - } - 100% { - background-color: var(--icon-color, var(--color-inbox-500, currentColor)); -webkit-mask-image: var(--icon-inbox-16); mask-image: var(--icon-inbox-16); + background-color: var(--icon-color, var(--color-inbox-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss index 59f244d36..4e385be01 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-info-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-info-24); - mask-image: var(--icon-info-24); - } - 100% { - background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-info-16); mask-image: var(--icon-info-16); + background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss index 6feb0dd3e..107376278 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-info-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-info-24); - mask-image: var(--icon-info-24); - } - 100% { - background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-info-16); mask-image: var(--icon-info-16); + background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss index afc51b8ad..d1e1efdf4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/info/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-info { - 50% { - - background-color: var(--icon-color, var(--color-info-500, currentColor)); - -webkit-mask-image: var(--icon-info-24); - mask-image: var(--icon-info-24); - } - 100% { - background-color: var(--icon-color, var(--color-info-500, currentColor)); -webkit-mask-image: var(--icon-info-16); mask-image: var(--icon-info-16); + background-color: var(--icon-color, var(--color-info-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss index f3ba6288d..1212967bb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/jump-link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-jump-link { - 50% { - - background-color: var(--icon-color, var(--color-jump-link-500, currentColor)); - -webkit-mask-image: var(--icon-jump-link-24); - mask-image: var(--icon-jump-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-jump-link-500, currentColor)); -webkit-mask-image: var(--icon-jump-link-16); mask-image: var(--icon-jump-link-16); + background-color: var(--icon-color, var(--color-jump-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss index 2c2e4cae9..9689f70e9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/key-values/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-key-values { - 50% { - - background-color: var(--icon-color, var(--color-key-values-500, currentColor)); - -webkit-mask-image: var(--icon-key-values-24); - mask-image: var(--icon-key-values-24); - } - 100% { - background-color: var(--icon-color, var(--color-key-values-500, currentColor)); -webkit-mask-image: var(--icon-key-values-16); mask-image: var(--icon-key-values-16); + background-color: var(--icon-color, var(--color-key-values-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss index c1bdfe3b6..f86928847 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/key/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-key { - 50% { - - background-color: var(--icon-color, var(--color-key-500, currentColor)); - -webkit-mask-image: var(--icon-key-24); - mask-image: var(--icon-key-24); - } - 100% { - background-color: var(--icon-color, var(--color-key-500, currentColor)); -webkit-mask-image: var(--icon-key-16); mask-image: var(--icon-key-16); + background-color: var(--icon-color, var(--color-key-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss index a06253246..c29063783 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/keychain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-keychain { - 50% { - - background-color: var(--icon-color, var(--color-keychain-500, currentColor)); - -webkit-mask-image: var(--icon-keychain-24); - mask-image: var(--icon-keychain-24); - } - 100% { - background-color: var(--icon-color, var(--color-keychain-500, currentColor)); -webkit-mask-image: var(--icon-keychain-16); mask-image: var(--icon-keychain-16); + background-color: var(--icon-color, var(--color-keychain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss index 680fedd33..03a108f11 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-kubernetes-color { - 50% { - background-image: var(--icon-kubernetes-color-24); - } - 100% { background-image: var(--icon-kubernetes-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss index 6e98fc23c..cf30e7ee4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/kubernetes/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-kubernetes { - 50% { - - background-color: var(--icon-color, var(--color-kubernetes-500, currentColor)); - -webkit-mask-image: var(--icon-kubernetes-color-24); - mask-image: var(--icon-kubernetes-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-kubernetes-500, currentColor)); -webkit-mask-image: var(--icon-kubernetes-color-16); mask-image: var(--icon-kubernetes-color-16); + background-color: var(--icon-color, var(--color-kubernetes-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss index 6c6461791..480d534c2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/labyrinth/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-labyrinth { - 50% { - - background-color: var(--icon-color, var(--color-labyrinth-500, currentColor)); - -webkit-mask-image: var(--icon-labyrinth-24); - mask-image: var(--icon-labyrinth-24); - } - 100% { - background-color: var(--icon-color, var(--color-labyrinth-500, currentColor)); -webkit-mask-image: var(--icon-labyrinth-16); mask-image: var(--icon-labyrinth-16); + background-color: var(--icon-color, var(--color-labyrinth-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss index 88ccd5b8d..582abb82a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/layers/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-layers { - 50% { - - background-color: var(--icon-color, var(--color-layers-500, currentColor)); - -webkit-mask-image: var(--icon-layers-24); - mask-image: var(--icon-layers-24); - } - 100% { - background-color: var(--icon-color, var(--color-layers-500, currentColor)); -webkit-mask-image: var(--icon-layers-16); mask-image: var(--icon-layers-16); + background-color: var(--icon-color, var(--color-layers-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss index 34b35abec..7be86e4d2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/layout/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-layout { - 50% { - - background-color: var(--icon-color, var(--color-layout-500, currentColor)); - -webkit-mask-image: var(--icon-layout-24); - mask-image: var(--icon-layout-24); - } - 100% { - background-color: var(--icon-color, var(--color-layout-500, currentColor)); -webkit-mask-image: var(--icon-layout-16); mask-image: var(--icon-layout-16); + background-color: var(--icon-color, var(--color-layout-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss index 6f6e06da5..00fe1c0d8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/learn-link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-learn-link { - 50% { - - background-color: var(--icon-color, var(--color-learn-link-500, currentColor)); - -webkit-mask-image: var(--icon-learn-link-24); - mask-image: var(--icon-learn-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-learn-link-500, currentColor)); -webkit-mask-image: var(--icon-learn-link-16); mask-image: var(--icon-learn-link-16); + background-color: var(--icon-color, var(--color-learn-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss index 14acb7e6a..7d5dd4c66 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/learn/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-learn { - 50% { - - background-color: var(--icon-color, var(--color-learn-500, currentColor)); - -webkit-mask-image: var(--icon-learn-24); - mask-image: var(--icon-learn-24); - } - 100% { - background-color: var(--icon-color, var(--color-learn-500, currentColor)); -webkit-mask-image: var(--icon-learn-16); mask-image: var(--icon-learn-16); + background-color: var(--icon-color, var(--color-learn-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss index 2a318c2b3..348ce2b84 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-line-chart-up { - 50% { - - background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor)); - -webkit-mask-image: var(--icon-line-chart-up-24); - mask-image: var(--icon-line-chart-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor)); -webkit-mask-image: var(--icon-line-chart-up-16); mask-image: var(--icon-line-chart-up-16); + background-color: var(--icon-color, var(--color-line-chart-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss index 46946da6e..5dfdf3da0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/line-chart/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-line-chart { - 50% { - - background-color: var(--icon-color, var(--color-line-chart-500, currentColor)); - -webkit-mask-image: var(--icon-line-chart-24); - mask-image: var(--icon-line-chart-24); - } - 100% { - background-color: var(--icon-color, var(--color-line-chart-500, currentColor)); -webkit-mask-image: var(--icon-line-chart-16); mask-image: var(--icon-line-chart-16); + background-color: var(--icon-color, var(--color-line-chart-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss index e3d5121fd..09d7cb29b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/link/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-link { - 50% { - - background-color: var(--icon-color, var(--color-link-500, currentColor)); - -webkit-mask-image: var(--icon-link-24); - mask-image: var(--icon-link-24); - } - 100% { - background-color: var(--icon-color, var(--color-link-500, currentColor)); -webkit-mask-image: var(--icon-link-16); mask-image: var(--icon-link-16); + background-color: var(--icon-color, var(--color-link-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss index fcaaa8e1e..9796bca49 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-linkedin-color { - 50% { - background-image: var(--icon-linkedin-color-24); - } - 100% { background-image: var(--icon-linkedin-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss index f85ec72a9..1f80ad7f9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/linkedin/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-linkedin { - 50% { - - background-color: var(--icon-color, var(--color-linkedin-500, currentColor)); - -webkit-mask-image: var(--icon-linkedin-color-24); - mask-image: var(--icon-linkedin-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-linkedin-500, currentColor)); -webkit-mask-image: var(--icon-linkedin-color-16); mask-image: var(--icon-linkedin-color-16); + background-color: var(--icon-color, var(--color-linkedin-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss index e1d6694b4..66e7cb41e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/list/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-list { - 50% { - - background-color: var(--icon-color, var(--color-list-500, currentColor)); - -webkit-mask-image: var(--icon-list-24); - mask-image: var(--icon-list-24); - } - 100% { - background-color: var(--icon-color, var(--color-list-500, currentColor)); -webkit-mask-image: var(--icon-list-16); mask-image: var(--icon-list-16); + background-color: var(--icon-color, var(--color-list-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss index e86377fee..1d71eacde 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/load-balancer/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-load-balancer { - 50% { - - background-color: var(--icon-color, var(--color-load-balancer-500, currentColor)); - -webkit-mask-image: var(--icon-load-balancer-24); - mask-image: var(--icon-load-balancer-24); - } - 100% { - background-color: var(--icon-color, var(--color-load-balancer-500, currentColor)); -webkit-mask-image: var(--icon-load-balancer-16); mask-image: var(--icon-load-balancer-16); + background-color: var(--icon-color, var(--color-load-balancer-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss index 9a58a3e1d..5df3e365e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/loading-motion/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-loading-motion { - 50% { - - background-color: var(--icon-color, var(--color-loading-motion-500, currentColor)); - -webkit-mask-image: var(--icon-loading-motion-24); - mask-image: var(--icon-loading-motion-24); - } - 100% { - background-color: var(--icon-color, var(--color-loading-motion-500, currentColor)); -webkit-mask-image: var(--icon-loading-motion-16); mask-image: var(--icon-loading-motion-16); + background-color: var(--icon-color, var(--color-loading-motion-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss index 3ffc56b8d..8ed8b2b37 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/loading/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-loading { - 50% { - - background-color: var(--icon-color, var(--color-loading-500, currentColor)); - -webkit-mask-image: var(--icon-loading-24); - mask-image: var(--icon-loading-24); - } - 100% { - background-color: var(--icon-color, var(--color-loading-500, currentColor)); -webkit-mask-image: var(--icon-loading-16); mask-image: var(--icon-loading-16); + background-color: var(--icon-color, var(--color-loading-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss index 2f9b94994..ae2e8f9e1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-closed-fill { - 50% { - - background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor)); - -webkit-mask-image: var(--icon-lock-fill-24); - mask-image: var(--icon-lock-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor)); -webkit-mask-image: var(--icon-lock-fill-16); mask-image: var(--icon-lock-fill-16); + background-color: var(--icon-color, var(--color-lock-closed-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss index f6631f4ec..a6ef2be53 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-closed-outline { - 50% { - - background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor)); - -webkit-mask-image: var(--icon-lock-24); - mask-image: var(--icon-lock-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor)); -webkit-mask-image: var(--icon-lock-16); mask-image: var(--icon-lock-16); + background-color: var(--icon-color, var(--color-lock-closed-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss index 0907b0117..72cd360bb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-closed/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-closed { - 50% { - - background-color: var(--icon-color, var(--color-lock-closed-500, currentColor)); - -webkit-mask-image: var(--icon-lock-fill-24); - mask-image: var(--icon-lock-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-closed-500, currentColor)); -webkit-mask-image: var(--icon-lock-fill-16); mask-image: var(--icon-lock-fill-16); + background-color: var(--icon-color, var(--color-lock-closed-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss index 58258d52f..c9513d457 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-disabled/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-disabled { - 50% { - - background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor)); - -webkit-mask-image: var(--icon-lock-off-24); - mask-image: var(--icon-lock-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor)); -webkit-mask-image: var(--icon-lock-off-16); mask-image: var(--icon-lock-off-16); + background-color: var(--icon-color, var(--color-lock-disabled-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss index e7359b230..17563a502 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-fill { - 50% { - - background-color: var(--icon-color, var(--color-lock-fill-500, currentColor)); - -webkit-mask-image: var(--icon-lock-fill-24); - mask-image: var(--icon-lock-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-fill-500, currentColor)); -webkit-mask-image: var(--icon-lock-fill-16); mask-image: var(--icon-lock-fill-16); + background-color: var(--icon-color, var(--color-lock-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss index 3cb761bea..ae2e2bd57 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-off { - 50% { - - background-color: var(--icon-color, var(--color-lock-off-500, currentColor)); - -webkit-mask-image: var(--icon-lock-off-24); - mask-image: var(--icon-lock-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-off-500, currentColor)); -webkit-mask-image: var(--icon-lock-off-16); mask-image: var(--icon-lock-off-16); + background-color: var(--icon-color, var(--color-lock-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss index ea185984f..e5ed189d1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock-open/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock-open { - 50% { - - background-color: var(--icon-color, var(--color-lock-open-500, currentColor)); - -webkit-mask-image: var(--icon-unlock-24); - mask-image: var(--icon-unlock-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-open-500, currentColor)); -webkit-mask-image: var(--icon-unlock-16); mask-image: var(--icon-unlock-16); + background-color: var(--icon-color, var(--color-lock-open-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss index 8d01084e8..41ddc34a7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/lock/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-lock { - 50% { - - background-color: var(--icon-color, var(--color-lock-500, currentColor)); - -webkit-mask-image: var(--icon-lock-24); - mask-image: var(--icon-lock-24); - } - 100% { - background-color: var(--icon-color, var(--color-lock-500, currentColor)); -webkit-mask-image: var(--icon-lock-16); mask-image: var(--icon-lock-16); + background-color: var(--icon-color, var(--color-lock-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss index 759494974..d767bebc1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-alicloud-color { - 50% { - background-image: var(--icon-alibaba-color-24); - } - 100% { background-image: var(--icon-alibaba-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss index 2d243aba7..7b7c776eb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-alicloud-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-alicloud-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-alibaba-color-24); - mask-image: var(--icon-alibaba-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-alibaba-color-16); mask-image: var(--icon-alibaba-color-16); + background-color: var(--icon-color, var(--color-logo-alicloud-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss index 861a7637c..d7e25ed94 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-auth0-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-auth0-color { - 50% { - background-image: var(--icon-auth0-color-24); - } - 100% { background-image: var(--icon-auth0-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss index 2b02dc057..02a2d6efa 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-aws-color { - 50% { - background-image: var(--icon-aws-color-24); - } - 100% { background-image: var(--icon-aws-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss index 3c256e1c0..050fdf5ed 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-aws-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-aws-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-aws-color-24); - mask-image: var(--icon-aws-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-aws-color-16); mask-image: var(--icon-aws-color-16); + background-color: var(--icon-color, var(--color-logo-aws-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss index 7c29a9843..b3ca17042 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-azure-color { - 50% { - background-image: var(--icon-azure-color-24); - } - 100% { background-image: var(--icon-azure-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss index 45c03c63c..6740b8619 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-azure-dev-ops-color { - 50% { - background-image: var(--icon-azure-devops-color-24); - } - 100% { background-image: var(--icon-azure-devops-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss index e03f0370d..0c92bc066 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-dev-ops-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-azure-dev-ops-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-azure-devops-color-24); - mask-image: var(--icon-azure-devops-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-azure-devops-color-16); mask-image: var(--icon-azure-devops-color-16); + background-color: var(--icon-color, var(--color-logo-azure-dev-ops-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss index 607d204e8..f247b9ade 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-azure-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-azure-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-azure-color-24); - mask-image: var(--icon-azure-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-azure-color-16); mask-image: var(--icon-azure-color-16); + background-color: var(--icon-color, var(--color-logo-azure-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss index 644179c0f..67dafb229 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-bitbucket-color { - 50% { - background-image: var(--icon-bitbucket-color-24); - } - 100% { background-image: var(--icon-bitbucket-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss index 0a2b6ec2f..031930bb7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-bitbucket-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-bitbucket-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-bitbucket-color-24); - mask-image: var(--icon-bitbucket-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-bitbucket-color-16); mask-image: var(--icon-bitbucket-color-16); + background-color: var(--icon-color, var(--color-logo-bitbucket-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss index 847daa082..9fe594427 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-consul-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-consul-color { - 50% { - background-image: var(--icon-consul-color-24); - } - 100% { background-image: var(--icon-consul-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss index f7a87a192..148ccbe30 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-ember-circle-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-ember-circle-color { - 50% { - background-image: var(--icon-logo-ember-circle-color-24); - } - 100% { background-image: var(--icon-logo-ember-circle-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss index 544ece20d..02c83e2ea 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-gcp-color { - 50% { - background-image: var(--icon-gcp-color-24); - } - 100% { background-image: var(--icon-gcp-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss index 037889fe5..6d640e1b0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gcp-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-gcp-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-gcp-color-24); - mask-image: var(--icon-gcp-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-gcp-color-16); mask-image: var(--icon-gcp-color-16); + background-color: var(--icon-color, var(--color-logo-gcp-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss index 516680366..6d3432207 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-github-color { - 50% { - background-image: var(--icon-github-color-24); - } - 100% { background-image: var(--icon-github-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss index 171ac802e..06e1c82dc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-github-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-github-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-github-color-24); - mask-image: var(--icon-github-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-github-color-16); mask-image: var(--icon-github-color-16); + background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss index c7be8596c..ce6763160 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-gitlab-color { - 50% { - background-image: var(--icon-gitlab-color-24); - } - 100% { background-image: var(--icon-gitlab-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss index 3f4161a00..29f72d6a0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-gitlab-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-gitlab-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-gitlab-color-24); - mask-image: var(--icon-gitlab-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-gitlab-color-16); mask-image: var(--icon-gitlab-color-16); + background-color: var(--icon-color, var(--color-logo-gitlab-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss index 21eee3972..45328b5fc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-glimmer-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-glimmer-color { - 50% { - background-image: var(--icon-logo-glimmer-color-24); - } - 100% { background-image: var(--icon-logo-glimmer-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss index 5f28ba565..aa621ed7d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-google-color { - 50% { - background-image: var(--icon-google-color-24); - } - 100% { background-image: var(--icon-google-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss index a317a90e5..8dbc6e4dc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-google-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-google-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-google-color-24); - mask-image: var(--icon-google-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-google-color-16); mask-image: var(--icon-google-color-16); + background-color: var(--icon-color, var(--color-logo-google-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss index 557366d9d..b7f1e2b94 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-hashicorp-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-hashicorp-color { - 50% { - background-image: var(--icon-logo-hashicorp-color-24); - } - 100% { background-image: var(--icon-logo-hashicorp-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss index a7898bd1c..81f5d084f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-jwt-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-jwt-color { - 50% { - background-image: var(--icon-logo-jwt-color-24); - } - 100% { background-image: var(--icon-logo-jwt-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss index 85a79a573..3ece2cd4f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-kubernetes-color { - 50% { - background-image: var(--icon-kubernetes-color-24); - } - 100% { background-image: var(--icon-kubernetes-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss index 9a408e4b4..67544d7ac 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-kubernetes-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-kubernetes-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-kubernetes-color-24); - mask-image: var(--icon-kubernetes-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-kubernetes-color-16); mask-image: var(--icon-kubernetes-color-16); + background-color: var(--icon-color, var(--color-logo-kubernetes-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss index fdb22e4cc..784ba5c6a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-microsoft-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-microsoft-color { - 50% { - background-image: var(--icon-microsoft-color-24); - } - 100% { background-image: var(--icon-microsoft-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss index f33a5a219..58e14319d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-nomad-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-nomad-color { - 50% { - background-image: var(--icon-nomad-color-24); - } - 100% { background-image: var(--icon-nomad-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss index 32067f9d3..cbea68b83 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oidc-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-oidc-color { - 50% { - background-image: var(--icon-logo-oidc-color-24); - } - 100% { background-image: var(--icon-logo-oidc-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss index 40cbc8d1f..339b3e21c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-okta-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-okta-color { - 50% { - background-image: var(--icon-okta-color-24); - } - 100% { background-image: var(--icon-okta-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss index 8378deb0b..dfb60889e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-oracle-color { - 50% { - background-image: var(--icon-oracle-color-24); - } - 100% { background-image: var(--icon-oracle-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss index 1674dc058..2382b3917 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-oracle-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-oracle-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-oracle-color-24); - mask-image: var(--icon-oracle-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-oracle-color-16); mask-image: var(--icon-oracle-color-16); + background-color: var(--icon-color, var(--color-logo-oracle-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss index 9d625feca..0f98a9739 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-slack-color { - 50% { - background-image: var(--icon-slack-color-24); - } - 100% { background-image: var(--icon-slack-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss index dda65e173..890b3afc3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-slack-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-slack-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-slack-color-24); - mask-image: var(--icon-slack-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-slack-color-16); mask-image: var(--icon-slack-color-16); + background-color: var(--icon-color, var(--color-logo-slack-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss index 570d755b6..11a564eb8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-terraform-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-terraform-color { - 50% { - background-image: var(--icon-terraform-color-24); - } - 100% { background-image: var(--icon-terraform-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss index 5db1346ca..65bf05e35 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vault-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-vault-color { - 50% { - background-image: var(--icon-logo-vault-color-24); - } - 100% { background-image: var(--icon-logo-vault-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss index 3b8e93ed8..04f0eb243 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-logo-vmware-color { - 50% { - background-image: var(--icon-vmware-color-24); - } - 100% { background-image: var(--icon-vmware-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss index 0a8b8626f..d451d866a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/logo-vmware-monochrome/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-logo-vmware-monochrome { - 50% { - - background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor)); - -webkit-mask-image: var(--icon-vmware-color-24); - mask-image: var(--icon-vmware-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor)); -webkit-mask-image: var(--icon-vmware-color-16); mask-image: var(--icon-vmware-color-16); + background-color: var(--icon-color, var(--color-logo-vmware-monochrome-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss index ad0ad3f5a..35697c500 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mail-open/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mail-open { - 50% { - - background-color: var(--icon-color, var(--color-mail-open-500, currentColor)); - -webkit-mask-image: var(--icon-mail-open-24); - mask-image: var(--icon-mail-open-24); - } - 100% { - background-color: var(--icon-color, var(--color-mail-open-500, currentColor)); -webkit-mask-image: var(--icon-mail-open-16); mask-image: var(--icon-mail-open-16); + background-color: var(--icon-color, var(--color-mail-open-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss index 9acad215f..1cc63ed70 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mail/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mail { - 50% { - - background-color: var(--icon-color, var(--color-mail-500, currentColor)); - -webkit-mask-image: var(--icon-mail-24); - mask-image: var(--icon-mail-24); - } - 100% { - background-color: var(--icon-color, var(--color-mail-500, currentColor)); -webkit-mask-image: var(--icon-mail-16); mask-image: var(--icon-mail-16); + background-color: var(--icon-color, var(--color-mail-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss index 68a77ea75..3efebaac0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mainframe/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mainframe { - 50% { - - background-color: var(--icon-color, var(--color-mainframe-500, currentColor)); - -webkit-mask-image: var(--icon-mainframe-24); - mask-image: var(--icon-mainframe-24); - } - 100% { - background-color: var(--icon-color, var(--color-mainframe-500, currentColor)); -webkit-mask-image: var(--icon-mainframe-16); mask-image: var(--icon-mainframe-16); + background-color: var(--icon-color, var(--color-mainframe-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss index f68030aa6..beb3d790c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/map-pin/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-map-pin { - 50% { - - background-color: var(--icon-color, var(--color-map-pin-500, currentColor)); - -webkit-mask-image: var(--icon-map-pin-24); - mask-image: var(--icon-map-pin-24); - } - 100% { - background-color: var(--icon-color, var(--color-map-pin-500, currentColor)); -webkit-mask-image: var(--icon-map-pin-16); mask-image: var(--icon-map-pin-16); + background-color: var(--icon-color, var(--color-map-pin-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss index bd71680d8..176013e42 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/map/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-map { - 50% { - - background-color: var(--icon-color, var(--color-map-500, currentColor)); - -webkit-mask-image: var(--icon-map-24); - mask-image: var(--icon-map-24); - } - 100% { - background-color: var(--icon-color, var(--color-map-500, currentColor)); -webkit-mask-image: var(--icon-map-16); mask-image: var(--icon-map-16); + background-color: var(--icon-color, var(--color-map-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss index 1b89f97f7..a8a071c68 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-maximize-alt { - 50% { - - background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor)); - -webkit-mask-image: var(--icon-maximize-alt-24); - mask-image: var(--icon-maximize-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor)); -webkit-mask-image: var(--icon-maximize-alt-16); mask-image: var(--icon-maximize-alt-16); + background-color: var(--icon-color, var(--color-maximize-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss index a204336b3..6d6ce82a0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/maximize/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-maximize { - 50% { - - background-color: var(--icon-color, var(--color-maximize-500, currentColor)); - -webkit-mask-image: var(--icon-maximize-24); - mask-image: var(--icon-maximize-24); - } - 100% { - background-color: var(--icon-color, var(--color-maximize-500, currentColor)); -webkit-mask-image: var(--icon-maximize-16); mask-image: var(--icon-maximize-16); + background-color: var(--icon-color, var(--color-maximize-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss index fc2ef42fd..52110b7ba 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/meh/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-meh { - 50% { - - background-color: var(--icon-color, var(--color-meh-500, currentColor)); - -webkit-mask-image: var(--icon-meh-24); - mask-image: var(--icon-meh-24); - } - 100% { - background-color: var(--icon-color, var(--color-meh-500, currentColor)); -webkit-mask-image: var(--icon-meh-16); mask-image: var(--icon-meh-16); + background-color: var(--icon-color, var(--color-meh-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss index 5a66b3b50..1108e2751 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/menu/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-menu { - 50% { - - background-color: var(--icon-color, var(--color-menu-500, currentColor)); - -webkit-mask-image: var(--icon-menu-24); - mask-image: var(--icon-menu-24); - } - 100% { - background-color: var(--icon-color, var(--color-menu-500, currentColor)); -webkit-mask-image: var(--icon-menu-16); mask-image: var(--icon-menu-16); + background-color: var(--icon-color, var(--color-menu-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss index 2cd2a9d3a..14e7c82b9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mesh/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mesh { - 50% { - - background-color: var(--icon-color, var(--color-mesh-500, currentColor)); - -webkit-mask-image: var(--icon-mesh-24); - mask-image: var(--icon-mesh-24); - } - 100% { - background-color: var(--icon-color, var(--color-mesh-500, currentColor)); -webkit-mask-image: var(--icon-mesh-16); mask-image: var(--icon-mesh-16); + background-color: var(--icon-color, var(--color-mesh-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss index 0939b7881..96377aac6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-message-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-message-circle-fill-24); - mask-image: var(--icon-message-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-message-circle-fill-16); mask-image: var(--icon-message-circle-fill-16); + background-color: var(--icon-color, var(--color-message-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss index b86d04dbc..e386fdd60 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-message-circle { - 50% { - - background-color: var(--icon-color, var(--color-message-circle-500, currentColor)); - -webkit-mask-image: var(--icon-message-circle-24); - mask-image: var(--icon-message-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-message-circle-500, currentColor)); -webkit-mask-image: var(--icon-message-circle-16); mask-image: var(--icon-message-circle-16); + background-color: var(--icon-color, var(--color-message-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss index e784a413f..4e88bc7cd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-message-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-message-square-fill-24); - mask-image: var(--icon-message-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-message-square-fill-16); mask-image: var(--icon-message-square-fill-16); + background-color: var(--icon-color, var(--color-message-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss index 06805b0df..3d87020e3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-message-square { - 50% { - - background-color: var(--icon-color, var(--color-message-square-500, currentColor)); - -webkit-mask-image: var(--icon-message-square-24); - mask-image: var(--icon-message-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-message-square-500, currentColor)); -webkit-mask-image: var(--icon-message-square-16); mask-image: var(--icon-message-square-16); + background-color: var(--icon-color, var(--color-message-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss index 07f0c177e..8d0aad899 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/message/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-message { - 50% { - - background-color: var(--icon-color, var(--color-message-500, currentColor)); - -webkit-mask-image: var(--icon-message-square-fill-24); - mask-image: var(--icon-message-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-message-500, currentColor)); -webkit-mask-image: var(--icon-message-square-fill-16); mask-image: var(--icon-message-square-fill-16); + background-color: var(--icon-color, var(--color-message-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss index 610f1c948..f3e6294da 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mic-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mic-off { - 50% { - - background-color: var(--icon-color, var(--color-mic-off-500, currentColor)); - -webkit-mask-image: var(--icon-mic-off-24); - mask-image: var(--icon-mic-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-mic-off-500, currentColor)); -webkit-mask-image: var(--icon-mic-off-16); mask-image: var(--icon-mic-off-16); + background-color: var(--icon-color, var(--color-mic-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss index 98fbef61d..266bad129 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mic/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mic { - 50% { - - background-color: var(--icon-color, var(--color-mic-500, currentColor)); - -webkit-mask-image: var(--icon-mic-24); - mask-image: var(--icon-mic-24); - } - 100% { - background-color: var(--icon-color, var(--color-mic-500, currentColor)); -webkit-mask-image: var(--icon-mic-16); mask-image: var(--icon-mic-16); + background-color: var(--icon-color, var(--color-mic-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss index b67402d7b..9cd94f2d8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-microsoft-color { - 50% { - background-image: var(--icon-microsoft-color-24); - } - 100% { background-image: var(--icon-microsoft-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss index 406084a64..91e82b897 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/microsoft/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-microsoft { - 50% { - - background-color: var(--icon-color, var(--color-microsoft-500, currentColor)); - -webkit-mask-image: var(--icon-microsoft-color-24); - mask-image: var(--icon-microsoft-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-microsoft-500, currentColor)); -webkit-mask-image: var(--icon-microsoft-color-16); mask-image: var(--icon-microsoft-color-16); + background-color: var(--icon-color, var(--color-microsoft-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss index aa1f9a437..f4d5cd3f3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/migrate/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-migrate { - 50% { - - background-color: var(--icon-color, var(--color-migrate-500, currentColor)); - -webkit-mask-image: var(--icon-migrate-24); - mask-image: var(--icon-migrate-24); - } - 100% { - background-color: var(--icon-color, var(--color-migrate-500, currentColor)); -webkit-mask-image: var(--icon-migrate-16); mask-image: var(--icon-migrate-16); + background-color: var(--icon-color, var(--color-migrate-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss index 2162184dc..bc7012d93 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minimize-alt { - 50% { - - background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor)); - -webkit-mask-image: var(--icon-minimize-alt-24); - mask-image: var(--icon-minimize-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor)); -webkit-mask-image: var(--icon-minimize-alt-16); mask-image: var(--icon-minimize-alt-16); + background-color: var(--icon-color, var(--color-minimize-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss index 8f4081bc5..74ae9a57a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minimize/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minimize { - 50% { - - background-color: var(--icon-color, var(--color-minimize-500, currentColor)); - -webkit-mask-image: var(--icon-minimize-24); - mask-image: var(--icon-minimize-24); - } - 100% { - background-color: var(--icon-color, var(--color-minimize-500, currentColor)); -webkit-mask-image: var(--icon-minimize-16); mask-image: var(--icon-minimize-16); + background-color: var(--icon-color, var(--color-minimize-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss index 7ae6fdc84..00be8eeb6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-minus-circle-24); - mask-image: var(--icon-minus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-minus-circle-16); mask-image: var(--icon-minus-circle-16); + background-color: var(--icon-color, var(--color-minus-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss index 48e4cda9f..836c360af 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-minus-circle-24); - mask-image: var(--icon-minus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-minus-circle-16); mask-image: var(--icon-minus-circle-16); + background-color: var(--icon-color, var(--color-minus-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss index 51f4f2bd8..cb5a3328e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-circle { - 50% { - - background-color: var(--icon-color, var(--color-minus-circle-500, currentColor)); - -webkit-mask-image: var(--icon-minus-circle-24); - mask-image: var(--icon-minus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-circle-500, currentColor)); -webkit-mask-image: var(--icon-minus-circle-16); mask-image: var(--icon-minus-circle-16); + background-color: var(--icon-color, var(--color-minus-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss index e686c76cd..c76832bf8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-plain { - 50% { - - background-color: var(--icon-color, var(--color-minus-plain-500, currentColor)); - -webkit-mask-image: var(--icon-minus-24); - mask-image: var(--icon-minus-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-plain-500, currentColor)); -webkit-mask-image: var(--icon-minus-16); mask-image: var(--icon-minus-16); + background-color: var(--icon-color, var(--color-minus-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss index b3ee6fd6e..b526d8eda 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-plus-circle { - 50% { - - background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor)); - -webkit-mask-image: var(--icon-minus-plus-circle-24); - mask-image: var(--icon-minus-plus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor)); -webkit-mask-image: var(--icon-minus-plus-circle-16); mask-image: var(--icon-minus-plus-circle-16); + background-color: var(--icon-color, var(--color-minus-plus-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss index b1dec2dbb..aa7443e8a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-plus-square { - 50% { - - background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor)); - -webkit-mask-image: var(--icon-minus-plus-square-24); - mask-image: var(--icon-minus-plus-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor)); -webkit-mask-image: var(--icon-minus-plus-square-16); mask-image: var(--icon-minus-plus-square-16); + background-color: var(--icon-color, var(--color-minus-plus-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss index 7feceb829..5455e8ca6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-plus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-plus { - 50% { - - background-color: var(--icon-color, var(--color-minus-plus-500, currentColor)); - -webkit-mask-image: var(--icon-minus-plus-24); - mask-image: var(--icon-minus-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-plus-500, currentColor)); -webkit-mask-image: var(--icon-minus-plus-16); mask-image: var(--icon-minus-plus-16); + background-color: var(--icon-color, var(--color-minus-plus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss index 47bdac517..0d6bdbc4d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-minus-square-24); - mask-image: var(--icon-minus-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-minus-square-16); mask-image: var(--icon-minus-square-16); + background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss index b2c6ea74f..3958f625e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus-square { - 50% { - - background-color: var(--icon-color, var(--color-minus-square-500, currentColor)); - -webkit-mask-image: var(--icon-minus-square-24); - mask-image: var(--icon-minus-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-square-500, currentColor)); -webkit-mask-image: var(--icon-minus-square-16); mask-image: var(--icon-minus-square-16); + background-color: var(--icon-color, var(--color-minus-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss index 6fd9c98aa..ed65a366b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/minus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-minus { - 50% { - - background-color: var(--icon-color, var(--color-minus-500, currentColor)); - -webkit-mask-image: var(--icon-minus-24); - mask-image: var(--icon-minus-24); - } - 100% { - background-color: var(--icon-color, var(--color-minus-500, currentColor)); -webkit-mask-image: var(--icon-minus-16); mask-image: var(--icon-minus-16); + background-color: var(--icon-color, var(--color-minus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss index a12ae1bb9..43e5bad74 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/module/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-module { - 50% { - - background-color: var(--icon-color, var(--color-module-500, currentColor)); - -webkit-mask-image: var(--icon-module-24); - mask-image: var(--icon-module-24); - } - 100% { - background-color: var(--icon-color, var(--color-module-500, currentColor)); -webkit-mask-image: var(--icon-module-16); mask-image: var(--icon-module-16); + background-color: var(--icon-color, var(--color-module-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss index 30ec6b9d1..12947271c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/monitor/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-monitor { - 50% { - - background-color: var(--icon-color, var(--color-monitor-500, currentColor)); - -webkit-mask-image: var(--icon-monitor-24); - mask-image: var(--icon-monitor-24); - } - 100% { - background-color: var(--icon-color, var(--color-monitor-500, currentColor)); -webkit-mask-image: var(--icon-monitor-16); mask-image: var(--icon-monitor-16); + background-color: var(--icon-color, var(--color-monitor-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss index d6a57de16..f0b7caea7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/moon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-moon { - 50% { - - background-color: var(--icon-color, var(--color-moon-500, currentColor)); - -webkit-mask-image: var(--icon-moon-24); - mask-image: var(--icon-moon-24); - } - 100% { - background-color: var(--icon-color, var(--color-moon-500, currentColor)); -webkit-mask-image: var(--icon-moon-16); mask-image: var(--icon-moon-16); + background-color: var(--icon-color, var(--color-moon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss index a9813ef91..154ac83d0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/more-horizontal/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-more-horizontal { - 50% { - - background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor)); - -webkit-mask-image: var(--icon-more-horizontal-24); - mask-image: var(--icon-more-horizontal-24); - } - 100% { - background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor)); -webkit-mask-image: var(--icon-more-horizontal-16); mask-image: var(--icon-more-horizontal-16); + background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss index 8a50639cf..e6a8e331f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/more-vertical/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-more-vertical { - 50% { - - background-color: var(--icon-color, var(--color-more-vertical-500, currentColor)); - -webkit-mask-image: var(--icon-more-vertical-24); - mask-image: var(--icon-more-vertical-24); - } - 100% { - background-color: var(--icon-color, var(--color-more-vertical-500, currentColor)); -webkit-mask-image: var(--icon-more-vertical-16); mask-image: var(--icon-more-vertical-16); + background-color: var(--icon-color, var(--color-more-vertical-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss index 81d0909f9..7e3f06ccc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/mouse-pointer/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-mouse-pointer { - 50% { - - background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor)); - -webkit-mask-image: var(--icon-mouse-pointer-24); - mask-image: var(--icon-mouse-pointer-24); - } - 100% { - background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor)); -webkit-mask-image: var(--icon-mouse-pointer-16); mask-image: var(--icon-mouse-pointer-16); + background-color: var(--icon-color, var(--color-mouse-pointer-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss index 39d97569a..b9544dbf5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/move/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-move { - 50% { - - background-color: var(--icon-color, var(--color-move-500, currentColor)); - -webkit-mask-image: var(--icon-move-24); - mask-image: var(--icon-move-24); - } - 100% { - background-color: var(--icon-color, var(--color-move-500, currentColor)); -webkit-mask-image: var(--icon-move-16); mask-image: var(--icon-move-16); + background-color: var(--icon-color, var(--color-move-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss index 5f0e0f2f2..4fd9361cb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/music/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-music { - 50% { - - background-color: var(--icon-color, var(--color-music-500, currentColor)); - -webkit-mask-image: var(--icon-music-24); - mask-image: var(--icon-music-24); - } - 100% { - background-color: var(--icon-color, var(--color-music-500, currentColor)); -webkit-mask-image: var(--icon-music-16); mask-image: var(--icon-music-16); + background-color: var(--icon-color, var(--color-music-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss index 623fd6219..1da80c5e7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-navigation-alt { - 50% { - - background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor)); - -webkit-mask-image: var(--icon-navigation-alt-24); - mask-image: var(--icon-navigation-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor)); -webkit-mask-image: var(--icon-navigation-alt-16); mask-image: var(--icon-navigation-alt-16); + background-color: var(--icon-color, var(--color-navigation-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss index 61c519f1b..74c0907c1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/navigation/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-navigation { - 50% { - - background-color: var(--icon-color, var(--color-navigation-500, currentColor)); - -webkit-mask-image: var(--icon-navigation-24); - mask-image: var(--icon-navigation-24); - } - 100% { - background-color: var(--icon-color, var(--color-navigation-500, currentColor)); -webkit-mask-image: var(--icon-navigation-16); mask-image: var(--icon-navigation-16); + background-color: var(--icon-color, var(--color-navigation-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss index 2852e759f..7a9c3f1d2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/network-alt/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-network-alt { - 50% { - - background-color: var(--icon-color, var(--color-network-alt-500, currentColor)); - -webkit-mask-image: var(--icon-network-alt-24); - mask-image: var(--icon-network-alt-24); - } - 100% { - background-color: var(--icon-color, var(--color-network-alt-500, currentColor)); -webkit-mask-image: var(--icon-network-alt-16); mask-image: var(--icon-network-alt-16); + background-color: var(--icon-color, var(--color-network-alt-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss index 60e81f4d9..2140fd36a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/network/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-network { - 50% { - - background-color: var(--icon-color, var(--color-network-500, currentColor)); - -webkit-mask-image: var(--icon-network-24); - mask-image: var(--icon-network-24); - } - 100% { - background-color: var(--icon-color, var(--color-network-500, currentColor)); -webkit-mask-image: var(--icon-network-16); mask-image: var(--icon-network-16); + background-color: var(--icon-color, var(--color-network-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss index 6544cde1f..08c1bfcd3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/newspaper/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-newspaper { - 50% { - - background-color: var(--icon-color, var(--color-newspaper-500, currentColor)); - -webkit-mask-image: var(--icon-newspaper-24); - mask-image: var(--icon-newspaper-24); - } - 100% { - background-color: var(--icon-color, var(--color-newspaper-500, currentColor)); -webkit-mask-image: var(--icon-newspaper-16); mask-image: var(--icon-newspaper-16); + background-color: var(--icon-color, var(--color-newspaper-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss index 81da13691..3a2219ea0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/node/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-node { - 50% { - - background-color: var(--icon-color, var(--color-node-500, currentColor)); - -webkit-mask-image: var(--icon-node-24); - mask-image: var(--icon-node-24); - } - 100% { - background-color: var(--icon-color, var(--color-node-500, currentColor)); -webkit-mask-image: var(--icon-node-16); mask-image: var(--icon-node-16); + background-color: var(--icon-color, var(--color-node-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss index 7df22b2af..09ffa8739 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-nomad-color { - 50% { - background-image: var(--icon-nomad-color-24); - } - 100% { background-image: var(--icon-nomad-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss index 66246fa7a..9a5a02f35 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/nomad/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-nomad { - 50% { - - background-color: var(--icon-color, var(--color-nomad-500, currentColor)); - -webkit-mask-image: var(--icon-nomad-color-24); - mask-image: var(--icon-nomad-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-nomad-500, currentColor)); -webkit-mask-image: var(--icon-nomad-color-16); mask-image: var(--icon-nomad-color-16); + background-color: var(--icon-color, var(--color-nomad-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss index 055451daf..0de6f63da 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-disabled/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-notification-disabled { - 50% { - - background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor)); - -webkit-mask-image: var(--icon-bell-off-24); - mask-image: var(--icon-bell-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor)); -webkit-mask-image: var(--icon-bell-off-16); mask-image: var(--icon-bell-off-16); + background-color: var(--icon-color, var(--color-notification-disabled-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss index 724ff1358..e65a87539 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-notification-fill { - 50% { - - background-color: var(--icon-color, var(--color-notification-fill-500, currentColor)); - -webkit-mask-image: var(--icon-bell-active-fill-24); - mask-image: var(--icon-bell-active-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-notification-fill-500, currentColor)); -webkit-mask-image: var(--icon-bell-active-fill-16); mask-image: var(--icon-bell-active-fill-16); + background-color: var(--icon-color, var(--color-notification-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss index a785e4d14..7002152a9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/notification-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-notification-outline { - 50% { - - background-color: var(--icon-color, var(--color-notification-outline-500, currentColor)); - -webkit-mask-image: var(--icon-bell-24); - mask-image: var(--icon-bell-24); - } - 100% { - background-color: var(--icon-color, var(--color-notification-outline-500, currentColor)); -webkit-mask-image: var(--icon-bell-16); mask-image: var(--icon-bell-16); + background-color: var(--icon-color, var(--color-notification-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss index 771d00e3b..58939c7da 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/octagon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-octagon { - 50% { - - background-color: var(--icon-color, var(--color-octagon-500, currentColor)); - -webkit-mask-image: var(--icon-octagon-24); - mask-image: var(--icon-octagon-24); - } - 100% { - background-color: var(--icon-color, var(--color-octagon-500, currentColor)); -webkit-mask-image: var(--icon-octagon-16); mask-image: var(--icon-octagon-16); + background-color: var(--icon-color, var(--color-octagon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss index 14dc8b159..ea5262a51 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/okta-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-okta-color { - 50% { - background-image: var(--icon-okta-color-24); - } - 100% { background-image: var(--icon-okta-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss index a9bd2d1c3..ba9eb4e47 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/okta/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-okta { - 50% { - - background-color: var(--icon-color, var(--color-okta-500, currentColor)); - -webkit-mask-image: var(--icon-okta-color-24); - mask-image: var(--icon-okta-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-okta-500, currentColor)); -webkit-mask-image: var(--icon-okta-color-16); mask-image: var(--icon-okta-color-16); + background-color: var(--icon-color, var(--color-okta-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss index 4774ef3bd..27b3e7b62 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-oracle-color { - 50% { - background-image: var(--icon-oracle-color-24); - } - 100% { background-image: var(--icon-oracle-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss index 69ddd3da8..edb624f9f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/oracle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-oracle { - 50% { - - background-color: var(--icon-color, var(--color-oracle-500, currentColor)); - -webkit-mask-image: var(--icon-oracle-color-24); - mask-image: var(--icon-oracle-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-oracle-500, currentColor)); -webkit-mask-image: var(--icon-oracle-color-16); mask-image: var(--icon-oracle-color-16); + background-color: var(--icon-color, var(--color-oracle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss index b13c2c62c..e1f20b4f8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/org/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-org { - 50% { - - background-color: var(--icon-color, var(--color-org-500, currentColor)); - -webkit-mask-image: var(--icon-org-24); - mask-image: var(--icon-org-24); - } - 100% { - background-color: var(--icon-color, var(--color-org-500, currentColor)); -webkit-mask-image: var(--icon-org-16); mask-image: var(--icon-org-16); + background-color: var(--icon-color, var(--color-org-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss index 9ca1041b5..fedecbff7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-outline { - 50% { - - background-color: var(--icon-color, var(--color-outline-500, currentColor)); - -webkit-mask-image: var(--icon-outline-24); - mask-image: var(--icon-outline-24); - } - 100% { - background-color: var(--icon-color, var(--color-outline-500, currentColor)); -webkit-mask-image: var(--icon-outline-16); mask-image: var(--icon-outline-16); + background-color: var(--icon-color, var(--color-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss index 50f60a219..320bf5468 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pack-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-pack-color { - 50% { - background-image: var(--icon-pack-color-24); - } - 100% { background-image: var(--icon-pack-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss index 18b7c9ec8..e02d64993 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pack/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pack { - 50% { - - background-color: var(--icon-color, var(--color-pack-500, currentColor)); - -webkit-mask-image: var(--icon-pack-color-24); - mask-image: var(--icon-pack-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-pack-500, currentColor)); -webkit-mask-image: var(--icon-pack-color-16); mask-image: var(--icon-pack-color-16); + background-color: var(--icon-color, var(--color-pack-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss index 65d6f6ad5..15d85aff4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/package/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-package { - 50% { - - background-color: var(--icon-color, var(--color-package-500, currentColor)); - -webkit-mask-image: var(--icon-package-24); - mask-image: var(--icon-package-24); - } - 100% { - background-color: var(--icon-color, var(--color-package-500, currentColor)); -webkit-mask-image: var(--icon-package-16); mask-image: var(--icon-package-16); + background-color: var(--icon-color, var(--color-package-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss index 80c2881b0..192d90554 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/packer-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-packer-color { - 50% { - background-image: var(--icon-packer-color-24); - } - 100% { background-image: var(--icon-packer-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss index 886e2f575..14bdf41b5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/packer/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-packer { - 50% { - - background-color: var(--icon-color, var(--color-packer-500, currentColor)); - -webkit-mask-image: var(--icon-packer-color-24); - mask-image: var(--icon-packer-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-packer-500, currentColor)); -webkit-mask-image: var(--icon-packer-color-16); mask-image: var(--icon-packer-color-16); + background-color: var(--icon-color, var(--color-packer-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss index b5dff4647..571281b79 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/page-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-page-outline { - 50% { - - background-color: var(--icon-color, var(--color-page-outline-500, currentColor)); - -webkit-mask-image: var(--icon-outline-24); - mask-image: var(--icon-outline-24); - } - 100% { - background-color: var(--icon-color, var(--color-page-outline-500, currentColor)); -webkit-mask-image: var(--icon-outline-16); mask-image: var(--icon-outline-16); + background-color: var(--icon-color, var(--color-page-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss index 4137accb4..096d0e8d6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/paperclip/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-paperclip { - 50% { - - background-color: var(--icon-color, var(--color-paperclip-500, currentColor)); - -webkit-mask-image: var(--icon-paperclip-24); - mask-image: var(--icon-paperclip-24); - } - 100% { - background-color: var(--icon-color, var(--color-paperclip-500, currentColor)); -webkit-mask-image: var(--icon-paperclip-16); mask-image: var(--icon-paperclip-16); + background-color: var(--icon-color, var(--color-paperclip-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss index 36cb92291..07780c2b1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/partner/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-partner { - 50% { - - background-color: var(--icon-color, var(--color-partner-500, currentColor)); - -webkit-mask-image: var(--icon-socket-24); - mask-image: var(--icon-socket-24); - } - 100% { - background-color: var(--icon-color, var(--color-partner-500, currentColor)); -webkit-mask-image: var(--icon-socket-16); mask-image: var(--icon-socket-16); + background-color: var(--icon-color, var(--color-partner-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss index e21956253..1e3de7aca 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/path/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-path { - 50% { - - background-color: var(--icon-color, var(--color-path-500, currentColor)); - -webkit-mask-image: var(--icon-path-24); - mask-image: var(--icon-path-24); - } - 100% { - background-color: var(--icon-color, var(--color-path-500, currentColor)); -webkit-mask-image: var(--icon-path-16); mask-image: var(--icon-path-16); + background-color: var(--icon-color, var(--color-path-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss index 85a4be11b..9c44ee475 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pause-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pause-circle { - 50% { - - background-color: var(--icon-color, var(--color-pause-circle-500, currentColor)); - -webkit-mask-image: var(--icon-pause-circle-24); - mask-image: var(--icon-pause-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-pause-circle-500, currentColor)); -webkit-mask-image: var(--icon-pause-circle-16); mask-image: var(--icon-pause-circle-16); + background-color: var(--icon-color, var(--color-pause-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss index b87eceb25..4504223d1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pause/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pause { - 50% { - - background-color: var(--icon-color, var(--color-pause-500, currentColor)); - -webkit-mask-image: var(--icon-pause-24); - mask-image: var(--icon-pause-24); - } - 100% { - background-color: var(--icon-color, var(--color-pause-500, currentColor)); -webkit-mask-image: var(--icon-pause-16); mask-image: var(--icon-pause-16); + background-color: var(--icon-color, var(--color-pause-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss index 337fe2533..f24818d38 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pen-tool/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pen-tool { - 50% { - - background-color: var(--icon-color, var(--color-pen-tool-500, currentColor)); - -webkit-mask-image: var(--icon-pen-tool-24); - mask-image: var(--icon-pen-tool-24); - } - 100% { - background-color: var(--icon-color, var(--color-pen-tool-500, currentColor)); -webkit-mask-image: var(--icon-pen-tool-16); mask-image: var(--icon-pen-tool-16); + background-color: var(--icon-color, var(--color-pen-tool-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss index d4316db02..7f98a9b9f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pencil-tool/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pencil-tool { - 50% { - - background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor)); - -webkit-mask-image: var(--icon-pencil-tool-24); - mask-image: var(--icon-pencil-tool-24); - } - 100% { - background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor)); -webkit-mask-image: var(--icon-pencil-tool-16); mask-image: var(--icon-pencil-tool-16); + background-color: var(--icon-color, var(--color-pencil-tool-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss index 7742a0d4b..f0dee1d62 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-call/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-phone-call { - 50% { - - background-color: var(--icon-color, var(--color-phone-call-500, currentColor)); - -webkit-mask-image: var(--icon-phone-call-24); - mask-image: var(--icon-phone-call-24); - } - 100% { - background-color: var(--icon-color, var(--color-phone-call-500, currentColor)); -webkit-mask-image: var(--icon-phone-call-16); mask-image: var(--icon-phone-call-16); + background-color: var(--icon-color, var(--color-phone-call-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss index 8afe630c7..69ff1dcc7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-phone-off { - 50% { - - background-color: var(--icon-color, var(--color-phone-off-500, currentColor)); - -webkit-mask-image: var(--icon-phone-off-24); - mask-image: var(--icon-phone-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-phone-off-500, currentColor)); -webkit-mask-image: var(--icon-phone-off-16); mask-image: var(--icon-phone-off-16); + background-color: var(--icon-color, var(--color-phone-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss index b384de108..80a3ee120 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/phone/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-phone { - 50% { - - background-color: var(--icon-color, var(--color-phone-500, currentColor)); - -webkit-mask-image: var(--icon-phone-24); - mask-image: var(--icon-phone-24); - } - 100% { - background-color: var(--icon-color, var(--color-phone-500, currentColor)); -webkit-mask-image: var(--icon-phone-16); mask-image: var(--icon-phone-16); + background-color: var(--icon-color, var(--color-phone-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss index d7a379407..79e9d428e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pie-chart/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pie-chart { - 50% { - - background-color: var(--icon-color, var(--color-pie-chart-500, currentColor)); - -webkit-mask-image: var(--icon-pie-chart-24); - mask-image: var(--icon-pie-chart-24); - } - 100% { - background-color: var(--icon-color, var(--color-pie-chart-500, currentColor)); -webkit-mask-image: var(--icon-pie-chart-16); mask-image: var(--icon-pie-chart-16); + background-color: var(--icon-color, var(--color-pie-chart-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss index 993026c2a..7410a60c1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/pin/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-pin { - 50% { - - background-color: var(--icon-color, var(--color-pin-500, currentColor)); - -webkit-mask-image: var(--icon-pin-24); - mask-image: var(--icon-pin-24); - } - 100% { - background-color: var(--icon-color, var(--color-pin-500, currentColor)); -webkit-mask-image: var(--icon-pin-16); mask-image: var(--icon-pin-16); + background-color: var(--icon-color, var(--color-pin-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss index 424cdda03..26648a083 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-play-circle { - 50% { - - background-color: var(--icon-color, var(--color-play-circle-500, currentColor)); - -webkit-mask-image: var(--icon-play-circle-24); - mask-image: var(--icon-play-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-play-circle-500, currentColor)); -webkit-mask-image: var(--icon-play-circle-16); mask-image: var(--icon-play-circle-16); + background-color: var(--icon-color, var(--color-play-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss index 23357b0c0..01321553f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-play-fill { - 50% { - - background-color: var(--icon-color, var(--color-play-fill-500, currentColor)); - -webkit-mask-image: var(--icon-play-circle-24); - mask-image: var(--icon-play-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-play-fill-500, currentColor)); -webkit-mask-image: var(--icon-play-circle-16); mask-image: var(--icon-play-circle-16); + background-color: var(--icon-color, var(--color-play-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss index 08734a277..7ab2f30da 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-play-outline { - 50% { - - background-color: var(--icon-color, var(--color-play-outline-500, currentColor)); - -webkit-mask-image: var(--icon-play-circle-24); - mask-image: var(--icon-play-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-play-outline-500, currentColor)); -webkit-mask-image: var(--icon-play-circle-16); mask-image: var(--icon-play-circle-16); + background-color: var(--icon-color, var(--color-play-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss index 3a7127e2c..03f303acb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-play-plain { - 50% { - - background-color: var(--icon-color, var(--color-play-plain-500, currentColor)); - -webkit-mask-image: var(--icon-play-24); - mask-image: var(--icon-play-24); - } - 100% { - background-color: var(--icon-color, var(--color-play-plain-500, currentColor)); -webkit-mask-image: var(--icon-play-16); mask-image: var(--icon-play-16); + background-color: var(--icon-color, var(--color-play-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss index 836620d56..452bba7d3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/play/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-play { - 50% { - - background-color: var(--icon-color, var(--color-play-500, currentColor)); - -webkit-mask-image: var(--icon-play-24); - mask-image: var(--icon-play-24); - } - 100% { - background-color: var(--icon-color, var(--color-play-500, currentColor)); -webkit-mask-image: var(--icon-play-16); mask-image: var(--icon-play-16); + background-color: var(--icon-color, var(--color-play-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss index aeb19a98f..3a43a948a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-plus-circle-24); - mask-image: var(--icon-plus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-plus-circle-16); mask-image: var(--icon-plus-circle-16); + background-color: var(--icon-color, var(--color-plus-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss index 313c51d7f..98c7eb238 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-circle-outline { - 50% { - - background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor)); - -webkit-mask-image: var(--icon-plus-circle-24); - mask-image: var(--icon-plus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor)); -webkit-mask-image: var(--icon-plus-circle-16); mask-image: var(--icon-plus-circle-16); + background-color: var(--icon-color, var(--color-plus-circle-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss index 3db624e87..04bf87b22 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-circle { - 50% { - - background-color: var(--icon-color, var(--color-plus-circle-500, currentColor)); - -webkit-mask-image: var(--icon-plus-circle-24); - mask-image: var(--icon-plus-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-circle-500, currentColor)); -webkit-mask-image: var(--icon-plus-circle-16); mask-image: var(--icon-plus-circle-16); + background-color: var(--icon-color, var(--color-plus-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss index ede103f0b..569f1548b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-plain { - 50% { - - background-color: var(--icon-color, var(--color-plus-plain-500, currentColor)); - -webkit-mask-image: var(--icon-plus-24); - mask-image: var(--icon-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-plain-500, currentColor)); -webkit-mask-image: var(--icon-plus-16); mask-image: var(--icon-plus-16); + background-color: var(--icon-color, var(--color-plus-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss index dea4ca8f5..d1b0e3b8c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-plus-square-24); - mask-image: var(--icon-plus-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-plus-square-16); mask-image: var(--icon-plus-square-16); + background-color: var(--icon-color, var(--color-plus-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss index 2c4110e49..9255830f5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus-square { - 50% { - - background-color: var(--icon-color, var(--color-plus-square-500, currentColor)); - -webkit-mask-image: var(--icon-plus-square-24); - mask-image: var(--icon-plus-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-square-500, currentColor)); -webkit-mask-image: var(--icon-plus-square-16); mask-image: var(--icon-plus-square-16); + background-color: var(--icon-color, var(--color-plus-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss index 49a75f28c..bae721d79 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/plus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-plus { - 50% { - - background-color: var(--icon-color, var(--color-plus-500, currentColor)); - -webkit-mask-image: var(--icon-plus-24); - mask-image: var(--icon-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-plus-500, currentColor)); -webkit-mask-image: var(--icon-plus-16); mask-image: var(--icon-plus-16); + background-color: var(--icon-color, var(--color-plus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss index 2602962c5..171b29600 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/port/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-port { - 50% { - - background-color: var(--icon-color, var(--color-port-500, currentColor)); - -webkit-mask-image: var(--icon-port-24); - mask-image: var(--icon-port-24); - } - 100% { - background-color: var(--icon-color, var(--color-port-500, currentColor)); -webkit-mask-image: var(--icon-port-16); mask-image: var(--icon-port-16); + background-color: var(--icon-color, var(--color-port-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss index d395f89a1..e99df5e05 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/power/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-power { - 50% { - - background-color: var(--icon-color, var(--color-power-500, currentColor)); - -webkit-mask-image: var(--icon-power-24); - mask-image: var(--icon-power-24); - } - 100% { - background-color: var(--icon-color, var(--color-power-500, currentColor)); -webkit-mask-image: var(--icon-power-16); mask-image: var(--icon-power-16); + background-color: var(--icon-color, var(--color-power-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss index 8b7a2f13d..d68f9603b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/printer/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-printer { - 50% { - - background-color: var(--icon-color, var(--color-printer-500, currentColor)); - -webkit-mask-image: var(--icon-printer-24); - mask-image: var(--icon-printer-24); - } - 100% { - background-color: var(--icon-color, var(--color-printer-500, currentColor)); -webkit-mask-image: var(--icon-printer-16); mask-image: var(--icon-printer-16); + background-color: var(--icon-color, var(--color-printer-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss index a4fb6bee2..2980eb355 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/protocol/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-protocol { - 50% { - - background-color: var(--icon-color, var(--color-protocol-500, currentColor)); - -webkit-mask-image: var(--icon-protocol-24); - mask-image: var(--icon-protocol-24); - } - 100% { - background-color: var(--icon-color, var(--color-protocol-500, currentColor)); -webkit-mask-image: var(--icon-protocol-16); mask-image: var(--icon-protocol-16); + background-color: var(--icon-color, var(--color-protocol-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss index 7034cd90d..a7af17348 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/provider/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-provider { - 50% { - - background-color: var(--icon-color, var(--color-provider-500, currentColor)); - -webkit-mask-image: var(--icon-provider-24); - mask-image: var(--icon-provider-24); - } - 100% { - background-color: var(--icon-color, var(--color-provider-500, currentColor)); -webkit-mask-image: var(--icon-provider-16); mask-image: var(--icon-provider-16); + background-color: var(--icon-color, var(--color-provider-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss index ac4d04971..386d325f7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/public-default/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-public-default { - 50% { - - background-color: var(--icon-color, var(--color-public-default-500, currentColor)); - -webkit-mask-image: var(--icon-globe-24); - mask-image: var(--icon-globe-24); - } - 100% { - background-color: var(--icon-color, var(--color-public-default-500, currentColor)); -webkit-mask-image: var(--icon-globe-16); mask-image: var(--icon-globe-16); + background-color: var(--icon-color, var(--color-public-default-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss index 0de83840d..996383eaa 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/public-locked/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-public-locked { - 50% { - - background-color: var(--icon-color, var(--color-public-locked-500, currentColor)); - -webkit-mask-image: var(--icon-globe-private-24); - mask-image: var(--icon-globe-private-24); - } - 100% { - background-color: var(--icon-color, var(--color-public-locked-500, currentColor)); -webkit-mask-image: var(--icon-globe-private-16); mask-image: var(--icon-globe-private-16); + background-color: var(--icon-color, var(--color-public-locked-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss index 4b9be56bd..f6a4d1067 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/queue/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-queue { - 50% { - - background-color: var(--icon-color, var(--color-queue-500, currentColor)); - -webkit-mask-image: var(--icon-queue-24); - mask-image: var(--icon-queue-24); - } - 100% { - background-color: var(--icon-color, var(--color-queue-500, currentColor)); -webkit-mask-image: var(--icon-queue-16); mask-image: var(--icon-queue-16); + background-color: var(--icon-color, var(--color-queue-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss index 52f3ef8b4..2ce3c8d7b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-checked/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-radio-button-checked { - 50% { - - background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor)); - -webkit-mask-image: var(--icon-circle-dot-24); - mask-image: var(--icon-circle-dot-24); - } - 100% { - background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor)); -webkit-mask-image: var(--icon-circle-dot-16); mask-image: var(--icon-circle-dot-16); + background-color: var(--icon-color, var(--color-radio-button-checked-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss index ef7a4a0af..c66f082d9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio-button-unchecked/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-radio-button-unchecked { - 50% { - - background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor)); - -webkit-mask-image: var(--icon-circle-24); - mask-image: var(--icon-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor)); -webkit-mask-image: var(--icon-circle-16); mask-image: var(--icon-circle-16); + background-color: var(--icon-color, var(--color-radio-button-unchecked-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss index e4fcad339..5ee40a311 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/radio/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-radio { - 50% { - - background-color: var(--icon-color, var(--color-radio-500, currentColor)); - -webkit-mask-image: var(--icon-radio-24); - mask-image: var(--icon-radio-24); - } - 100% { - background-color: var(--icon-color, var(--color-radio-500, currentColor)); -webkit-mask-image: var(--icon-radio-16); mask-image: var(--icon-radio-16); + background-color: var(--icon-color, var(--color-radio-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss index 94038680a..2859e66d7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/random/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-random { - 50% { - - background-color: var(--icon-color, var(--color-random-500, currentColor)); - -webkit-mask-image: var(--icon-random-24); - mask-image: var(--icon-random-24); - } - 100% { - background-color: var(--icon-color, var(--color-random-500, currentColor)); -webkit-mask-image: var(--icon-random-16); mask-image: var(--icon-random-16); + background-color: var(--icon-color, var(--color-random-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss index 94bbe70ea..51910931e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/redirect/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-redirect { - 50% { - - background-color: var(--icon-color, var(--color-redirect-500, currentColor)); - -webkit-mask-image: var(--icon-redirect-24); - mask-image: var(--icon-redirect-24); - } - 100% { - background-color: var(--icon-color, var(--color-redirect-500, currentColor)); -webkit-mask-image: var(--icon-redirect-16); mask-image: var(--icon-redirect-16); + background-color: var(--icon-color, var(--color-redirect-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss index 0021f5b7b..6d9467ca1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-alert/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-refresh-alert { - 50% { - - background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor)); - -webkit-mask-image: var(--icon-sync-alert-24); - mask-image: var(--icon-sync-alert-24); - } - 100% { - background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor)); -webkit-mask-image: var(--icon-sync-alert-16); mask-image: var(--icon-sync-alert-16); + background-color: var(--icon-color, var(--color-refresh-alert-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss index 8376b7484..797f679d9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/refresh-default/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-refresh-default { - 50% { - - background-color: var(--icon-color, var(--color-refresh-default-500, currentColor)); - -webkit-mask-image: var(--icon-sync-24); - mask-image: var(--icon-sync-24); - } - 100% { - background-color: var(--icon-color, var(--color-refresh-default-500, currentColor)); -webkit-mask-image: var(--icon-sync-16); mask-image: var(--icon-sync-16); + background-color: var(--icon-color, var(--color-refresh-default-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss index 1c17fdf6e..c92be17f1 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/reload/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-reload { - 50% { - - background-color: var(--icon-color, var(--color-reload-500, currentColor)); - -webkit-mask-image: var(--icon-reload-24); - mask-image: var(--icon-reload-24); - } - 100% { - background-color: var(--icon-color, var(--color-reload-500, currentColor)); -webkit-mask-image: var(--icon-reload-16); mask-image: var(--icon-reload-16); + background-color: var(--icon-color, var(--color-reload-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss index 5536cbe7c..d5ff8b898 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/remix/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-remix { - 50% { - - background-color: var(--icon-color, var(--color-remix-500, currentColor)); - -webkit-mask-image: var(--icon-shuffle-24); - mask-image: var(--icon-shuffle-24); - } - 100% { - background-color: var(--icon-color, var(--color-remix-500, currentColor)); -webkit-mask-image: var(--icon-shuffle-16); mask-image: var(--icon-shuffle-16); + background-color: var(--icon-color, var(--color-remix-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss index cf5ac4430..43c673e1a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/repeat/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-repeat { - 50% { - - background-color: var(--icon-color, var(--color-repeat-500, currentColor)); - -webkit-mask-image: var(--icon-repeat-24); - mask-image: var(--icon-repeat-24); - } - 100% { - background-color: var(--icon-color, var(--color-repeat-500, currentColor)); -webkit-mask-image: var(--icon-repeat-16); mask-image: var(--icon-repeat-16); + background-color: var(--icon-color, var(--color-repeat-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss index c87ba2879..2578b3806 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-direct/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-replication-direct { - 50% { - - background-color: var(--icon-color, var(--color-replication-direct-500, currentColor)); - -webkit-mask-image: var(--icon-replication-direct-24); - mask-image: var(--icon-replication-direct-24); - } - 100% { - background-color: var(--icon-color, var(--color-replication-direct-500, currentColor)); -webkit-mask-image: var(--icon-replication-direct-16); mask-image: var(--icon-replication-direct-16); + background-color: var(--icon-color, var(--color-replication-direct-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss index 40ba3bdcd..ec0e7b2bb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/replication-perf/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-replication-perf { - 50% { - - background-color: var(--icon-color, var(--color-replication-perf-500, currentColor)); - -webkit-mask-image: var(--icon-replication-perf-24); - mask-image: var(--icon-replication-perf-24); - } - 100% { - background-color: var(--icon-color, var(--color-replication-perf-500, currentColor)); -webkit-mask-image: var(--icon-replication-perf-16); mask-image: var(--icon-replication-perf-16); + background-color: var(--icon-color, var(--color-replication-perf-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss index 83a410d45..b3ed71b7e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rewind/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-rewind { - 50% { - - background-color: var(--icon-color, var(--color-rewind-500, currentColor)); - -webkit-mask-image: var(--icon-rewind-24); - mask-image: var(--icon-rewind-24); - } - 100% { - background-color: var(--icon-color, var(--color-rewind-500, currentColor)); -webkit-mask-image: var(--icon-rewind-16); mask-image: var(--icon-rewind-16); + background-color: var(--icon-color, var(--color-rewind-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss index d95f89793..ef1a8373f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/ribbon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-ribbon { - 50% { - - background-color: var(--icon-color, var(--color-ribbon-500, currentColor)); - -webkit-mask-image: var(--icon-award-24); - mask-image: var(--icon-award-24); - } - 100% { - background-color: var(--icon-color, var(--color-ribbon-500, currentColor)); -webkit-mask-image: var(--icon-award-16); mask-image: var(--icon-award-16); + background-color: var(--icon-color, var(--color-ribbon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss index 9e7223a7e..1c09b8d4d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rocket/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-rocket { - 50% { - - background-color: var(--icon-color, var(--color-rocket-500, currentColor)); - -webkit-mask-image: var(--icon-rocket-24); - mask-image: var(--icon-rocket-24); - } - 100% { - background-color: var(--icon-color, var(--color-rocket-500, currentColor)); -webkit-mask-image: var(--icon-rocket-16); mask-image: var(--icon-rocket-16); + background-color: var(--icon-color, var(--color-rocket-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss index 612754607..c975a9cb6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-ccw/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-rotate-ccw { - 50% { - - background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor)); - -webkit-mask-image: var(--icon-rotate-ccw-24); - mask-image: var(--icon-rotate-ccw-24); - } - 100% { - background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor)); -webkit-mask-image: var(--icon-rotate-ccw-16); mask-image: var(--icon-rotate-ccw-16); + background-color: var(--icon-color, var(--color-rotate-ccw-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss index f16e7a512..8926acb1d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rotate-cw/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-rotate-cw { - 50% { - - background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor)); - -webkit-mask-image: var(--icon-rotate-cw-24); - mask-image: var(--icon-rotate-cw-24); - } - 100% { - background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor)); -webkit-mask-image: var(--icon-rotate-cw-16); mask-image: var(--icon-rotate-cw-16); + background-color: var(--icon-color, var(--color-rotate-cw-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss index 51106cdc5..c0b453224 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/rss/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-rss { - 50% { - - background-color: var(--icon-color, var(--color-rss-500, currentColor)); - -webkit-mask-image: var(--icon-rss-24); - mask-image: var(--icon-rss-24); - } - 100% { - background-color: var(--icon-color, var(--color-rss-500, currentColor)); -webkit-mask-image: var(--icon-rss-16); mask-image: var(--icon-rss-16); + background-color: var(--icon-color, var(--color-rss-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss index 096f474d9..a1228da0f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/run/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-run { - 50% { - - background-color: var(--icon-color, var(--color-run-500, currentColor)); - -webkit-mask-image: var(--icon-run-24); - mask-image: var(--icon-run-24); - } - 100% { - background-color: var(--icon-color, var(--color-run-500, currentColor)); -webkit-mask-image: var(--icon-run-16); mask-image: var(--icon-run-16); + background-color: var(--icon-color, var(--color-run-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss index a9156fcb7..cf69cb09f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/running/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-running { - 50% { - - background-color: var(--icon-color, var(--color-running-500, currentColor)); - -webkit-mask-image: var(--icon-running-24); - mask-image: var(--icon-running-24); - } - 100% { - background-color: var(--icon-color, var(--color-running-500, currentColor)); -webkit-mask-image: var(--icon-running-16); mask-image: var(--icon-running-16); + background-color: var(--icon-color, var(--color-running-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss index f4269b7c2..9d9e16604 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/save/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-save { - 50% { - - background-color: var(--icon-color, var(--color-save-500, currentColor)); - -webkit-mask-image: var(--icon-save-24); - mask-image: var(--icon-save-24); - } - 100% { - background-color: var(--icon-color, var(--color-save-500, currentColor)); -webkit-mask-image: var(--icon-save-16); mask-image: var(--icon-save-16); + background-color: var(--icon-color, var(--color-save-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss index 9f7154e5e..805c03ead 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/scissors/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-scissors { - 50% { - - background-color: var(--icon-color, var(--color-scissors-500, currentColor)); - -webkit-mask-image: var(--icon-scissors-24); - mask-image: var(--icon-scissors-24); - } - 100% { - background-color: var(--icon-color, var(--color-scissors-500, currentColor)); -webkit-mask-image: var(--icon-scissors-16); mask-image: var(--icon-scissors-16); + background-color: var(--icon-color, var(--color-scissors-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss index 5413fac41..ce8fe209f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/search-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-search-color { - 50% { - background-image: var(--icon-search-color-24); - } - 100% { background-image: var(--icon-search-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss index 608a7e608..94da815ef 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/search/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-search { - 50% { - - background-color: var(--icon-color, var(--color-search-500, currentColor)); - -webkit-mask-image: var(--icon-search-24); - mask-image: var(--icon-search-24); - } - 100% { - background-color: var(--icon-color, var(--color-search-500, currentColor)); -webkit-mask-image: var(--icon-search-16); mask-image: var(--icon-search-16); + background-color: var(--icon-color, var(--color-search-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss index 5c3202530..950e99831 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/send/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-send { - 50% { - - background-color: var(--icon-color, var(--color-send-500, currentColor)); - -webkit-mask-image: var(--icon-send-24); - mask-image: var(--icon-send-24); - } - 100% { - background-color: var(--icon-color, var(--color-send-500, currentColor)); -webkit-mask-image: var(--icon-send-16); mask-image: var(--icon-send-16); + background-color: var(--icon-color, var(--color-send-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss index fa84aa94d..f79d01897 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/server-cluster/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-server-cluster { - 50% { - - background-color: var(--icon-color, var(--color-server-cluster-500, currentColor)); - -webkit-mask-image: var(--icon-server-cluster-24); - mask-image: var(--icon-server-cluster-24); - } - 100% { - background-color: var(--icon-color, var(--color-server-cluster-500, currentColor)); -webkit-mask-image: var(--icon-server-cluster-16); mask-image: var(--icon-server-cluster-16); + background-color: var(--icon-color, var(--color-server-cluster-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss index 54b33cdb6..a1b9e04d6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/server/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-server { - 50% { - - background-color: var(--icon-color, var(--color-server-500, currentColor)); - -webkit-mask-image: var(--icon-server-24); - mask-image: var(--icon-server-24); - } - 100% { - background-color: var(--icon-color, var(--color-server-500, currentColor)); -webkit-mask-image: var(--icon-server-16); mask-image: var(--icon-server-16); + background-color: var(--icon-color, var(--color-server-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss index 621443a4a..ccdb81477 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/serverless/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-serverless { - 50% { - - background-color: var(--icon-color, var(--color-serverless-500, currentColor)); - -webkit-mask-image: var(--icon-serverless-24); - mask-image: var(--icon-serverless-24); - } - 100% { - background-color: var(--icon-color, var(--color-serverless-500, currentColor)); -webkit-mask-image: var(--icon-serverless-16); mask-image: var(--icon-serverless-16); + background-color: var(--icon-color, var(--color-serverless-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss index 5da74992d..0222c02cc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/settings/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-settings { - 50% { - - background-color: var(--icon-color, var(--color-settings-500, currentColor)); - -webkit-mask-image: var(--icon-settings-24); - mask-image: var(--icon-settings-24); - } - 100% { - background-color: var(--icon-color, var(--color-settings-500, currentColor)); -webkit-mask-image: var(--icon-settings-16); mask-image: var(--icon-settings-16); + background-color: var(--icon-color, var(--color-settings-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss index c1878cd9c..49c048e92 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/share/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-share { - 50% { - - background-color: var(--icon-color, var(--color-share-500, currentColor)); - -webkit-mask-image: var(--icon-share-24); - mask-image: var(--icon-share-24); - } - 100% { - background-color: var(--icon-color, var(--color-share-500, currentColor)); -webkit-mask-image: var(--icon-share-16); mask-image: var(--icon-share-16); + background-color: var(--icon-color, var(--color-share-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss index 60466b539..a6fdf7098 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-alert/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shield-alert { - 50% { - - background-color: var(--icon-color, var(--color-shield-alert-500, currentColor)); - -webkit-mask-image: var(--icon-shield-alert-24); - mask-image: var(--icon-shield-alert-24); - } - 100% { - background-color: var(--icon-color, var(--color-shield-alert-500, currentColor)); -webkit-mask-image: var(--icon-shield-alert-16); mask-image: var(--icon-shield-alert-16); + background-color: var(--icon-color, var(--color-shield-alert-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss index d2fe2587a..e47ea46f5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-check/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shield-check { - 50% { - - background-color: var(--icon-color, var(--color-shield-check-500, currentColor)); - -webkit-mask-image: var(--icon-shield-check-24); - mask-image: var(--icon-shield-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-shield-check-500, currentColor)); -webkit-mask-image: var(--icon-shield-check-16); mask-image: var(--icon-shield-check-16); + background-color: var(--icon-color, var(--color-shield-check-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss index 2344cc319..aaf69289c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shield-off { - 50% { - - background-color: var(--icon-color, var(--color-shield-off-500, currentColor)); - -webkit-mask-image: var(--icon-shield-off-24); - mask-image: var(--icon-shield-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-shield-off-500, currentColor)); -webkit-mask-image: var(--icon-shield-off-16); mask-image: var(--icon-shield-off-16); + background-color: var(--icon-color, var(--color-shield-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss index 41fc52954..c9aaf33d7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield-x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shield-x { - 50% { - - background-color: var(--icon-color, var(--color-shield-x-500, currentColor)); - -webkit-mask-image: var(--icon-shield-x-24); - mask-image: var(--icon-shield-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-shield-x-500, currentColor)); -webkit-mask-image: var(--icon-shield-x-16); mask-image: var(--icon-shield-x-16); + background-color: var(--icon-color, var(--color-shield-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss index 97122c7e6..5c2bf108f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shield/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shield { - 50% { - - background-color: var(--icon-color, var(--color-shield-500, currentColor)); - -webkit-mask-image: var(--icon-shield-24); - mask-image: var(--icon-shield-24); - } - 100% { - background-color: var(--icon-color, var(--color-shield-500, currentColor)); -webkit-mask-image: var(--icon-shield-16); mask-image: var(--icon-shield-16); + background-color: var(--icon-color, var(--color-shield-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss index f4efebb28..68d840e08 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-bag/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shopping-bag { - 50% { - - background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor)); - -webkit-mask-image: var(--icon-shopping-bag-24); - mask-image: var(--icon-shopping-bag-24); - } - 100% { - background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor)); -webkit-mask-image: var(--icon-shopping-bag-16); mask-image: var(--icon-shopping-bag-16); + background-color: var(--icon-color, var(--color-shopping-bag-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss index 3f18c8553..9074a6fbf 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shopping-cart/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shopping-cart { - 50% { - - background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor)); - -webkit-mask-image: var(--icon-shopping-cart-24); - mask-image: var(--icon-shopping-cart-24); - } - 100% { - background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor)); -webkit-mask-image: var(--icon-shopping-cart-16); mask-image: var(--icon-shopping-cart-16); + background-color: var(--icon-color, var(--color-shopping-cart-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss index 8f8fb9869..72c49cdd5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/shuffle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-shuffle { - 50% { - - background-color: var(--icon-color, var(--color-shuffle-500, currentColor)); - -webkit-mask-image: var(--icon-shuffle-24); - mask-image: var(--icon-shuffle-24); - } - 100% { - background-color: var(--icon-color, var(--color-shuffle-500, currentColor)); -webkit-mask-image: var(--icon-shuffle-16); mask-image: var(--icon-shuffle-16); + background-color: var(--icon-color, var(--color-shuffle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss index 826b39e06..824384e1b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-hide/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sidebar-hide { - 50% { - - background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor)); - -webkit-mask-image: var(--icon-sidebar-hide-24); - mask-image: var(--icon-sidebar-hide-24); - } - 100% { - background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor)); -webkit-mask-image: var(--icon-sidebar-hide-16); mask-image: var(--icon-sidebar-hide-16); + background-color: var(--icon-color, var(--color-sidebar-hide-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss index 443810d47..17c0ac64a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar-show/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sidebar-show { - 50% { - - background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor)); - -webkit-mask-image: var(--icon-sidebar-show-24); - mask-image: var(--icon-sidebar-show-24); - } - 100% { - background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor)); -webkit-mask-image: var(--icon-sidebar-show-16); mask-image: var(--icon-sidebar-show-16); + background-color: var(--icon-color, var(--color-sidebar-show-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss index 99d66e1fc..f1b29b44d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sidebar/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sidebar { - 50% { - - background-color: var(--icon-color, var(--color-sidebar-500, currentColor)); - -webkit-mask-image: var(--icon-sidebar-24); - mask-image: var(--icon-sidebar-24); - } - 100% { - background-color: var(--icon-color, var(--color-sidebar-500, currentColor)); -webkit-mask-image: var(--icon-sidebar-16); mask-image: var(--icon-sidebar-16); + background-color: var(--icon-color, var(--color-sidebar-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss index b3c3c2dcc..b8da14baa 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-in/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sign-in { - 50% { - - background-color: var(--icon-color, var(--color-sign-in-500, currentColor)); - -webkit-mask-image: var(--icon-sign-in-24); - mask-image: var(--icon-sign-in-24); - } - 100% { - background-color: var(--icon-color, var(--color-sign-in-500, currentColor)); -webkit-mask-image: var(--icon-sign-in-16); mask-image: var(--icon-sign-in-16); + background-color: var(--icon-color, var(--color-sign-in-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss index 060fa320e..e6ded0183 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sign-out/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sign-out { - 50% { - - background-color: var(--icon-color, var(--color-sign-out-500, currentColor)); - -webkit-mask-image: var(--icon-sign-out-24); - mask-image: var(--icon-sign-out-24); - } - 100% { - background-color: var(--icon-color, var(--color-sign-out-500, currentColor)); -webkit-mask-image: var(--icon-sign-out-16); mask-image: var(--icon-sign-out-16); + background-color: var(--icon-color, var(--color-sign-out-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss index e1dca30eb..f59bb3343 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-back/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-skip-back { - 50% { - - background-color: var(--icon-color, var(--color-skip-back-500, currentColor)); - -webkit-mask-image: var(--icon-skip-back-24); - mask-image: var(--icon-skip-back-24); - } - 100% { - background-color: var(--icon-color, var(--color-skip-back-500, currentColor)); -webkit-mask-image: var(--icon-skip-back-16); mask-image: var(--icon-skip-back-16); + background-color: var(--icon-color, var(--color-skip-back-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss index 426b82f59..4dbdef47b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip-forward/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-skip-forward { - 50% { - - background-color: var(--icon-color, var(--color-skip-forward-500, currentColor)); - -webkit-mask-image: var(--icon-skip-forward-24); - mask-image: var(--icon-skip-forward-24); - } - 100% { - background-color: var(--icon-color, var(--color-skip-forward-500, currentColor)); -webkit-mask-image: var(--icon-skip-forward-16); mask-image: var(--icon-skip-forward-16); + background-color: var(--icon-color, var(--color-skip-forward-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss index ce4691249..393201c79 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/skip/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-skip { - 50% { - - background-color: var(--icon-color, var(--color-skip-500, currentColor)); - -webkit-mask-image: var(--icon-skip-24); - mask-image: var(--icon-skip-24); - } - 100% { - background-color: var(--icon-color, var(--color-skip-500, currentColor)); -webkit-mask-image: var(--icon-skip-16); mask-image: var(--icon-skip-16); + background-color: var(--icon-color, var(--color-skip-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss index 2b299cc23..aa2976c56 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slack-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-slack-color { - 50% { - background-image: var(--icon-slack-color-24); - } - 100% { background-image: var(--icon-slack-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss index 134283be4..c247aad6c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slack/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-slack { - 50% { - - background-color: var(--icon-color, var(--color-slack-500, currentColor)); - -webkit-mask-image: var(--icon-slack-color-24); - mask-image: var(--icon-slack-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-slack-500, currentColor)); -webkit-mask-image: var(--icon-slack-color-16); mask-image: var(--icon-slack-color-16); + background-color: var(--icon-color, var(--color-slack-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss index 536acb5f5..7832aaf2b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slash-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-slash-square { - 50% { - - background-color: var(--icon-color, var(--color-slash-square-500, currentColor)); - -webkit-mask-image: var(--icon-slash-square-24); - mask-image: var(--icon-slash-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-slash-square-500, currentColor)); -webkit-mask-image: var(--icon-slash-square-16); mask-image: var(--icon-slash-square-16); + background-color: var(--icon-color, var(--color-slash-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss index 74e96be1c..a8a69f7a0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/slash/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-slash { - 50% { - - background-color: var(--icon-color, var(--color-slash-500, currentColor)); - -webkit-mask-image: var(--icon-slash-24); - mask-image: var(--icon-slash-24); - } - 100% { - background-color: var(--icon-color, var(--color-slash-500, currentColor)); -webkit-mask-image: var(--icon-slash-16); mask-image: var(--icon-slash-16); + background-color: var(--icon-color, var(--color-slash-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss index 425b9fb74..e4086a4e0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sliders/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sliders { - 50% { - - background-color: var(--icon-color, var(--color-sliders-500, currentColor)); - -webkit-mask-image: var(--icon-sliders-24); - mask-image: var(--icon-sliders-24); - } - 100% { - background-color: var(--icon-color, var(--color-sliders-500, currentColor)); -webkit-mask-image: var(--icon-sliders-16); mask-image: var(--icon-sliders-16); + background-color: var(--icon-color, var(--color-sliders-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss index 7ce504a44..cc5546279 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/smartphone/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-smartphone { - 50% { - - background-color: var(--icon-color, var(--color-smartphone-500, currentColor)); - -webkit-mask-image: var(--icon-smartphone-24); - mask-image: var(--icon-smartphone-24); - } - 100% { - background-color: var(--icon-color, var(--color-smartphone-500, currentColor)); -webkit-mask-image: var(--icon-smartphone-16); mask-image: var(--icon-smartphone-16); + background-color: var(--icon-color, var(--color-smartphone-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss index 949859603..9b7c1ee22 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/smile/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-smile { - 50% { - - background-color: var(--icon-color, var(--color-smile-500, currentColor)); - -webkit-mask-image: var(--icon-smile-24); - mask-image: var(--icon-smile-24); - } - 100% { - background-color: var(--icon-color, var(--color-smile-500, currentColor)); -webkit-mask-image: var(--icon-smile-16); mask-image: var(--icon-smile-16); + background-color: var(--icon-color, var(--color-smile-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss index faff11c15..0cb014f08 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/socket/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-socket { - 50% { - - background-color: var(--icon-color, var(--color-socket-500, currentColor)); - -webkit-mask-image: var(--icon-socket-24); - mask-image: var(--icon-socket-24); - } - 100% { - background-color: var(--icon-color, var(--color-socket-500, currentColor)); -webkit-mask-image: var(--icon-socket-16); mask-image: var(--icon-socket-16); + background-color: var(--icon-color, var(--color-socket-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss index 3b23b7029..ed7895e7f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-asc/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sort-asc { - 50% { - - background-color: var(--icon-color, var(--color-sort-asc-500, currentColor)); - -webkit-mask-image: var(--icon-sort-asc-24); - mask-image: var(--icon-sort-asc-24); - } - 100% { - background-color: var(--icon-color, var(--color-sort-asc-500, currentColor)); -webkit-mask-image: var(--icon-sort-asc-16); mask-image: var(--icon-sort-asc-16); + background-color: var(--icon-color, var(--color-sort-asc-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss index e31b1ac64..24781e28d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort-desc/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sort-desc { - 50% { - - background-color: var(--icon-color, var(--color-sort-desc-500, currentColor)); - -webkit-mask-image: var(--icon-sort-desc-24); - mask-image: var(--icon-sort-desc-24); - } - 100% { - background-color: var(--icon-color, var(--color-sort-desc-500, currentColor)); -webkit-mask-image: var(--icon-sort-desc-16); mask-image: var(--icon-sort-desc-16); + background-color: var(--icon-color, var(--color-sort-desc-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss index 7a7ac5b66..335f176ba 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sort/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sort { - 50% { - - background-color: var(--icon-color, var(--color-sort-500, currentColor)); - -webkit-mask-image: var(--icon-sort-desc-24); - mask-image: var(--icon-sort-desc-24); - } - 100% { - background-color: var(--icon-color, var(--color-sort-500, currentColor)); -webkit-mask-image: var(--icon-sort-desc-16); mask-image: var(--icon-sort-desc-16); + background-color: var(--icon-color, var(--color-sort-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss index 22c1b2ff1..cef55ce3f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/source-file/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-source-file { - 50% { - - background-color: var(--icon-color, var(--color-source-file-500, currentColor)); - -webkit-mask-image: var(--icon-file-source-24); - mask-image: var(--icon-file-source-24); - } - 100% { - background-color: var(--icon-color, var(--color-source-file-500, currentColor)); -webkit-mask-image: var(--icon-file-source-16); mask-image: var(--icon-file-source-16); + background-color: var(--icon-color, var(--color-source-file-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss index 58d3d39e2..f6774a996 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/speaker/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-speaker { - 50% { - - background-color: var(--icon-color, var(--color-speaker-500, currentColor)); - -webkit-mask-image: var(--icon-speaker-24); - mask-image: var(--icon-speaker-24); - } - 100% { - background-color: var(--icon-color, var(--color-speaker-500, currentColor)); -webkit-mask-image: var(--icon-speaker-16); mask-image: var(--icon-speaker-16); + background-color: var(--icon-color, var(--color-speaker-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss index cf050bdd4..7392b60f3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-square-fill-24); - mask-image: var(--icon-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-square-fill-16); mask-image: var(--icon-square-fill-16); + background-color: var(--icon-color, var(--color-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss index d0959fbe6..fe48a264e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-square { - 50% { - - background-color: var(--icon-color, var(--color-square-500, currentColor)); - -webkit-mask-image: var(--icon-square-24); - mask-image: var(--icon-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-square-500, currentColor)); -webkit-mask-image: var(--icon-square-16); mask-image: var(--icon-square-16); + background-color: var(--icon-color, var(--color-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss index 61ee69100..969b1f521 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-star-circle { - 50% { - - background-color: var(--icon-color, var(--color-star-circle-500, currentColor)); - -webkit-mask-image: var(--icon-star-circle-24); - mask-image: var(--icon-star-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-star-circle-500, currentColor)); -webkit-mask-image: var(--icon-star-circle-16); mask-image: var(--icon-star-circle-16); + background-color: var(--icon-color, var(--color-star-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss index 2e0b258bb..e74eba176 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-star-fill { - 50% { - - background-color: var(--icon-color, var(--color-star-fill-500, currentColor)); - -webkit-mask-image: var(--icon-star-fill-24); - mask-image: var(--icon-star-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-star-fill-500, currentColor)); -webkit-mask-image: var(--icon-star-fill-16); mask-image: var(--icon-star-fill-16); + background-color: var(--icon-color, var(--color-star-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss index a33365bd5..0d6199e54 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-star-off { - 50% { - - background-color: var(--icon-color, var(--color-star-off-500, currentColor)); - -webkit-mask-image: var(--icon-star-off-24); - mask-image: var(--icon-star-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-star-off-500, currentColor)); -webkit-mask-image: var(--icon-star-off-16); mask-image: var(--icon-star-off-16); + background-color: var(--icon-color, var(--color-star-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss index 3c1bee40b..596bf5fa7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-star-outline { - 50% { - - background-color: var(--icon-color, var(--color-star-outline-500, currentColor)); - -webkit-mask-image: var(--icon-star-24); - mask-image: var(--icon-star-24); - } - 100% { - background-color: var(--icon-color, var(--color-star-outline-500, currentColor)); -webkit-mask-image: var(--icon-star-16); mask-image: var(--icon-star-16); + background-color: var(--icon-color, var(--color-star-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss index 2fc710761..98204e8e8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/star/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-star { - 50% { - - background-color: var(--icon-color, var(--color-star-500, currentColor)); - -webkit-mask-image: var(--icon-star-24); - mask-image: var(--icon-star-24); - } - 100% { - background-color: var(--icon-color, var(--color-star-500, currentColor)); -webkit-mask-image: var(--icon-star-16); mask-image: var(--icon-star-16); + background-color: var(--icon-color, var(--color-star-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss index 636c02278..0703ea586 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/stop-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-stop-circle { - 50% { - - background-color: var(--icon-color, var(--color-stop-circle-500, currentColor)); - -webkit-mask-image: var(--icon-stop-circle-24); - mask-image: var(--icon-stop-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-stop-circle-500, currentColor)); -webkit-mask-image: var(--icon-stop-circle-16); mask-image: var(--icon-stop-circle-16); + background-color: var(--icon-color, var(--color-stop-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss index 53ef059fb..c58fbad21 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sub-left { - 50% { - - background-color: var(--icon-color, var(--color-sub-left-500, currentColor)); - -webkit-mask-image: var(--icon-corner-down-left-24); - mask-image: var(--icon-corner-down-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-sub-left-500, currentColor)); -webkit-mask-image: var(--icon-corner-down-left-16); mask-image: var(--icon-corner-down-left-16); + background-color: var(--icon-color, var(--color-sub-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss index 671a39925..9303a7eed 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sub-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sub-right { - 50% { - - background-color: var(--icon-color, var(--color-sub-right-500, currentColor)); - -webkit-mask-image: var(--icon-corner-down-right-24); - mask-image: var(--icon-corner-down-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-sub-right-500, currentColor)); -webkit-mask-image: var(--icon-corner-down-right-16); mask-image: var(--icon-corner-down-right-16); + background-color: var(--icon-color, var(--color-sub-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss index aa0c15538..3c8e6ee4d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sun/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sun { - 50% { - - background-color: var(--icon-color, var(--color-sun-500, currentColor)); - -webkit-mask-image: var(--icon-sun-24); - mask-image: var(--icon-sun-24); - } - 100% { - background-color: var(--icon-color, var(--color-sun-500, currentColor)); -webkit-mask-image: var(--icon-sun-16); mask-image: var(--icon-sun-16); + background-color: var(--icon-color, var(--color-sun-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss index e86b220dc..feec023ce 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/support/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-support { - 50% { - - background-color: var(--icon-color, var(--color-support-500, currentColor)); - -webkit-mask-image: var(--icon-support-24); - mask-image: var(--icon-support-24); - } - 100% { - background-color: var(--icon-color, var(--color-support-500, currentColor)); -webkit-mask-image: var(--icon-support-16); mask-image: var(--icon-support-16); + background-color: var(--icon-color, var(--color-support-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss index 46b3d4f52..fb356aa42 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-horizontal/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-swap-horizontal { - 50% { - - background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor)); - -webkit-mask-image: var(--icon-swap-horizontal-24); - mask-image: var(--icon-swap-horizontal-24); - } - 100% { - background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor)); -webkit-mask-image: var(--icon-swap-horizontal-16); mask-image: var(--icon-swap-horizontal-16); + background-color: var(--icon-color, var(--color-swap-horizontal-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss index 611baad0e..059ae89ef 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/swap-vertical/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-swap-vertical { - 50% { - - background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor)); - -webkit-mask-image: var(--icon-swap-vertical-24); - mask-image: var(--icon-swap-vertical-24); - } - 100% { - background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor)); -webkit-mask-image: var(--icon-swap-vertical-16); mask-image: var(--icon-swap-vertical-16); + background-color: var(--icon-color, var(--color-swap-vertical-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss index 66da856ba..dc07c049a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/switcher/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-switcher { - 50% { - - background-color: var(--icon-color, var(--color-switcher-500, currentColor)); - -webkit-mask-image: var(--icon-switcher-24); - mask-image: var(--icon-switcher-24); - } - 100% { - background-color: var(--icon-color, var(--color-switcher-500, currentColor)); -webkit-mask-image: var(--icon-switcher-16); mask-image: var(--icon-switcher-16); + background-color: var(--icon-color, var(--color-switcher-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss index c384abc76..993d40da7 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-alert/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sync-alert { - 50% { - - background-color: var(--icon-color, var(--color-sync-alert-500, currentColor)); - -webkit-mask-image: var(--icon-sync-alert-24); - mask-image: var(--icon-sync-alert-24); - } - 100% { - background-color: var(--icon-color, var(--color-sync-alert-500, currentColor)); -webkit-mask-image: var(--icon-sync-alert-16); mask-image: var(--icon-sync-alert-16); + background-color: var(--icon-color, var(--color-sync-alert-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss index ecac91288..4fcaca03a 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync-reverse/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sync-reverse { - 50% { - - background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor)); - -webkit-mask-image: var(--icon-sync-reverse-24); - mask-image: var(--icon-sync-reverse-24); - } - 100% { - background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor)); -webkit-mask-image: var(--icon-sync-reverse-16); mask-image: var(--icon-sync-reverse-16); + background-color: var(--icon-color, var(--color-sync-reverse-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss index 6b5e44380..379438bd5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/sync/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-sync { - 50% { - - background-color: var(--icon-color, var(--color-sync-500, currentColor)); - -webkit-mask-image: var(--icon-sync-24); - mask-image: var(--icon-sync-24); - } - 100% { - background-color: var(--icon-color, var(--color-sync-500, currentColor)); -webkit-mask-image: var(--icon-sync-16); mask-image: var(--icon-sync-16); + background-color: var(--icon-color, var(--color-sync-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss index ce7f84e81..6ebb589f6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tablet/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-tablet { - 50% { - - background-color: var(--icon-color, var(--color-tablet-500, currentColor)); - -webkit-mask-image: var(--icon-tablet-24); - mask-image: var(--icon-tablet-24); - } - 100% { - background-color: var(--icon-color, var(--color-tablet-500, currentColor)); -webkit-mask-image: var(--icon-tablet-16); mask-image: var(--icon-tablet-16); + background-color: var(--icon-color, var(--color-tablet-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss index ab748c68f..0c5a2ddc8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tag/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-tag { - 50% { - - background-color: var(--icon-color, var(--color-tag-500, currentColor)); - -webkit-mask-image: var(--icon-tag-24); - mask-image: var(--icon-tag-24); - } - 100% { - background-color: var(--icon-color, var(--color-tag-500, currentColor)); -webkit-mask-image: var(--icon-tag-16); mask-image: var(--icon-tag-16); + background-color: var(--icon-color, var(--color-tag-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss index 5ac24a6fa..fa0b7ae82 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/target/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-target { - 50% { - - background-color: var(--icon-color, var(--color-target-500, currentColor)); - -webkit-mask-image: var(--icon-target-24); - mask-image: var(--icon-target-24); - } - 100% { - background-color: var(--icon-color, var(--color-target-500, currentColor)); -webkit-mask-image: var(--icon-target-16); mask-image: var(--icon-target-16); + background-color: var(--icon-color, var(--color-target-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss index e38db36ad..fdff1377d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal-screen/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-terminal-screen { - 50% { - - background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor)); - -webkit-mask-image: var(--icon-terminal-screen-24); - mask-image: var(--icon-terminal-screen-24); - } - 100% { - background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor)); -webkit-mask-image: var(--icon-terminal-screen-16); mask-image: var(--icon-terminal-screen-16); + background-color: var(--icon-color, var(--color-terminal-screen-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss index a12168c85..60a696108 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terminal/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-terminal { - 50% { - - background-color: var(--icon-color, var(--color-terminal-500, currentColor)); - -webkit-mask-image: var(--icon-terminal-24); - mask-image: var(--icon-terminal-24); - } - 100% { - background-color: var(--icon-color, var(--color-terminal-500, currentColor)); -webkit-mask-image: var(--icon-terminal-16); mask-image: var(--icon-terminal-16); + background-color: var(--icon-color, var(--color-terminal-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss index d0433fe34..d9a9e61bc 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-terraform-color { - 50% { - background-image: var(--icon-terraform-color-24); - } - 100% { background-image: var(--icon-terraform-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss index d6341c0af..e22b86204 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/terraform/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-terraform { - 50% { - - background-color: var(--icon-color, var(--color-terraform-500, currentColor)); - -webkit-mask-image: var(--icon-terraform-color-24); - mask-image: var(--icon-terraform-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-terraform-500, currentColor)); -webkit-mask-image: var(--icon-terraform-color-16); mask-image: var(--icon-terraform-color-16); + background-color: var(--icon-color, var(--color-terraform-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss index f0297ff6d..9b5e197b5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-thumbs-down { - 50% { - - background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor)); - -webkit-mask-image: var(--icon-thumbs-down-24); - mask-image: var(--icon-thumbs-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor)); -webkit-mask-image: var(--icon-thumbs-down-16); mask-image: var(--icon-thumbs-down-16); + background-color: var(--icon-color, var(--color-thumbs-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss index 05f779dd6..cd9aa42cf 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/thumbs-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-thumbs-up { - 50% { - - background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor)); - -webkit-mask-image: var(--icon-thumbs-up-24); - mask-image: var(--icon-thumbs-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor)); -webkit-mask-image: var(--icon-thumbs-up-16); mask-image: var(--icon-thumbs-up-16); + background-color: var(--icon-color, var(--color-thumbs-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss index 4eb1e1dad..641970bd4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-left/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-toggle-left { - 50% { - - background-color: var(--icon-color, var(--color-toggle-left-500, currentColor)); - -webkit-mask-image: var(--icon-toggle-left-24); - mask-image: var(--icon-toggle-left-24); - } - 100% { - background-color: var(--icon-color, var(--color-toggle-left-500, currentColor)); -webkit-mask-image: var(--icon-toggle-left-16); mask-image: var(--icon-toggle-left-16); + background-color: var(--icon-color, var(--color-toggle-left-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss index a83c5216e..db573217b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/toggle-right/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-toggle-right { - 50% { - - background-color: var(--icon-color, var(--color-toggle-right-500, currentColor)); - -webkit-mask-image: var(--icon-toggle-right-24); - mask-image: var(--icon-toggle-right-24); - } - 100% { - background-color: var(--icon-color, var(--color-toggle-right-500, currentColor)); -webkit-mask-image: var(--icon-toggle-right-16); mask-image: var(--icon-toggle-right-16); + background-color: var(--icon-color, var(--color-toggle-right-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss index 04d544ced..4335688a5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/token/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-token { - 50% { - - background-color: var(--icon-color, var(--color-token-500, currentColor)); - -webkit-mask-image: var(--icon-token-24); - mask-image: var(--icon-token-24); - } - 100% { - background-color: var(--icon-color, var(--color-token-500, currentColor)); -webkit-mask-image: var(--icon-token-16); mask-image: var(--icon-token-16); + background-color: var(--icon-color, var(--color-token-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss index ec2ebb764..aeaed5818 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tools/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-tools { - 50% { - - background-color: var(--icon-color, var(--color-tools-500, currentColor)); - -webkit-mask-image: var(--icon-tools-24); - mask-image: var(--icon-tools-24); - } - 100% { - background-color: var(--icon-color, var(--color-tools-500, currentColor)); -webkit-mask-image: var(--icon-tools-16); mask-image: var(--icon-tools-16); + background-color: var(--icon-color, var(--color-tools-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss index 78b6f79c8..eccc7eb86 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/top/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-top { - 50% { - - background-color: var(--icon-color, var(--color-top-500, currentColor)); - -webkit-mask-image: var(--icon-top-24); - mask-image: var(--icon-top-24); - } - 100% { - background-color: var(--icon-color, var(--color-top-500, currentColor)); -webkit-mask-image: var(--icon-top-16); mask-image: var(--icon-top-16); + background-color: var(--icon-color, var(--color-top-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss index ff4485d5c..3313b2f47 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trash/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-trash { - 50% { - - background-color: var(--icon-color, var(--color-trash-500, currentColor)); - -webkit-mask-image: var(--icon-trash-24); - mask-image: var(--icon-trash-24); - } - 100% { - background-color: var(--icon-color, var(--color-trash-500, currentColor)); -webkit-mask-image: var(--icon-trash-16); mask-image: var(--icon-trash-16); + background-color: var(--icon-color, var(--color-trash-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss index 657fbfdf8..2ffef6608 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-trend-down { - 50% { - - background-color: var(--icon-color, var(--color-trend-down-500, currentColor)); - -webkit-mask-image: var(--icon-trend-down-24); - mask-image: var(--icon-trend-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-trend-down-500, currentColor)); -webkit-mask-image: var(--icon-trend-down-16); mask-image: var(--icon-trend-down-16); + background-color: var(--icon-color, var(--color-trend-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss index 4e7908e83..395d5fda6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/trend-up/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-trend-up { - 50% { - - background-color: var(--icon-color, var(--color-trend-up-500, currentColor)); - -webkit-mask-image: var(--icon-trend-up-24); - mask-image: var(--icon-trend-up-24); - } - 100% { - background-color: var(--icon-color, var(--color-trend-up-500, currentColor)); -webkit-mask-image: var(--icon-trend-up-16); mask-image: var(--icon-trend-up-16); + background-color: var(--icon-color, var(--color-trend-up-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss index 960e3be01..3d1a8b3f9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-triangle-fill { - 50% { - - background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-triangle-fill-24); - mask-image: var(--icon-triangle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor)); -webkit-mask-image: var(--icon-triangle-fill-16); mask-image: var(--icon-triangle-fill-16); + background-color: var(--icon-color, var(--color-triangle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss index 6099cebe9..59f3bcda0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/triangle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-triangle { - 50% { - - background-color: var(--icon-color, var(--color-triangle-500, currentColor)); - -webkit-mask-image: var(--icon-triangle-24); - mask-image: var(--icon-triangle-24); - } - 100% { - background-color: var(--icon-color, var(--color-triangle-500, currentColor)); -webkit-mask-image: var(--icon-triangle-16); mask-image: var(--icon-triangle-16); + background-color: var(--icon-color, var(--color-triangle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss index a5c3e9f4b..7d6b5ef2b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/truck/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-truck { - 50% { - - background-color: var(--icon-color, var(--color-truck-500, currentColor)); - -webkit-mask-image: var(--icon-truck-24); - mask-image: var(--icon-truck-24); - } - 100% { - background-color: var(--icon-color, var(--color-truck-500, currentColor)); -webkit-mask-image: var(--icon-truck-16); mask-image: var(--icon-truck-16); + background-color: var(--icon-color, var(--color-truck-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss index 244e6aeb1..b94e2ce5f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tune/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-tune { - 50% { - - background-color: var(--icon-color, var(--color-tune-500, currentColor)); - -webkit-mask-image: var(--icon-sliders-24); - mask-image: var(--icon-sliders-24); - } - 100% { - background-color: var(--icon-color, var(--color-tune-500, currentColor)); -webkit-mask-image: var(--icon-sliders-16); mask-image: var(--icon-sliders-16); + background-color: var(--icon-color, var(--color-tune-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss index f88ee7c5e..0c5c37c8e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/tv/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-tv { - 50% { - - background-color: var(--icon-color, var(--color-tv-500, currentColor)); - -webkit-mask-image: var(--icon-tv-24); - mask-image: var(--icon-tv-24); - } - 100% { - background-color: var(--icon-color, var(--color-tv-500, currentColor)); -webkit-mask-image: var(--icon-tv-16); mask-image: var(--icon-tv-16); + background-color: var(--icon-color, var(--color-tv-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss index 44f8a060d..55d86264b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-twitch-color { - 50% { - background-image: var(--icon-twitch-color-24); - } - 100% { background-image: var(--icon-twitch-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss index aa2998afc..3fb1f12c2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitch/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-twitch { - 50% { - - background-color: var(--icon-color, var(--color-twitch-500, currentColor)); - -webkit-mask-image: var(--icon-twitch-color-24); - mask-image: var(--icon-twitch-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-twitch-500, currentColor)); -webkit-mask-image: var(--icon-twitch-color-16); mask-image: var(--icon-twitch-color-16); + background-color: var(--icon-color, var(--color-twitch-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss index a3b0fa2c4..d6d11a135 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-twitter-color { - 50% { - background-image: var(--icon-twitter-color-24); - } - 100% { background-image: var(--icon-twitter-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss index 5c4420fc1..761bec327 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/twitter/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-twitter { - 50% { - - background-color: var(--icon-color, var(--color-twitter-500, currentColor)); - -webkit-mask-image: var(--icon-twitter-color-24); - mask-image: var(--icon-twitter-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-twitter-500, currentColor)); -webkit-mask-image: var(--icon-twitter-color-16); mask-image: var(--icon-twitter-color-16); + background-color: var(--icon-color, var(--color-twitter-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss index 5d206c5ab..7b5bf8154 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/type/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-type { - 50% { - - background-color: var(--icon-color, var(--color-type-500, currentColor)); - -webkit-mask-image: var(--icon-type-24); - mask-image: var(--icon-type-24); - } - 100% { - background-color: var(--icon-color, var(--color-type-500, currentColor)); -webkit-mask-image: var(--icon-type-16); mask-image: var(--icon-type-16); + background-color: var(--icon-color, var(--color-type-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss index 52cf4b128..b1a6b0849 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-close/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-unfold-close { - 50% { - - background-color: var(--icon-color, var(--color-unfold-close-500, currentColor)); - -webkit-mask-image: var(--icon-unfold-close-24); - mask-image: var(--icon-unfold-close-24); - } - 100% { - background-color: var(--icon-color, var(--color-unfold-close-500, currentColor)); -webkit-mask-image: var(--icon-unfold-close-16); mask-image: var(--icon-unfold-close-16); + background-color: var(--icon-color, var(--color-unfold-close-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss index 803bef666..f0d09906d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-less/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-unfold-less { - 50% { - - background-color: var(--icon-color, var(--color-unfold-less-500, currentColor)); - -webkit-mask-image: var(--icon-unfold-close-24); - mask-image: var(--icon-unfold-close-24); - } - 100% { - background-color: var(--icon-color, var(--color-unfold-less-500, currentColor)); -webkit-mask-image: var(--icon-unfold-close-16); mask-image: var(--icon-unfold-close-16); + background-color: var(--icon-color, var(--color-unfold-less-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss index 4866551af..fc861ca63 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-more/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-unfold-more { - 50% { - - background-color: var(--icon-color, var(--color-unfold-more-500, currentColor)); - -webkit-mask-image: var(--icon-unfold-open-24); - mask-image: var(--icon-unfold-open-24); - } - 100% { - background-color: var(--icon-color, var(--color-unfold-more-500, currentColor)); -webkit-mask-image: var(--icon-unfold-open-16); mask-image: var(--icon-unfold-open-16); + background-color: var(--icon-color, var(--color-unfold-more-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss index 8352b6e98..2a1189244 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unfold-open/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-unfold-open { - 50% { - - background-color: var(--icon-color, var(--color-unfold-open-500, currentColor)); - -webkit-mask-image: var(--icon-unfold-open-24); - mask-image: var(--icon-unfold-open-24); - } - 100% { - background-color: var(--icon-color, var(--color-unfold-open-500, currentColor)); -webkit-mask-image: var(--icon-unfold-open-16); mask-image: var(--icon-unfold-open-16); + background-color: var(--icon-color, var(--color-unfold-open-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss index d6983937a..7c458f80b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/union/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-union { - 50% { - - background-color: var(--icon-color, var(--color-union-500, currentColor)); - -webkit-mask-image: var(--icon-union-24); - mask-image: var(--icon-union-24); - } - 100% { - background-color: var(--icon-color, var(--color-union-500, currentColor)); -webkit-mask-image: var(--icon-union-16); mask-image: var(--icon-union-16); + background-color: var(--icon-color, var(--color-union-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss index e7f647090..ea1c2b85c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/unlock/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-unlock { - 50% { - - background-color: var(--icon-color, var(--color-unlock-500, currentColor)); - -webkit-mask-image: var(--icon-unlock-24); - mask-image: var(--icon-unlock-24); - } - 100% { - background-color: var(--icon-color, var(--color-unlock-500, currentColor)); -webkit-mask-image: var(--icon-unlock-16); mask-image: var(--icon-unlock-16); + background-color: var(--icon-color, var(--color-unlock-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss index a0f538df7..0d02de897 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/upload/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-upload { - 50% { - - background-color: var(--icon-color, var(--color-upload-500, currentColor)); - -webkit-mask-image: var(--icon-upload-24); - mask-image: var(--icon-upload-24); - } - 100% { - background-color: var(--icon-color, var(--color-upload-500, currentColor)); -webkit-mask-image: var(--icon-upload-16); mask-image: var(--icon-upload-16); + background-color: var(--icon-color, var(--color-upload-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss index 639ce01fb..21270ceda 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-add/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-add { - 50% { - - background-color: var(--icon-color, var(--color-user-add-500, currentColor)); - -webkit-mask-image: var(--icon-user-plus-24); - mask-image: var(--icon-user-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-add-500, currentColor)); -webkit-mask-image: var(--icon-user-plus-16); mask-image: var(--icon-user-plus-16); + background-color: var(--icon-color, var(--color-user-add-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss index 89ed5610c..e403d81d8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-check/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-check { - 50% { - - background-color: var(--icon-color, var(--color-user-check-500, currentColor)); - -webkit-mask-image: var(--icon-user-check-24); - mask-image: var(--icon-user-check-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-check-500, currentColor)); -webkit-mask-image: var(--icon-user-check-16); mask-image: var(--icon-user-check-16); + background-color: var(--icon-color, var(--color-user-check-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss index 5dfcc44e4..e4f4000cb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-user-circle-fill-24); - mask-image: var(--icon-user-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-user-circle-fill-16); mask-image: var(--icon-user-circle-fill-16); + background-color: var(--icon-color, var(--color-user-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss index d1e0c7d89..5646cca6e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-circle { - 50% { - - background-color: var(--icon-color, var(--color-user-circle-500, currentColor)); - -webkit-mask-image: var(--icon-user-circle-24); - mask-image: var(--icon-user-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-circle-500, currentColor)); -webkit-mask-image: var(--icon-user-circle-16); mask-image: var(--icon-user-circle-16); + background-color: var(--icon-color, var(--color-user-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss index 5c9e91b40..4fdde6106 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-minus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-minus { - 50% { - - background-color: var(--icon-color, var(--color-user-minus-500, currentColor)); - -webkit-mask-image: var(--icon-user-minus-24); - mask-image: var(--icon-user-minus-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-minus-500, currentColor)); -webkit-mask-image: var(--icon-user-minus-16); mask-image: var(--icon-user-minus-16); + background-color: var(--icon-color, var(--color-user-minus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss index 8259ce00c..6d6197403 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-organization/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-organization { - 50% { - - background-color: var(--icon-color, var(--color-user-organization-500, currentColor)); - -webkit-mask-image: var(--icon-org-24); - mask-image: var(--icon-org-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-organization-500, currentColor)); -webkit-mask-image: var(--icon-org-16); mask-image: var(--icon-org-16); + background-color: var(--icon-color, var(--color-user-organization-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss index 1944c1188..b31e7c2ee 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plain/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-plain { - 50% { - - background-color: var(--icon-color, var(--color-user-plain-500, currentColor)); - -webkit-mask-image: var(--icon-user-24); - mask-image: var(--icon-user-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-plain-500, currentColor)); -webkit-mask-image: var(--icon-user-16); mask-image: var(--icon-user-16); + background-color: var(--icon-color, var(--color-user-plain-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss index fc30d2229..5aef31c85 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-plus/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-plus { - 50% { - - background-color: var(--icon-color, var(--color-user-plus-500, currentColor)); - -webkit-mask-image: var(--icon-user-plus-24); - mask-image: var(--icon-user-plus-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-plus-500, currentColor)); -webkit-mask-image: var(--icon-user-plus-16); mask-image: var(--icon-user-plus-16); + background-color: var(--icon-color, var(--color-user-plus-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss index 78df81011..d971fc866 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-user-circle-fill-24); - mask-image: var(--icon-user-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-user-circle-fill-16); mask-image: var(--icon-user-circle-fill-16); + background-color: var(--icon-color, var(--color-user-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss index 872d07513..bcd0a8268 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-square-outline/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-square-outline { - 50% { - - background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor)); - -webkit-mask-image: var(--icon-user-circle-24); - mask-image: var(--icon-user-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor)); -webkit-mask-image: var(--icon-user-circle-16); mask-image: var(--icon-user-circle-16); + background-color: var(--icon-color, var(--color-user-square-outline-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss index e2d7697bf..2c06caf7f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-team/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-team { - 50% { - - background-color: var(--icon-color, var(--color-user-team-500, currentColor)); - -webkit-mask-image: var(--icon-users-24); - mask-image: var(--icon-users-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-team-500, currentColor)); -webkit-mask-image: var(--icon-users-16); mask-image: var(--icon-users-16); + background-color: var(--icon-color, var(--color-user-team-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss index f81a04805..eef0459d9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user-x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user-x { - 50% { - - background-color: var(--icon-color, var(--color-user-x-500, currentColor)); - -webkit-mask-image: var(--icon-user-x-24); - mask-image: var(--icon-user-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-x-500, currentColor)); -webkit-mask-image: var(--icon-user-x-16); mask-image: var(--icon-user-x-16); + background-color: var(--icon-color, var(--color-user-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss index 5cd993f6d..9c973b3e6 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/user/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-user { - 50% { - - background-color: var(--icon-color, var(--color-user-500, currentColor)); - -webkit-mask-image: var(--icon-user-24); - mask-image: var(--icon-user-24); - } - 100% { - background-color: var(--icon-color, var(--color-user-500, currentColor)); -webkit-mask-image: var(--icon-user-16); mask-image: var(--icon-user-16); + background-color: var(--icon-color, var(--color-user-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss index 4ae16d5b8..2dd8cd378 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/users/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-users { - 50% { - - background-color: var(--icon-color, var(--color-users-500, currentColor)); - -webkit-mask-image: var(--icon-users-24); - mask-image: var(--icon-users-24); - } - 100% { - background-color: var(--icon-color, var(--color-users-500, currentColor)); -webkit-mask-image: var(--icon-users-16); mask-image: var(--icon-users-16); + background-color: var(--icon-color, var(--color-users-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss index 0f9dc999c..48eab05bd 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-vagrant-color { - 50% { - background-image: var(--icon-vagrant-color-24); - } - 100% { background-image: var(--icon-vagrant-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss index 5bfb316fb..dc4820e0e 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vagrant/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-vagrant { - 50% { - - background-color: var(--icon-color, var(--color-vagrant-500, currentColor)); - -webkit-mask-image: var(--icon-vagrant-color-24); - mask-image: var(--icon-vagrant-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-vagrant-500, currentColor)); -webkit-mask-image: var(--icon-vagrant-color-16); mask-image: var(--icon-vagrant-color-16); + background-color: var(--icon-color, var(--color-vagrant-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss index 6cd4b2da2..5246a48a2 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vault-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-vault-color { - 50% { - background-image: var(--icon-vault-color-24); - } - 100% { background-image: var(--icon-vault-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss index 42b1163cc..89c1ccfc4 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vault/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-vault { - 50% { - - background-color: var(--icon-color, var(--color-vault-500, currentColor)); - -webkit-mask-image: var(--icon-vault-color-24); - mask-image: var(--icon-vault-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-vault-500, currentColor)); -webkit-mask-image: var(--icon-vault-color-16); mask-image: var(--icon-vault-color-16); + background-color: var(--icon-color, var(--color-vault-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss index 438288785..62912b498 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/verified/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-verified { - 50% { - - background-color: var(--icon-color, var(--color-verified-500, currentColor)); - -webkit-mask-image: var(--icon-verified-24); - mask-image: var(--icon-verified-24); - } - 100% { - background-color: var(--icon-color, var(--color-verified-500, currentColor)); -webkit-mask-image: var(--icon-verified-16); mask-image: var(--icon-verified-16); + background-color: var(--icon-color, var(--color-verified-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss index 9e06a33ef..0fe053d9f 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/video-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-video-off { - 50% { - - background-color: var(--icon-color, var(--color-video-off-500, currentColor)); - -webkit-mask-image: var(--icon-video-off-24); - mask-image: var(--icon-video-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-video-off-500, currentColor)); -webkit-mask-image: var(--icon-video-off-16); mask-image: var(--icon-video-off-16); + background-color: var(--icon-color, var(--color-video-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss index c454acb17..ea2d34971 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/video/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-video { - 50% { - - background-color: var(--icon-color, var(--color-video-500, currentColor)); - -webkit-mask-image: var(--icon-video-24); - mask-image: var(--icon-video-24); - } - 100% { - background-color: var(--icon-color, var(--color-video-500, currentColor)); -webkit-mask-image: var(--icon-video-16); mask-image: var(--icon-video-16); + background-color: var(--icon-color, var(--color-video-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss index bdb764fda..6d0e7dfd8 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-hide/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-visibility-hide { - 50% { - - background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor)); - -webkit-mask-image: var(--icon-eye-off-24); - mask-image: var(--icon-eye-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor)); -webkit-mask-image: var(--icon-eye-off-16); mask-image: var(--icon-eye-off-16); + background-color: var(--icon-color, var(--color-visibility-hide-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss index 0b88a97ac..b1d25385d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/visibility-show/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-visibility-show { - 50% { - - background-color: var(--icon-color, var(--color-visibility-show-500, currentColor)); - -webkit-mask-image: var(--icon-eye-24); - mask-image: var(--icon-eye-24); - } - 100% { - background-color: var(--icon-color, var(--color-visibility-show-500, currentColor)); -webkit-mask-image: var(--icon-eye-16); mask-image: var(--icon-eye-16); + background-color: var(--icon-color, var(--color-visibility-show-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss index 0d288e3fc..731070f9c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-vmware-color { - 50% { - background-image: var(--icon-vmware-color-24); - } - 100% { background-image: var(--icon-vmware-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss index c7134a326..36afdc442 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/vmware/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-vmware { - 50% { - - background-color: var(--icon-color, var(--color-vmware-500, currentColor)); - -webkit-mask-image: var(--icon-vmware-color-24); - mask-image: var(--icon-vmware-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-vmware-500, currentColor)); -webkit-mask-image: var(--icon-vmware-color-16); mask-image: var(--icon-vmware-color-16); + background-color: var(--icon-color, var(--color-vmware-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss index b9a937707..70146e7c9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-2/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-volume-2 { - 50% { - - background-color: var(--icon-color, var(--color-volume-2-500, currentColor)); - -webkit-mask-image: var(--icon-volume-2-24); - mask-image: var(--icon-volume-2-24); - } - 100% { - background-color: var(--icon-color, var(--color-volume-2-500, currentColor)); -webkit-mask-image: var(--icon-volume-2-16); mask-image: var(--icon-volume-2-16); + background-color: var(--icon-color, var(--color-volume-2-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss index fa5531fea..ffb73168c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-down/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-volume-down { - 50% { - - background-color: var(--icon-color, var(--color-volume-down-500, currentColor)); - -webkit-mask-image: var(--icon-volume-down-24); - mask-image: var(--icon-volume-down-24); - } - 100% { - background-color: var(--icon-color, var(--color-volume-down-500, currentColor)); -webkit-mask-image: var(--icon-volume-down-16); mask-image: var(--icon-volume-down-16); + background-color: var(--icon-color, var(--color-volume-down-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss index 3e58ccf8d..674003af9 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume-x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-volume-x { - 50% { - - background-color: var(--icon-color, var(--color-volume-x-500, currentColor)); - -webkit-mask-image: var(--icon-volume-x-24); - mask-image: var(--icon-volume-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-volume-x-500, currentColor)); -webkit-mask-image: var(--icon-volume-x-16); mask-image: var(--icon-volume-x-16); + background-color: var(--icon-color, var(--color-volume-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss index 2bc76ce0c..a0b5ff97d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/volume/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-volume { - 50% { - - background-color: var(--icon-color, var(--color-volume-500, currentColor)); - -webkit-mask-image: var(--icon-volume-24); - mask-image: var(--icon-volume-24); - } - 100% { - background-color: var(--icon-color, var(--color-volume-500, currentColor)); -webkit-mask-image: var(--icon-volume-16); mask-image: var(--icon-volume-16); + background-color: var(--icon-color, var(--color-volume-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss index 1fa3ae40c..39879c00b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wall/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-wall { - 50% { - - background-color: var(--icon-color, var(--color-wall-500, currentColor)); - -webkit-mask-image: var(--icon-wall-24); - mask-image: var(--icon-wall-24); - } - 100% { - background-color: var(--icon-color, var(--color-wall-500, currentColor)); -webkit-mask-image: var(--icon-wall-16); mask-image: var(--icon-wall-16); + background-color: var(--icon-color, var(--color-wall-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss index 0d74984f8..5e5d87241 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wand/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-wand { - 50% { - - background-color: var(--icon-color, var(--color-wand-500, currentColor)); - -webkit-mask-image: var(--icon-wand-24); - mask-image: var(--icon-wand-24); - } - 100% { - background-color: var(--icon-color, var(--color-wand-500, currentColor)); -webkit-mask-image: var(--icon-wand-16); mask-image: var(--icon-wand-16); + background-color: var(--icon-color, var(--color-wand-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss index a2e40b451..c8c508739 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/watch/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-watch { - 50% { - - background-color: var(--icon-color, var(--color-watch-500, currentColor)); - -webkit-mask-image: var(--icon-watch-24); - mask-image: var(--icon-watch-24); - } - 100% { - background-color: var(--icon-color, var(--color-watch-500, currentColor)); -webkit-mask-image: var(--icon-watch-16); mask-image: var(--icon-watch-16); + background-color: var(--icon-color, var(--color-watch-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss index 262c46692..6638f0e88 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-waypoint-color { - 50% { - background-image: var(--icon-waypoint-color-24); - } - 100% { background-image: var(--icon-waypoint-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss index c9c6707c4..b0ddf3d3d 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/waypoint/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-waypoint { - 50% { - - background-color: var(--icon-color, var(--color-waypoint-500, currentColor)); - -webkit-mask-image: var(--icon-waypoint-color-24); - mask-image: var(--icon-waypoint-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-waypoint-500, currentColor)); -webkit-mask-image: var(--icon-waypoint-color-16); mask-image: var(--icon-waypoint-color-16); + background-color: var(--icon-color, var(--color-waypoint-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss index 17d41c5b5..d625ee533 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/webhook/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-webhook { - 50% { - - background-color: var(--icon-color, var(--color-webhook-500, currentColor)); - -webkit-mask-image: var(--icon-webhook-24); - mask-image: var(--icon-webhook-24); - } - 100% { - background-color: var(--icon-color, var(--color-webhook-500, currentColor)); -webkit-mask-image: var(--icon-webhook-16); mask-image: var(--icon-webhook-16); + background-color: var(--icon-color, var(--color-webhook-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss index 5466c20fb..c9eea74ef 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-wifi-off { - 50% { - - background-color: var(--icon-color, var(--color-wifi-off-500, currentColor)); - -webkit-mask-image: var(--icon-wifi-off-24); - mask-image: var(--icon-wifi-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-wifi-off-500, currentColor)); -webkit-mask-image: var(--icon-wifi-off-16); mask-image: var(--icon-wifi-off-16); + background-color: var(--icon-color, var(--color-wifi-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss index f45656f7e..400648d03 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wifi/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-wifi { - 50% { - - background-color: var(--icon-color, var(--color-wifi-500, currentColor)); - -webkit-mask-image: var(--icon-wifi-24); - mask-image: var(--icon-wifi-24); - } - 100% { - background-color: var(--icon-color, var(--color-wifi-500, currentColor)); -webkit-mask-image: var(--icon-wifi-16); mask-image: var(--icon-wifi-16); + background-color: var(--icon-color, var(--color-wifi-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss index 4a390580c..2b004a290 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/wrench/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-wrench { - 50% { - - background-color: var(--icon-color, var(--color-wrench-500, currentColor)); - -webkit-mask-image: var(--icon-wrench-24); - mask-image: var(--icon-wrench-24); - } - 100% { - background-color: var(--icon-color, var(--color-wrench-500, currentColor)); -webkit-mask-image: var(--icon-wrench-16); mask-image: var(--icon-wrench-16); + background-color: var(--icon-color, var(--color-wrench-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss index e2f5f958c..a56ef3a48 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-circle-fill { - 50% { - - background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-circle-fill-24); - mask-image: var(--icon-x-circle-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-circle-fill-16); mask-image: var(--icon-x-circle-fill-16); + background-color: var(--icon-color, var(--color-x-circle-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss index 0860a7fd4..2ba398eb0 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-circle/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-circle { - 50% { - - background-color: var(--icon-color, var(--color-x-circle-500, currentColor)); - -webkit-mask-image: var(--icon-x-circle-24); - mask-image: var(--icon-x-circle-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-circle-500, currentColor)); -webkit-mask-image: var(--icon-x-circle-16); mask-image: var(--icon-x-circle-16); + background-color: var(--icon-color, var(--color-x-circle-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss index 3ad898824..ff70e36ab 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-diamond-fill { - 50% { - - background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-diamond-fill-24); - mask-image: var(--icon-x-diamond-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-diamond-fill-16); mask-image: var(--icon-x-diamond-fill-16); + background-color: var(--icon-color, var(--color-x-diamond-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss index f91c592b0..7a9a3f99b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-diamond/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-diamond { - 50% { - - background-color: var(--icon-color, var(--color-x-diamond-500, currentColor)); - -webkit-mask-image: var(--icon-x-diamond-24); - mask-image: var(--icon-x-diamond-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-diamond-500, currentColor)); -webkit-mask-image: var(--icon-x-diamond-16); mask-image: var(--icon-x-diamond-16); + background-color: var(--icon-color, var(--color-x-diamond-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss index c20cfe464..3a33dd942 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-hexagon-fill { - 50% { - - background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-hexagon-fill-24); - mask-image: var(--icon-x-hexagon-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-hexagon-fill-16); mask-image: var(--icon-x-hexagon-fill-16); + background-color: var(--icon-color, var(--color-x-hexagon-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss index 1e234aeba..ff82cfa7b 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-hexagon/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-hexagon { - 50% { - - background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor)); - -webkit-mask-image: var(--icon-x-hexagon-24); - mask-image: var(--icon-x-hexagon-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor)); -webkit-mask-image: var(--icon-x-hexagon-16); mask-image: var(--icon-x-hexagon-16); + background-color: var(--icon-color, var(--color-x-hexagon-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss index c6c127ab1..f45e5c119 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square-fill/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-square-fill { - 50% { - - background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor)); - -webkit-mask-image: var(--icon-x-square-fill-24); - mask-image: var(--icon-x-square-fill-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor)); -webkit-mask-image: var(--icon-x-square-fill-16); mask-image: var(--icon-x-square-fill-16); + background-color: var(--icon-color, var(--color-x-square-fill-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss index f44af5cc7..56cbf6b61 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x-square/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x-square { - 50% { - - background-color: var(--icon-color, var(--color-x-square-500, currentColor)); - -webkit-mask-image: var(--icon-x-square-24); - mask-image: var(--icon-x-square-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-square-500, currentColor)); -webkit-mask-image: var(--icon-x-square-16); mask-image: var(--icon-x-square-16); + background-color: var(--icon-color, var(--color-x-square-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss index d4d2fa786..c4ceea443 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/x/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-x { - 50% { - - background-color: var(--icon-color, var(--color-x-500, currentColor)); - -webkit-mask-image: var(--icon-x-24); - mask-image: var(--icon-x-24); - } - 100% { - background-color: var(--icon-color, var(--color-x-500, currentColor)); -webkit-mask-image: var(--icon-x-16); mask-image: var(--icon-x-16); + background-color: var(--icon-color, var(--color-x-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss index f343ccceb..b51e455c5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube-color/keyframes.scss @@ -1,8 +1,4 @@ @keyframes icon-youtube-color { - 50% { - background-image: var(--icon-youtube-color-24); - } - 100% { background-image: var(--icon-youtube-color-16); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss index b793f6049..2c3c0c7d5 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/youtube/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-youtube { - 50% { - - background-color: var(--icon-color, var(--color-youtube-500, currentColor)); - -webkit-mask-image: var(--icon-youtube-color-24); - mask-image: var(--icon-youtube-color-24); - } - 100% { - background-color: var(--icon-color, var(--color-youtube-500, currentColor)); -webkit-mask-image: var(--icon-youtube-color-16); mask-image: var(--icon-youtube-color-16); + background-color: var(--icon-color, var(--color-youtube-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss index 306892212..ff9ffa8fb 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zap-off/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-zap-off { - 50% { - - background-color: var(--icon-color, var(--color-zap-off-500, currentColor)); - -webkit-mask-image: var(--icon-zap-off-24); - mask-image: var(--icon-zap-off-24); - } - 100% { - background-color: var(--icon-color, var(--color-zap-off-500, currentColor)); -webkit-mask-image: var(--icon-zap-off-16); mask-image: var(--icon-zap-off-16); + background-color: var(--icon-color, var(--color-zap-off-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss index deb343f9d..119018287 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zap/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-zap { - 50% { - - background-color: var(--icon-color, var(--color-zap-500, currentColor)); - -webkit-mask-image: var(--icon-zap-24); - mask-image: var(--icon-zap-24); - } - 100% { - background-color: var(--icon-color, var(--color-zap-500, currentColor)); -webkit-mask-image: var(--icon-zap-16); mask-image: var(--icon-zap-16); + background-color: var(--icon-color, var(--color-zap-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss index 32d275987..7560a7a2c 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-in/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-zoom-in { - 50% { - - background-color: var(--icon-color, var(--color-zoom-in-500, currentColor)); - -webkit-mask-image: var(--icon-zoom-in-24); - mask-image: var(--icon-zoom-in-24); - } - 100% { - background-color: var(--icon-color, var(--color-zoom-in-500, currentColor)); -webkit-mask-image: var(--icon-zoom-in-16); mask-image: var(--icon-zoom-in-16); + background-color: var(--icon-color, var(--color-zoom-in-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss index dc5aad889..ac2085ed3 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/icons/zoom-out/keyframes.scss @@ -1,15 +1,9 @@ @keyframes icon-zoom-out { - 50% { - - background-color: var(--icon-color, var(--color-zoom-out-500, currentColor)); - -webkit-mask-image: var(--icon-zoom-out-24); - mask-image: var(--icon-zoom-out-24); - } - 100% { - background-color: var(--icon-color, var(--color-zoom-out-500, currentColor)); -webkit-mask-image: var(--icon-zoom-out-16); mask-image: var(--icon-zoom-out-16); + background-color: var(--icon-color, var(--color-zoom-out-500, currentColor)); + } } \ No newline at end of file diff --git a/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss b/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss index 47e8f1288..df790a6d8 100644 --- a/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss +++ b/ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss @@ -65,7 +65,6 @@ section[data-route='dc.show.serverstatus'] { } %server-failure-tolerance dl.warning dd::before { --icon-name: icon-alert-circle; - --icon-resolution: .5; --icon-size: icon-800; --icon-color: rgb(var(--tone-orange-400)); content: '';