‹ Home
Exported

Little Flower - Springfield, IL

Gary Smith, Web Department Director at DiocesanVeronica Alvarado, Project Manager at DiocesanMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanNathalie Shultz, Web ConsultantSister Linda, Little Flower - Springfield, IL StaffCody Armock, Web Content Specialist at DiocesanMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel TupperKarl Evans, DiocesanLamont Blake, Web Support at Diocesan
From the list: Build

✔ Add small linear gradient to footer similar to Sacred Heart Joliet accordions

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
  • gradient at top of footer thats darker like this one

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
With the dark background, this won't look nearly as pronounced as it does on Sacred Heart Joliet, but I'd be happy to modify this as desired.

I added the following to /sass/primary/footers/_footer.scss.
    &::before, &::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 4px;
      left: 0;
    }

    &::before {
      background: linear-gradient(0deg, rgba($tertiary, 0.25) 0%, $primary 100%);
      top: 0;
    }

    &::after {
      background: linear-gradient(0deg, $primary 0%, rgba($tertiary, 0.25) 100%);
      bottom: 0;
    }
Notified 2 people
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Veronica Alvarado, Project Manager at Diocesan Veronica Alvarado, Project Manager
That should be fine. Just wanted a little something to give it a bit of dimension
Notified 2 people