Criando %placeholders no Sass
%base-h2 {
color: variables.$heading-color;
font-weight: 400;
margin: 2rem,0;
%base-p {
margin-boton: variables.$margin-bottom-regular;
line-height: 1.6;
}
Aplicando %placeholders com @extend
h2 {
@extend %base-h2;
text-align: left;
}
p {
font-size: 1.25rem;
text-align: left;
@extend %base-p;
}
h2 {
@extend %base-h2;
text-algin: center;
font-size: 4rem;
}
p {
font-size: 1.5rem;
font-weight: 400;
text-align: center;
@extend %base-p
}
h2 {
@extend %base-h2;
text-align: left;
font-size: 5.75rem;
line-height: 5.84rem;
p {
font-size: 1.25rem;
text-align: left;
@extend %base-p;
}
}