stylus相关内容

如何在sass中使用`^[N]`语法

我从触控笔迁移到了Sass。在手写笔中,您可以使用^[N]进行部分引号。如何在sass中执行此操作? 推荐答案 手写笔功能Partial Reference在scss/sass中没有直接等效项。 在SASS中,&始终包含完整的父选择器,并且没有仅检索其一部分的功能。 但是. 特殊@at-root抛弃父级和. 捕获局部作用域变量中的父选择器并使用string interpo ..
发布时间:2022-02-21 16:49:00 其他开发

我可以将 gulp livereload 设置为在所有文件编译后运行吗?

我已经设置了一个 gulp 来使用 Stylus、Jade 和 tiny-lr.我的问题是,当我保存一个玉文件时,它开始编译它们,因此在我当前正在处理的文件被编译之前,实时重新加载会在复制到目标的第一个文件上触发,导致我不得不手动刷新.我已经使用“gulp-changed"解决了这个问题,但我似乎无法配置它或其他东西.以前有人遇到过这个问题吗?我正在发布我的 Gulp 文件,以便您查看. 可 ..
发布时间:2022-01-12 14:19:07 前端开发

如何在 React.js 应用程序中配置 Stylus 支持?

我希望我的 React.js 应用程序中的类可以从 .styl 文件中导出,就像从 CSS 模块中导出一样,但我找不到任何这个问题的现成解决方案. 我找到了设置 CSS 模块的指南 在使用 Create React App 创建的应用程序中. 我知道您需要运行 npm run eject 并以某种方式重写配置文件, 但如何 - 我不明白. 解决方案 你需要在你的项目中安装下一个 ..
发布时间:2021-12-18 18:36:44 前端开发

你如何在 Angular2 CLI 项目中设置 Stylus?

我想在我的 Angular2 CLI 项目中使用 Stylus 而不是标准 CSS.我环顾四周,找不到任何关于如何设置的可靠来源. 解决方案 当你用 Angular-cli run 启动项目时: ng new my-app --style 样式 角 6+要在现有项目运行中更改预处理器: ng 配置原理图.@schematics/angular:component.styleext s ..
发布时间:2021-11-09 00:23:58 其他开发

Webpack &&stylus-loader 错误地解析 url 路径

