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

Visa Product Design System Nova HTML+CSS library

/**
 *              © 2025-2026 Visa
 *
 * 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-divider-border-width:0px;--v-divider-color-decorative:var(--palette-default-border);--v-divider-color-section:var(--palette-default-active);--v-divider-color-standard:var(--palette-default-active-subtle);--v-divider-high-contrast-decorative:#000000;--v-divider-margin:0;--v-divider-thickness-default:calc(var(--theme-border-size) / 2);--v-divider-thickness-section:var(--theme-border-size)}}@layer components{.v-divider{background-color:var(--v-divider-color-standard);block-size:var(--v-divider-thickness-default);border-width:var(--v-divider-border-width);margin:var(--v-divider-margin)}@media(forced-colors: active){.v-divider{--v-divider-border-width:1px;border-color:var(--v-divider-color-standard)}}.v-divider-section{--v-divider-color-standard:var(--v-divider-color-section);--v-divider-thickness-default:var(--v-divider-thickness-section)}.v-divider-decorative{--v-divider-color-standard:var(--v-divider-color-decorative)}@media(prefers-contrast: more){.v-divider-decorative{--v-divider-color-standard:var(--v-divider-high-contrast-decorative)}}}