# Citadel
BigCommerce's Sass Library. Used in <a href="://cp-pattern-lab.bigcommerce.net">the BigCommerce Pattern Lab</a>.

### Developer Notices

<div class="alertBox alertBox--warning">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        The <code>.u-hiddenVisually</code> display utility is being deprecated. <code>.is-srOnly</code> is the approved replacement.
    </div>
</div>

<div class="alertBox alertBox--warning">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        All <code>.u-</code> utility classes will be deprecated in version 3.0.0. Please upgrade by <code>@include</code>ing the appropriate mixin into a CSS class specific to your component's needs.
    </div>
</div>