sass 相关问题

在我的角度应用程序中，我有 src/styles.scss @import“./styles/fonts”； @import“./styles/variables.scss”；并在 src/styls/variables.scss 中 $color-brand-darker: #2d323e; $颜色品牌...

angular sass sass-loader angular-builder angular-cli-v8

回答 2 投票 0

如何增加一类道具的特殊性？

我有一个带有按钮的组件。它有一个默认类和一个从 props 传递给它的类。但有时默认类会覆盖 props 中的类。可以增加

javascript css reactjs sass

回答 3 投票 0

如何在Fedora 37上安装dart sass？

我在 Fedora 37 系统上安装 Dart Sass 时遇到问题。我按照官方文档并观看了多个教程，但仍然遇到错误。关于官方 Sass lang

css sass

回答 1 投票 0

如何在vite/vue3中使用其他组件的sass全局变量

我想使用和更改其他组件的全局变量，我的文件结构如下所示...... 我的变量位于 global.sass 文件中，但无法访问其他组件中的变量。

vue.js variables sass vuejs3 vite

回答 3 投票 0

sass 变量在容器查询中不起作用

SCSS 变量在容器查询中使用时似乎不起作用。例如这段代码工作得很好： .父级{ 容器类型：内联大小；背景：黄色； } @container（最大宽度：800...

sass container-queries

回答 2 投票 0

为什么图像没有根据父级的宽度和高度缩小

我用div标签包裹了img标签。我用 div 标签包裹了 img 标签。 <div className="product-details-container"> <div className="product-img-wrapper"> <ListingCardImage imgAlt={product.title} imgSrc={product.image}/> </div> </div> 我已经将宽度和高度属性赋予了product-img-wrapper。但图像尺寸未调整为屏幕视图。 CSS .product-details-container { box-sizing: border-box; } .product-img-wrapper { max-width: 60vw; max-height: 50vh; } .product-img-wrapper img{ max-width: 90%; max-height: 70%; object-fit: contain; } 渲染的图像尺寸为 555x617px，div.product-img-wrapper 为 616.8x364.8。我想了解为什么 img 没有缩小以及这是否是编写 img 包装器的正确方法？ ListingCardImage代码 return <> <img src={imgSrc} alt={imgAlt} /> </> 一般来说，特别是对于响应式目的，您的 img 应为其父级的 100% 以填充宽度。如果您需要间隙，可以使用 padding 或 margin。 .product-details-container { box-sizing: border-box; } .product-img-wrapper { border: 1px solid red; max-width: 60vw; max-height: 50vh; } .product-img-wrapper img { width: 100%; } <div class="product-details-container"> <div class="product-img-wrapper"> <img src="https://picsum.photos/556/617"> </div> </div>

html css sass

回答 1 投票 0

无法为 Flexbox 子项设置完整高度，任何帮助将不胜感激 HTML CSS SASS 网页设计

我正在尝试创建一个与 youtube 布局类似的电影应用程序，我使用 body 作为 Flex 父级，（导航和主）作为 Flex 子级，我已经在

html css sass flexbox

回答 1 投票 0

安装npm install时出现问题，找不到python2、node-sass和node-gyp

我正在启动一个新的 Elixir 项目并尝试在资产文件夹中安装 npm。我一直遇到同样的错误，首先找不到 python2，然后要么是 node-sas 的问题...

node.js npm sass node-gyp node-sass

回答 1 投票 0

如何在角度 6/7/8/9/10/11/12/13 中禁用步进器的波纹效果，它们是删除选项卡和按钮等波纹的选项

可以单击步骤标题来选择时间波纹即将到来的步骤我想从该步进器中删除或禁用波纹。可以单击步骤标题来选择时间波纹即将到来的步骤我想从该步进器中删除或禁用波纹。 <mat-vertical-stepper> <mat-step label="Step 1"> Content 1 </mat-step> <mat-step label="Step 1"> Content 2 </mat-step> </mat-vertical-stepper> 还请解释一下这个属性是如何工作的。是否应禁用步骤标题的波纹。 @Input() disableRipple: boolean <mat-vertical-stepper [disableRipple]="true"> 做到了。请参阅此处。点击时消除连锁反应并不是火箭科学 mat-stepper 或更改该步骤。我们也可以通过一些CSS hacks来做到这一点。当我们点击一个元素，所以我们可以用这种方式改变它。 .mat-step-header:hover{ background-color: white !important; } .mat-step-header.cdk-program-focused { background-color: white; } .mat-step-header.cdk-mouse-focused{ background-color: white; } .mat-step-header.cdk-focused{ background-color: white; } 如果您尝试覆盖波纹效果附带的颜色，您应该定位以下类： ::ng-deep .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled="false"] { background-color: white !important; } 用预期的颜色替换白色值。

css sass angular7

回答 3 投票 0

sass 相关问题

最新问题