No notes defined.

<nav class=" utilityNav">
    <ul class="utilityNav__list">
        <li class="utilityNav__item">
            <a class="utilityNav__link" href="#">privacy policy</a>
        </li>
        <li class="utilityNav__item">
            <a class="utilityNav__link" href="#">legal</a>
        </li>
    </ul>
</nav>
  • Content:
    @use "/resources/styles/common" as *;
    @use "/resources/styles/config";
    
    .utilityNav {
        $b: &;
    
        &__list {
            @include no-bullets;
            display: flex;
        }
    
        &__item {
    
            &:last-child {
                #{$b}__link {
                    padding-right: 0;
                }
            }
    
            & + & {
                #{$b}__link {
                    border-left: 1px solid config.$border;
                }
            }
        }
    
        &__link {
            padding: 0 config.$thin-h-space;
        }
    }
    
  • URL: /components/raw/utility-nav/_index.scss
  • Filesystem Path: resources/styles/atoms/utility-nav/_index.scss
  • Size: 485 Bytes