如何在罗盘sass中编写一组样式作为函数

Question

我想在CSS中的多个位置使用一组样式。

这是我的功能：

@function form-element-dimension{
        height: 34px;
        padding: 3px 10px;
        line-height: 18px;
        border: solid 1px #e2e7eb;
}

我将在我的.scss页面中的任何地方使用此功能，如下所示：

.dataTables_length{
    select{
        form-element-dimension();
    }
}
---
---
.contact-form-style{
    input{
       form-element-dimension();
    }
}

如何在COMPASS SASS框架中执行此操作？

Answer 1

虽然这不是做你正在做的事情的最佳方式，但这就是你用sass实现它的方式;

@mixin form-element-dimension {
  height: 34px;
  padding: 3px 10px;
  line-height: 18px;
  border: solid 1px #e2e7eb;
}

.dataTables_length {
    select {
        @include form-element-dimension();
    }
}

.contact-form-style {
    input {
       @include form-element-dimension();
    }
}