Little Flower - Springfield, IL

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

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes

Comments & Events

Kyle Sullivan, Web Development at Diocesan
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;
    }
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Veronica Alvarado, Project Manager at Diocesan
That should be fine. Just wanted a little something to give it a bit of dimension