Что лучше mixins sass или классы html

bootstrap 4 дает мне выбор верстать по сетке через html классы

<div class="container">
    <div class="row">
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
    </div>
</div>

или sass миксины

div
    +make-container
    +make-container-max-widths()
    div 
        +make-row()
        div 
          +media-breakpoint-down(md)
              +make-col(3)

и вопрос в том что считается лучшим для сео, и вообще что удобнее, какой подход выбрать?

Ведь при втором методе файл css становиться более весомым чем при первом варианте!