assets/sass/protocol/components/_breadcrumb.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

@use '../includes/lib' as *;

.mzp-c-breadcrumb {
    background-color: $background-color-secondary;

    .mzp-c-breadcrumb-list {
        margin-bottom: 0;
        padding: $spacing-sm $spacing-md;

        .mzp-c-breadcrumb-item {
            display: inline-block;

            &:last-child {
                font-weight: bold;
            }

            + .mzp-c-breadcrumb-item {
                &::before {
                    @include bidi(((content, '\2192', '\2190'),));
                    font-weight: normal;
                    margin: 0 0.25em;
                }
            }

            a {
                text-decoration: none;
            }
        }

        @media #{$mq-md} {
            padding: $spacing-sm $layout-sm;
        }

        @media #{$mq-lg} {
            padding: $spacing-sm $layout-xl - $spacing-md;
        }
    }

    &.mzp-t-dark {
        background-color: $background-color-secondary-inverse;
    }

    @supports (--css: variables) {
        background-color: var(--background-color-secondary);

        &.mzp-t-dark {
            background-color: var(--background-color-secondary-inverse);
        }
    }
}