@mixinでのCSSの使用

ミックスイン定義された（@mixinが定義されています）：
@mixin六角形 -generator（$六角形幅、$因子、$ BORDER- 半径）{
  表示：インライン - ブロック。
  ボーダー -radius：50％;
  幅：（$六角 -width + $ボーダー半径）* $因子;
  高さ：（$六角 -width + $ボーダー半径）* $因子;
  表示：フレックス。
  ALIGN - アイテム：センター;
  正当化 - コンテンツ：センター;
}

.hexagon - 形状{
    @include六角形 -generator（88rpx、1 、8rpx）。
}

使用
.hexagon - 形状{
    表示：インライン - ブロック。
    ボーダー -radius：50％;
    幅：（88rpx + 8rpx）* 1 。
    高さ：（88rpx + 8rpx）* 1 。
    表示：フレックス。
    ALIGN - アイテム：センター;
    正当化 - コンテンツ：センター;
}

転載：https://blog.csdn.net/liya_nan/article/details/81479995