# Sass mixins vs Angular layout components [closed]

For a long time I've been using Angular "Layout" components so their role is basically to define layout, like padding, margin, fonts and so on.

<my-header>My super page</my-header>


So now this component will have SCSS:

:host {
width: 100%;
display: block;
}


But it's kind of the same I can achieve with SASS mixins:

@mixin page-header(){
width: 100%;
display: block;
}


and then I can use it on the page:

<div class="page-header">My super page</div>


and SCSS:

div.page-header{

It's not a question for components like <my-header [image]="cat.jpg" [header]="text"></my-header>. The questions how it's better to make components which contains mostly CSS.