Footer

Guidelines

To do

  • Need to disucss if the footer can have some sort of text in it; like copyright, logo and such.
<footer class="lbh-footer"></footer>
  • Content:
    .lbh-footer {
        background-color: var(--background-footer);
        border-top: 4px solid var(--background-bar-second);
        position: relative;
        width: 100%;
        height: auto;
        padding: 4rem;
    }
    
    .lbh-footer:before {
        content: "";
        background: var(--background-bar-first);
        top: -11px;
        display: block;
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
    }
    
    .lbh-footer:after {
        content: "";
        background: var(--background-bar-third);
        top: 5px;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
    }
  • URL: /components/raw/footer/footer.css
  • Filesystem Path: components/02-atoms/03-footer/footer.css
  • Size: 574 Bytes