LESS - 按钮渐变作为Mixin打破悬停样式

时间:2017-07-11 00:57:11

标签: css-selectors less mixins

我将一些渐变按钮样式移动到mixin中,现在悬停样式不正确。悬停状态应该应用背景偏移,顶部具有渐变,但是当用作mixin时,它以相反的顺序应用,即,偏移应用于渐变的顶部,使按钮看起来像是两个不同的实体颜色。使用mixin应用这些样式的正确方法是什么?

样式

write() argument must be str, not bytes

密新

.btn-primary {
  background-color: hsl(98, 35%, 73%) !important;
  color: #333 !important;
  .btn-gradient(#ebf3e6, #b3d2a2);
}

Mixin悬停

hover mixin

没有混合悬停

no mixin hover

1 个答案:

答案 0 :(得分:0)

原来我错过了背景重复:repeat-x;来自mixin。