Добавление стилей нескольких классов с использованием SCSS?

Question

Я хочу включить стили четырех классов в один. И добавьте еще немного стиля. Я не слишком уверен в SCSS. Правильно ли это?

.react-datagrid { 
    @extend .table; 
    @extend .table-striped; 
    @extend .table-bordered; 
    @extend .table-condensed; 
    display: flex; 
} 

Answer 1

это, как вы можете видеть в этом jsfiddle: https://jsfiddle.net/0nptv6sf/1/

HTML:

<div class="react-datagrid">test</div> 

SCSS:

.table { 
    color: red; 
} 

.table-striped { 
    font-size: 10px; 
} 

.table-bordered { 
    background-color: black; 
} 

.table-condensed { 
    padding: 10px; 
} 

.react-datagrid { 
    @extend .table; 
    @extend .table-striped; 
    @extend .table-bordered; 
    @extend .table-condensed; 
    display: flex; 
}