sass 相关问题

Sass（Syntactically Awesome Style Sheets）是CSS的扩展，添加了嵌套规则，变量，mixins和类扩展等功能。这使开发人员能够编写结构化，可管理且可重用的CSS。 Sass被编译成标准CSS。

错误：将 Angular 14 升级到 Angular 18 时，SCSS 中未定义 mixin

我正在将项目从 Angular 14 升级到 Angular 18，在运行构建时遇到与未定义的 SCSS mixin 相关的错误。我收到的错误消息是： ./src/scss/angu...

javascript css angular sass

回答 1 投票 0

如何更改整个页面的字体大小？

几乎所有CSS类都已经用静态值设置了font-size。例如：字体大小：16px 字体大小：14px ETC。如何将整个页面的字体大小增加 110%？例子字体大小：1...

javascript css vue.js sass font-size

回答 4 投票 0

如何隐藏带有嵌套选项卡组的 mat-tab-header，隐藏外部 mat-tab-group 而不隐藏内部

我本质上有html 我基本上有html <mat-tab-group> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> 如何使用 css （或任何真正的方法）隐藏外部选项卡组 mat-tab-header 元素，但不影响内部选项卡标题？我强烈建议您使用此自定义指令而不是使用 css。 import { Directive, ElementRef, OnInit } from "@angular/core"; @Directive({ selector: "[header-less-tabs]", }) export class HeaderLessTabsDirective implements OnInit { constructor(private eleRef: ElementRef) {} ngOnInit(): void { this.eleRef.nativeElement.children[0].style.display = "none"; } } 非常简单且可重复使用。使用示例： <mat-tab-group header-less-tabs> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> 弄清楚了，只需选择直接子项 <mat-tab-group class="invisible-tabs"> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> .invisible-tabs { > .mat-tab-header { display: none; } } 简单的替代解决方案：将以下内容添加到您的组件 CSS 文件中： ::ng-deep .mat-tab-header { display: none!important; } 使用 ng:deep 的另一种替代解决方案 <mat-tab-group > <mat-tab class="invisible-tabs"> </mat-tab> <mat-tab class="invisible-tabs"> </mat-tab> </mat-tab-group>  .invisible-tabs { ::ng-deep .mat-tab-header { display: none !important; } } 在最新版本的 Angular 上，您可以使用 <mat-tab-group class=" header-less-tabs">  <mat-tab> <p>Tab1 content</p> </mat-tab>  <mat-tab> <p>Tab2 content</p> </mat-tab> </<mat-tab-group> CSS .header-less-tabs.mat-mdc-tab-group .mat-mdc-tab-header { display: none !important; } TS文件 @Component({ selector: 'app-tab-options', templateUrl: './tab-options.component.html', styleUrls: ['./registration-options.component.css'], imports: [ MatTabsModule, ], 独立：真实，封装：ViewEncapsulation.None })

css angular sass angular-material

回答 5 投票 0

无法通过sass模块编译scss文件

我需要一个初始值的映射，所以我使用这个间隔子.scss @use“sass：地图”； $初始：4px； $值：(); @$i 从 -5 到 12 { $spacers: map.sets($spacers, $i, $i * $spacer)...

node.js sass node-sass

回答 1 投票 0

css 属性 - 初始值会覆盖外部设置

我正在开发一个角度项目。我有以下组件类：导出类 ReservationTableComponent 实现 OnInit { @Input({ required: true }) table!: Table; @Input() 设置 colMinW...

html css angular sass

回答 1 投票 0

NetBeans：如何定义新文件扩展名的语法突出显示和验证？（以 .sass 为例）

目前 NetBeans IDE 不支持 .sass 扩展名（“创建新文件”菜单中的 SASS 文件实际上是 .sccs 扩展名文件）。除了新的文件类型定义之外，要添加 .sass 支持...