@mixin center-element {
display: flex;
align-items: center;
justify-content: center;
}
.container {
@include center-element;
}
.container {
display: flex;
align-items: center;
justify-content: center;
}
@mixin link-color($color) {
color: $color;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
a {
@include link-color(blue);
}
a {
color: blue;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}