Что это за знак плюс и сокращение используются в этом SASS? - PullRequest
Новая
       34

Что это за знак плюс и сокращение используются в этом SASS?

0 голосов
/ 14 ноября 2018

Это было написано пару лет назад, и с тех пор мало что было сделано с ним.Я пытался найти документацию для этой записи и не нашел ничего.

header
  +display(flex)
  +flex-flow(row-reverse wrap)
  +justify-content(flex-start)
  +align-items(center)
  +align-content(flex-start)
  width: 100%

Я думал, что это было сокращением от Бурбона, но нет никакой документации об этом.Это из предыдущей версии Bourbon?

1 Ответ

0 голосов
/ 14 ноября 2018

Похоже, старые миксины Flexbox от Bourbon написаны с использованием синтаксиса SASS с использованием + до @include миксина.

Примерно так: 

@mixin bg-color
  background-color: #ff0000

h1
  +bg-color

В вашем случае разработчик мог написать что-то похожее: 

@import bourbon/bourbon

header
  +display(flex)
  +flex-flow(row-reverse wrap)
  +justify-content(flex-start)
  +align-items(center)
  +align-content(flex-start)
  width: 100%

Это старые миксины Bourbon flexbox: https://www.bourbon.io/docs/4/#flexbox

...