Sass中@Extend或@Include的条件

时间:2019-05-05 15:43:31

标签: html css sass

我正在学习如何用Sass编码(使用SCSS语法)。 我以复选框为例。 代码下方

HTML

<div class='checkbox'>
  <input type='checkbox' class='box'>
  <label class='labelText'>Lorem ipsum dolor sit amet, consectetur 
  adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore 
  magna aliqua.
  </label>
</div>

SCSS

// PLACEHOLDERS
%contentCenter {
  text-align: center;
  width: 100%;
  margin: 5px auto;
}

%AlignCheckboxText {
  float: right;
  width: 95%;
  text-align: left;
}

// Code
.checkbox {
  @extend %contentCenter;
  width: 80%;
  .labelText {
    color: blue;
  }
  .box {

  }
}

我的问题是,我是否可以使用SASS创建条件,即通过在.labelText类中添加占位符%AlignCheckboxText,它将自动向.box类添加内容?

提前谢谢!

0 个答案:

没有答案