LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

CSS
body {
  line-height: 1.4;
  max-width: 300px;
  margin: 0 auto;
}

.pwp-list-group {
  background-color: #FF686B;
  color: #fff;
  margin-top: 40px;
  padding: 20px 20px 40px;
}

.pwp-list-group a {
  color: inherit;
  text-decoration: none;
}

.striped-bg-right {
  background-image: linear-gradient(110deg, transparent 85%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0.1) 87.5%, rgba(255, 255, 255, 0.2) 87.5%, rgba(255, 255, 255, 0.2));
  background-position: bottom right;
  background-repeat: no-repeat;
}

.striped-bg-left {
  background-image: linear-gradient(110deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.2) 11.5%, rgba(255, 255, 255, 0.1) 11.5%, rgba(255, 255, 255, 0.1) 14%, transparent 14%, transparent);
  background-position: top left;
  background-repeat: no-repeat;
}

.striped-bg-both {
  background-image: linear-gradient(110deg, rgba(255, 255, 255, 0.2) 6%, rgba(255, 255, 255, 0.2) 7%, rgba(255, 255, 255, 0.1) 7%, rgba(255, 255, 255, 0.1) 8.5%, transparent 8.5%, transparent 92.5%, rgba(255, 255, 255, 0.1) 92.5%, rgba(255, 255, 255, 0.1) 94%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.2));
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

Description

Mixin that adds some stripes to left/right/both sides.
Term
Thu, 02/22/2018 - 23:53

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv