aimementoring / website

AIME Mentoring Website
1 stars 0 forks source link

CSS: refactor above banner styles into simpleBanne... #668

Closed github-actions[bot] closed 4 years ago

github-actions[bot] commented 4 years ago

CSS: refactor above banner styles into simpleBanner componenet

https://github.com/aimementoring/website/blob/d6d0ed9e6a1d9676677bb91abe31fd1db3554630/pages/the-mentor/theMentor.module.scss#L41


.banner {
  composes: banner from '../../styles/patterns/patternBanner.module.scss';
  width: 100%;
  background:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url($cdnRoot+"assets/images/banner/mentor_banner.jpg") no-repeat 50%
    #050301;

  @media screen and (min-width: $sm) {
    height: 80vh;
  }

}

.fullWidthWrap {
  position: relative;
  width: 100%;
}

.container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bannerContent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1em;
  width: 28.25em;

  p {
    color: $white !important;
  }
}

// @todo CSS: refactor above banner styles into simpleBanner componenet 

.testimonials {
  margin: 0 auto;
  width: 100%;
  margin-top: 2em;
  position: relative;
}
ew file mode 100644
ndex 000000000..7c3c0e21d
++ b/privateKey.key

077cf60741436a57baa6ceda34bf31196bef4653