Policy Links

Used for privacy policy, terms and conditions, etc.



<div class="policy-links" id="">

    <!-- BEGIN privacy policy -->
    <div class="policy-link policy-link--privacy">
    
        <a href="#lightbox-privacy-policy" class="lightbox lightbox--inline js-lightbox--inline">Privacy Policy</a>

        <div id="lightbox-privacy-policy" class="inline-popup inline-popup--md mfp-hide">
    
            <div class="inline-popup__header">
                <h5>Privacy Policy</h5>
            </div>

            <div class="inline-popup__content">
                [Privacy Policy Content Here]
            </div>

        </div>
    
    </div>
    <!-- END privacy policy -->

    <!-- BEGIN terms & conditions -->
    <div class="policy-link policy-link--terms-conditions">
    
        <a href="#lightbox-terms-conditions" class="lightbox lightbox--inline js-lightbox--inline">Terms & Conditions</a>

        <div id="lightbox-terms-conditions" class="inline-popup inline-popup--md mfp-hide">
    
            <div class="inline-popup__header">
                <h5>Terms & Conditions</h5>
            </div>

            <div class="inline-popup__header">
                [Terms & Conditions Content Here]
            </div>


        </div>
    
    </div>
    <!-- END terms & conditions -->

</div>

Class Reference

Class Info
policy-links Primary container. Should be added to a div.
policy-link Denotes a single policy link. Should be added to a div.
policy-link--[type] Specifies the type of policy link. Available Values: "privacy", "terms-conditions"