@visa/nova-styles/components/icon/index.css

Visa Product Design System Nova HTML+CSS library

/**
 *              Copyright (c) 2025 Visa, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 **/
@layer components{:root,.v-alternate{--v-icon-primary:var(--palette-default-active);--v-icon-secondary:var(--palette-default-active);--v-icon-height:var(--size-responsive-24);--v-icon-width:var(--size-responsive-24);--v-icon-high-height:var(--size-responsive-48);--v-icon-high-width:var(--size-responsive-48);--v-icon-low-height:var(--size-responsive-24);--v-icon-low-width:var(--size-responsive-24);--v-icon-tiny-height:var(--size-responsive-16);--v-icon-tiny-width:var(--size-responsive-16)}}@layer components{.v-icon-rtl[dir=rtl] .v-icon,.v-icon.v-icon-rtl[dir=rtl],[dir=rtl] .v-icon-rtl .v-icon,[dir=rtl] .v-icon.v-icon-rtl{scale:-1 1}.v-icon{block-size:var(--v-icon-height);flex-shrink:0;inline-size:var(--v-icon-width)}.v-icon:not(.v-icon-visa){fill:var(--v-icon-primary, currentColor)}.v-icon-generic{--v-icon-primary:currentColor;--v-icon-secondary:currentColor}.v-icon-visa .v-icon-primary{fill:var(--v-icon-primary)}.v-icon-visa .v-icon-secondary{fill:var(--v-icon-secondary)}.v-icon-high{--v-icon-height:var(--v-icon-high-height);--v-icon-width:var(--v-icon-high-width)}.v-icon-low{--v-icon-height:var(--v-icon-low-height);--v-icon-width:var(--v-icon-low-width)}.v-icon-tiny{--v-icon-height:var(--v-icon-tiny-height);--v-icon-width:var(--v-icon-tiny-width)}}