<div class="container">
  <h1>Hello</h1>
  <h2>World</h2>
  <p>This is maxin test</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab excepturi eligendi mollitia facere dolores eos, enim eius necessitatibus modi, voluptatibus perferendis commodi! Necessitatibus, unde dolores velit nihil at nesciunt soluta.</p>
</div>
@mixin red-p {
  color: red;
  font-size: 20px;
  margin-top: 25px;
}

@mixin font-size-l {
  font-size: 50px;
}

h1 {
  @include font-size-l;
}

h2,
p {
  @include red-p;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.