我开始使用 SASS 和 Stylus，但我无法将元素推送到列表中。

例如：

$names: adam john wynn mason kuroir

.photos
  @each $name in $names
    .photo-#{$name}
      background: image-url("avatars/#{$name}.png") no-repeat

我想在$names不重新指定所有现有名称的情况下将我的名字添加到列表中。是否可以？

如何覆盖vuetify中的实际类？

我创建了一个./src/stylus/main.styl文件，在其中我覆盖了一些当前的vuetify设置作为测试：

@import '~vuetify/src/stylus/settings/_variables'
@import '~vuetify/src/stylus/elements/_typography'





$material-dark.background = green
$body-font-family = Arial
$alert-font-size = 18px

.display-2
  font-size: $headings.h6.size !important
  font-family: $headings.h3.font-family !important


@import '~vuetify/src/stylus/main'

由于某些原因，以上值仅部分起作用。分配给新的价值观$material-dark.background和 $body-font-family下做工精细的东西theme--dark但是，当涉及到.display-2这些值仍呼吁双方原来的设置font-size，并 font-family与覆盖我加入到main.styl的人。我什至尝试过在包含.display-2手写笔的第一个组件中进入范围内的语言，该组件无法正常工作，然后在纯CSS中工作，该组件不会引发错误，但会被app.xxx.css和chunk-vendor中生成的Vuetify原始默认值覆盖。 xxx.css文件。

//component
<style scoped>
h1.display-2{
  font-size:20px;
  font-family: "Times New Roman";
  color:green;
}

</style>

是否有一个原因？

我从Github下载了手写笔.zip,并将它放在与节点可执行文件相同的目录中.之后我运行以下代码:

install stylus

但我没有得到回应.命令提示符读取

...

有没有人在安装手写笔之前有这个问题？我有Windows.请帮我弄清楚什么是错的.

编辑: 我也更新了我的PATH变量

使用手写笔我想创建一个使用基于locale选项的正确图像的mixin .

混入

    locale-image(name, locale)
      if locale is not defined
         locale = 'en-US'
      background-image url('../images/'locale'/'name'.jpg')

用法示例:

.us-image
    locale-image('my-us-image')

.ge-image
    locale-image('my-german-image', 'de-DE')

基本上有一种方法可以省去像美国例子中的参数吗？如何修改我的mixin来支持这个？

我想确定它div有一个模糊滤镜,所以当它们在网站上的其他元素上时,它们的背景会变成模糊的元素图像.

最好是在触控笔中.

Apple在Apple TV网站上使用此功能,如下所示:

我使用定位Mixins将div对齐到页面的顶部或左侧或中心，等等，它在SCSS和Sass上都能正常工作，但是由于某些原因，当我尝试使用Stylus时，它的表现非常奇怪。

如果我包含一个Mixin，它可以正常工作，但是当我在下面添加更多Mixin时，它将默认为另一个Mixin。

我的Mixin示例：

top()
   position absolute
   margin auto
   top 0
   right 0
   //bottom 0
   left 0

越野车代码的可编辑演示

一些理论：

• 结合我的声明了吗？
• 触控笔无法识别我正在呼叫哪个Mixin？

在此先感谢您的帮助！

我们正在使用icomoon,因此我们的图标是字体,我们可以轻松更改颜色.但是,我在设置一个图标时遇到了问题,因此默认颜色是lightgrey,当它有一个primary类的颜色时yelloworange.现在,我的样式表看起来像这样:

i
  &.icon-star.primary
    color yelloworange
  &.icon-star
    color lightgrey

这些风格中的每一种都可以独立工作.

任何帮助将不胜感激.谢谢!