我的想法是我想要为input[type=text]
、input[type="password"]
和input[type=submit]
编写静默类。然后,我将通过将它们作为变量传递来在mixin中@extend
它们。
我的解析器抛出了这个错误;
Syntax error: Invalid CSS after " @extend ": expected selector_sequence, was "$type;"
这是我的代码:
%text {
(text styling)
}
%password {
@extend %text;
}
%submit {
padding: .5em;
background-color: $button-color;
border: none;
cursor: pointer;
color: white;
border: 1px solid darken($button-color, 20%);
&:hover {
@include transition;
background-color: darken($button-color, 10%);
}
}
@mixin input($type) {
margin-bottom: 1.5em;
margin-left: 0;
outline: none;
@extend $type;
}
任何帮助都将不胜感激
@extend input(%text);
,报错信息是"@extend input"之后的CSS无效:预期为"}",而不是"(%text);"
。 - Kevin Lewis@include input('%foo')
)。 - cimmanon