Skip to content

Instantly share code, notes, and snippets.

@thatryan

thatryan/gist:a06807c8f12e73798da4d17c50b916c6

Created June 3, 2019 20:06
Show Gist options
  • Save thatryan/a06807c8f12e73798da4d17c50b916c6 to your computer and use it in GitHub Desktop.
Save thatryan/a06807c8f12e73798da4d17c50b916c6 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. thatryan renamed this gist Jun 3, 2019. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → gistfile1.scss
    View file
    File renamed without changes.
  2. thatryan created this gist Jun 3, 2019.
    42 changes: 42 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    .banner {
    $banner: &;
    color: $lexus-white;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6em 0;
    background-size: cover;
    height: 500px;

    &--dark {
    color: $lexus-mid-dark;
    }

    &--no-height {
    height: auto;
    padding: 0;
    }

    &__copy {
    max-width: 60%;
    margin: 0;
    }

    &__copy--enform {
    margin-bottom: 1em;
    }

    &--full {
    #{$banner}__copy {
    max-width: 90%;
    }
    }

    &__link {
    background: $lexus-dark;
    color: $lexus-white;
    padding: 1em 4em;
    }
    }