假设我有家庭风格菜单/菜单样式图像.svg home.styl 是入口点或 JS 所必需的. 那么: home.styl 导入 menu/menu.stylmenu/menu.styl 有 url(image.svg). 问题是没有找到image.svg. 它与 menu.styl 存在于同一文件夹中,但未解析. 加载器是:装载机:[{测试:/\.styl$/, ..
发布时间:2021-09-23 18:51:01 其他开发

如何使用自定义颜色覆盖 Vuetify 变量?

我想通过遵循 this 我创建了一个 stylus 文件夹,其中包含基本文件夹(_colors、_typography)和 main.styl 文件._color 文件导入到 main.styl 文件中,后者导入到 main.js 这是我的文件结构: 导入包含在 main.js 中: import '../node_modules/vuetify/dist/vuetify.m ..
发布时间:2021-09-20 20:29:00 其他开发

无法覆盖 vuetify 中的样式

如何覆盖 vuetify 中的实际类? 我创建了一个 ./src/stylus/main.styl 文件,我在其中覆盖了一些当前的 vuetify 设置作为测试: @import '~vuetify/src/stylus/settings/_variables'@import '~vuetify/src/stylus/elements/_typography'$material-dark. ..
发布时间:2021-09-20 19:02:14 前端开发

触控笔通过循环创建mixins

我的目标是通过数组创建一组混合.我的想法是应用代码,如下所示: f_colors =(f1 f2 f3 f4 f5)对于 $i 在 0..length(f_colors)v = f_colors [$ i]num = $ i + 1f {num} cl()颜色vf {num} bg()背景色:v//并用于生成CSS身体小时1白颜色f5bg'' 我在f_colors中存储了一个颜色列表.以这 ..
发布时间:2021-05-30 21:18:38 前端开发

Node.js Express-如何将Stylus .styl文件编译为CSS

我正在尝试从Balloons(http://balloons.io)开始构建一个应用程序,该应用程序使用Backbone.js并通过Express来设置UI.我从未使用过这些框架,而在进行更改方面却遇到了困难. 据我了解,.styl文件被编译为CSS文件.我该如何进行编译? 解决方案 对于生产系统,您可以使用手写可执行文件,可在部署之前将 .styl 转换为 .css .就像做一样简 ..
发布时间:2021-05-06 19:20:50 其他开发

我可以在Spring 4 MVC项目中使用Stylus和/或Jade吗?

我已经习惯了Stylus来预处理css,而Jade简化了Node.JS世界中的HTML,我已经习惯了/爱上了Stylus.现在,我返回到Spring 4 MVC项目,并希望在此环境中使用这些技术. 是否可以集成它们(我正在使用Gradle)?谷歌对Stylus Java Gradle的快速搜索未返回有用的回答. 谢谢! 解决方案 手写笔和Jade在JavaScript世界中似乎 ..
发布时间:2020-11-20 02:55:34 其他开发

假设触控笔样式表中的全局变量为默认值?

关于手写笔的一件大事是,它允许您定义可以使用的变量.自定义结果输出的配置. 例如, // my-html-object.styl $my-html-object-color = red $my-html-object color $my-html-object-color 但是如何定义此变量,以便在加载"my-html-object.styl"之前可以覆盖该变量,以便可 ..
发布时间:2020-11-16 01:34:22 其他开发

手写笔设置中的url()函数有什么作用?

我一直在关注此处有关Stylus官方文档的文档并想知道url()函数在其中的示例代码中的作用.特别是,我想知道应该在项目/文件中编写代码的位置...例如,如果在Node.js/Express应用程序的app.js(或server.js)文件中定义代码,则会触发错误:str is not defined,因为很明显我没有在文件中定义str变量. 但是,我首先不了解str变量是什么以及它来自何处 ..
发布时间:2020-11-02 08:17:06 前端开发

表达+手写笔+玉,什么都不会编译

我无法使这个简单的app.js正常工作:提供了静态文件,但没有编译jade和styl文件. 这里的__dirname ls: damianomacbook:www damiano$ ls app.jade app.js app.styl config.xml johnd.jpg .jade和.styl文件可以正常使用. 这里是卷曲css和html文件(中间件函数应 ..
发布时间:2020-11-02 07:32:09 其他开发

在手写笔/ Sass中编写多个主题的设计模式?

我正在为一个网站编写样式表,该网站需要支持多种外观/主题。例如,一个主题可能是白色为黑色,以红色为主要颜色,而另一个主题可能是白色为黑色,以栗色为主要颜色。 除前景和背景色之类的内容外,几乎所有一个主题的CSS都转换为另一个主题。 作为一个示例,假设我们有一个div 。该div的大小和位置在主题之间是固定的,但是颜色可能会改变。我们可以将其分成三个不同的CSS文件,如下所示: ..
发布时间:2020-10-21 01:46:33 其他开发

触控笔是否支持变量数组?

我在文档中找不到使用数组作为变量。尽管显然有数组支持,所以我怀疑我应该以其他方式搜索它。 我找到了列表,但不确定这些列表是否旨在与数组具有相同或相似的目的,找不到语法和示例。 我有一个颜色列表 -cards_colors =#E0137E#8431BF#2388C4#FED462#EC633B#B3CF32#2388C4#EA8527 我想将每种颜色分配给循环中 ..
发布时间:2020-10-12 07:28:09 前端开发

如何在React.js应用程序中配置Stylus支持?

我希望React.js应用程序中的类可以从 .styl -文件中导出,其方式与从CSS模块中完成的方式相同,但是我找不到解决该问题的现成解决方案。 我发现在使用Create React App创建的应用程序中设置CSS模块的指南。 我了解到您需要运行 npm运行弹出并以某种方式重写配置文件, ,但是如何–我不明白。 解决方案 您需要在项目中安装下一个npm-package ..
发布时间:2020-10-11 03:02:41 前端开发