Cacher is the code snippet organizer for pro developers

<div class="module">
  <h2 class="stripe-1">Colored Stripes</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic sapiente asperiores minus animi nam temporibus cumque magnam doloribus vitae voluptatum cupiditate nostrum omnis vero adipisci recusandae maxime quo labore.</p>
</div>

.module {
  background: white;
  border: 1px solid #ccc;
  margin: 3%;
  /*animation: widen 10s linear alternate infinite;*/
}
.module > h2 {
  padding: 1rem;
  margin: 0 0 0.5rem 0;
}
.module > p {
  padding: 0 1rem;
}

.stripe-1 {
  color: white;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}

/*@keyframes widen {
  100% {
    width: 100%;
  }
}*/

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

.module {
  background: white;
  border: 1px solid #ccc;
  margin: 3%;
  > h2 {
    padding: 1rem;
    margin: 0 0 0.5rem 0;
  }
  > p {
    padding: 0 1rem;
  }
  /*animation: widen 10s linear alternate infinite;*/
}

.stripe-1 {
  color: white;
  background: repeating-linear-gradient(
    45deg,
    #606dbc,
    #606dbc 10px,
    #465298 10px,
    #465298 20px
  );
}

/*@keyframes widen {
  100% {
    width: 100%;
  }
}*/

<div class="module">
  <h2 class="stripe-1">Colored Stripes</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic sapiente asperiores minus animi nam temporibus cumque magnam doloribus vitae voluptatum cupiditate nostrum omnis vero adipisci recusandae maxime quo labore.</p>
</div>