Css @样式化组件中的根SASS指令
是否可以在样式化组件(SC)中使用SASS的根目录下的Css @样式化组件中的根SASS指令,css,sass,styled-components,Css,Sass,Styled Components,是否可以在样式化组件(SC)中使用SASS的根目录下的@at指令 SC支持SASS的一些语法我看到一些信息,SC包括一些SASS轻型解析器引擎。那么,有可能在SC中编写类似下面的代码吗 .btn { background: #ededed; border: 1px solid #555; color: #555; padding: 1em 2em; font: { family: 'Open Sans Condensed', sans
@at
指令
SC支持SASS的一些语法我看到一些信息,SC包括一些SASS轻型解析器引擎。那么,有可能在SC中编写类似下面的代码吗
.btn {
background: #ededed;
border: 1px solid #555;
color: #555;
padding: 1em 2em;
font: {
family: 'Open Sans Condensed', sans-serif;
size: 1rem;
}
@at-root a#{&} { /* THIS DIRECTIVE */
text-decoration: none;
}
}
//compiles to
.btn {
background: #ededed;
border: 1px solid #555;
color: #555;
padding: 1em 2em;
font-family: "Open Sans Condensed", sans-serif;
font-size: 1rem;
}
a.btn { /* INTO THIS CSS CODE */
text-decoration: none;
}
有关根目录下@的详细信息