sass相关内容

Angular Material - 全局颜色变量

查看 Angular Material 文档，他们建议对每个组件使用 -theme 文件来管理将任何与主题相关的样式应用于特定类. 从我的角度来看，这种方法的一些缺点是: 相当冗长 将样式拆分为两个不同的位置 您的所有前端开发人员都需要了解 Angular Material 颜色的工作原理 使更改值变得更加困难(例如，我们可能一直在使用 mat-color($primary, 2 ..
发布时间：2021-11-10 02:21:39 前端开发

SassError:找不到要导入的样式表.@use '~@angular/material' 作为垫子；

我使用 CLI 创建了一个 Angular 项目.我正在使用 SCSS，并且我在自定义主题 iirc 中包含了 Angular Material.我添加了几个虚拟组件，该应用程序仍然构建得很好.然后我需要使用 Angular Material 来设计我的组件.为此，我将 @use '~@angular/material' as mat; 添加到我的 style.scss 文件的第一行.一旦我这样做 ..
发布时间：2021-11-10 02:19:11 其他开发

如何在 Angular 中使用自定义主题调色板?

我想在整个应用中使用我公司的品牌颜色. 我发现了这个问题:AngularJS 2 - Material design - 设置调色板 在这里我可以构建一个据称是自定义的 主题，但它基本上只是使用预构建调色板的不同部分.我不想使用 Material2 的预定义颜色.我想要我独特而特别的品牌颜色.有没有更好的方法(更正确?)来创建我自己的主题，而不仅仅是使用 _palette.scss 来破解? ..
发布时间：2021-11-10 02:17:30 其他开发

Angular 2 自定义主题，SCSS 错误

我是 Angular 2 的新手，也是 SCSS 的新手(我一直使用 css).我正在尝试为我的 angular-cli 项目设置一个与我们的品牌颜色相匹配的自定义主题. 我发现了一个 stackoverflow 问题(Angular2 Material - 真正的自定义主题?)我认为会起作用，但遗憾的是我收到一个错误，看起来像是 Angular 2 解析我的 .scss 自定义主题文件的问 ..
发布时间：2021-11-10 02:14:45 其他开发

Angular Material - 设置调色板

我正在尝试结合材料设计设置一个 Angular 项目.我的 package.json 的一部分看起来像这样: “依赖项":{“@angular2-material/button":“2.0.0-alpha.3"，“@angular2-material/card":“2.0.0-alpha.3"，“@angular2-material/checkbox":“2.0.0-alpha.3"，“@ang ..
发布时间：2021-11-10 01:57:31 其他开发

Angular Material 自定义组件主题

我正在尝试在我的自定义 Angular Material 主题中将自定义调色板中的颜色用于其他一些组件. 例如一个带有 mat-toolbar 的 div 和一个带有边距的图标，它应该用主要的背景色填充. 关于主题的 Angular Material 指南说: 主题文件不应导入到其他 SCSS 文件中.这将导致重复的样式写入您的 CSS 输出. 但是在组件主题化指南中，它说 ..
发布时间：2021-11-10 01:39:34 其他开发

角度材料工具栏 - 材料行为

我正在为一个项目使用 Angular 和 Angular Material.由于该项目的设计基于 Material，因此我将 Angular 材质用于其组件. 我通过 创建了一个工具栏，并通过 mat-tab-group 创建了一个选项卡列表.页面如下所示: 这一切都好.第一个选项卡还包含一个列表这就是问题开始的地方.. 问题 当您通常向下滚动列表时，根据材料设计: ..
发布时间：2021-11-10 01:33:38 其他开发

使用 CSS 变量创建角度材质主题

我正在处理一个需要在运行时可主题化的项目.所以我创建了一个主题系统，将 SCSS 变量与 CSS 变量相结合.这是它的样子. :root {--原色:196；}//基本的$primary-100: hsl(var(--primary-color), 90%, 98%);$primary-400: hsl(var(--primary-color), 90%, 65%);$primary-main: ..
发布时间：2021-11-10 01:30:00 前端开发

SassError:找不到要导入的样式表.@use '~@angular/material' 作为垫子；

我使用 CLI 创建了一个 Angular 项目.我正在使用 SCSS，并且我在自定义主题 iirc 中包含了 Angular Material.我添加了几个虚拟组件，该应用程序仍然构建得很好.然后我需要使用 Angular Material 来设计我的组件.为此，我将 @use '~@angular/material' as mat; 添加到我的 style.scss 文件的第一行.一旦我这样做 ..
发布时间：2021-11-10 01:23:44 其他开发

在角度材料 5 中切换主题

我一直在阅读一些关于此的文章，但它们似乎在几个不同的方面存在冲突.我希望为最新版本重新创建与 angular material 文档站点 相同的主题切换角材料[5.0.0-rc0] 我有两个自定义主题，这是 custom-theme.scss 和 light-custom-theme.scss 几乎相同，没有 mat-dark-theme @import '~@angular/materi ..
发布时间：2021-11-10 01:22:45 其他开发

指南针过滤掉 -moz 供应商前缀

在我的项目中使用 Yeoman 和 generator-angular-fullstack.SCSS 支持非常好，但是我所有的 -moz 前缀都从 css 结果中过滤掉了. 我查看了指南针文档重新分级供应商前缀.该文档建议覆盖默认变量: $experimental-support-for-mozilla : true !default;$experimental-support-for-w ..
发布时间：2021-11-09 03:32:37 其他开发

Angular Dart - 使用 sass 文件

我正在尝试使用 Angular Dart 设置 sass，但我有点迷茫，找不到 2016 年以后的文档(很好的文档) 我目前的结构如下: 但是我不能引用 main.css 文件，因为它没有找到，如果在一个组件中我放了这样的东西styleUrls: ['lib/assets/sass/main.scss'] webdev serve 命令失败 我的 pubscpec 是 依 ..
发布时间：2021-11-09 00:53:20 其他开发

在 AngularDart 5 和 Dart 2 中使用 SCSS 样式文件

我正在使用 Dart 2 和 AngularDart 5. ⚠ 我在网上搜索了我的问题，但没有找到满意的答案. ❔ 有人可以解释所有我需要在我的 AngularDart 应用程序中包含和使用 SCSS 样式文件的步骤吗? 我从快速入门应用程序开始，你可以找到 这里. 谢谢！ 解决方案 为 sass_builder 添加一个 dev 依赖到你的 pubspec.yam ..
发布时间：2021-11-09 00:47:02 其他开发

在 Angular2 中集成 Sass - webpack

我使用 angular CLI(@1.0-webpack.2) 创建了一个新的 angular2 项目. 我想将 Sass 与我的项目集成. 我知道: 为此我可以使用 gulp 可以包括SCSS在 ng2 组件中 我希望为 .scss 文件设置一个特定的目录，这些文件应该被“监视"并在更改后进行编译，例如 .ts 文件在 ng 之后服务(终端). 谢谢 解决方 ..
发布时间：2021-11-09 00:36:34 其他开发

带有 Angular 4 的 KSS 样式指南

我有一个使用 SCSS 的 Angular 4 应用，我们想使用 KSS Styleguide 自动创建样式指南.问题是 KSS 需要指向一个编译的 CSS 文件，以便它可以显示样式的预览.但是，因为 Angular 4 使用的是 webpack，所以样式会被转储到 JS 文件而不是 .css 文件中. 我的一个想法是创建一个单独的任务来构建 KSS 并将 SASS 编译成一个专门用于 KS ..
发布时间：2021-11-09 00:35:06 其他开发

Angular-CLI 全局 scss 变量

如何在最新的 Angular-CLI(使用 webpack)中添加全局 scss 变量? 看起来styles.scss中定义的全局变量在组件样式中不可用. 解决方案 它们需要通过相对路径导入到组件的 SCSS 文件中.这将允许编译器找到处理所需的父文件. ..
发布时间：2021-11-09 00:33:09 其他开发

Angular CLI 6 自定义 Webpack SCSS 加载器

我正在尝试编写一个自定义 webpack 模块，以使用 cli 6 覆盖或扩展 angular 6 中的当前 SCSS 构建，目的是能够传入“品牌"并将其与任何覆盖匹配，例如“somemodule/'brand'/filename.override.scss"并替换父文件夹“somemodule/filename.scss"中的文件，但我没有任何进展. 设置:@angular/cli": " ..
发布时间：2021-11-09 00:29:07 其他开发

将 node-sass-json-importer 集成到 Angular CLI 应用程序中

尝试将 node-sass-json-importer 添加到 AngularCLI 应用程序. 我使用的是 CLI 的 1.0.0-beta.17 版本，但使用当前版本 1.2 也无法弄清楚.通过yarn安装后，我不知道应该在应用程序配置中的哪个位置进行设置. 有没有人成功地将其集成到他们的应用程序中?我能找到的唯一答案适用于使用 Webpack 的应用程序，但不适用于 Angula ..
发布时间：2021-11-09 00:28:46 前端开发