Footer 

<div class="kx-page__footer kx-theme--navy">
    <footer role="contentinfo">
        <div class="kx-container kx-footer kx-flex kx-flex-row-reverse kx-align-items-center">
            <div class="kx-footer__logo">
                <img src="../../assets/img/gfx/kog-logo-neg.svg" alt="">
            </div>
            <div class="kx-footer__text">
                <p>Copyright ©2017 Kongsberg Gruppen - All rights reserved <br>
                    <a href="mailto:mb172.digital.platform.developers@kdi.kongsberg.com">Contact Us</a>
                </p>
            </div>
        </div>
    </footer>
</div>
 
<div class="kx-page__footer kx-theme--navy">
    <footer role="contentinfo">
        <div class="kx-container kx-footer kx-flex kx-flex-row-reverse kx-align-items-center">
            <div class="kx-footer__logo">
                <img src="../../assets/img/gfx/kog-logo-neg.svg" alt="">
            </div>
            <div class="kx-footer__text">
                <p>Copyright ©2017 Kongsberg Gruppen - All rights reserved <br>
                    <a href="mailto:mb172.digital.platform.developers@kdi.kongsberg.com">Contact Us</a>
                </p>
            </div>
        </div>
    </footer>
</div>
 
/* No context defined for this component. */
  • Content: 
    // ==========================================================================
// Component: footer
// ==========================================================================

// Elements (children)
// ==========================================================================
.kx-footer__logo {
    @include m(large, none, large, none);
    width: rem-calc(88);
    height: rem-calc(48);

    img {
        width: 100%;
        height: 100%;
    }
}

.kx-footer__text {
    @include m(large, none, large, none);
    @include type-scale(small);
    text-align: right;
}


// Block (parent)
// ==========================================================================
.kx-footer {
    position: relative;
}

// Modifiers
// ==========================================================================
  • URL: /components/raw/footer/_footer.scss
  • Filesystem Path: src\components\01-footer\_footer.scss
  • Size: 833 Bytes

There are no notes for this item.