sass相关内容

如何从 Sass 样式表中只导入变量和混合?

我正在使用 Zurb Foundation 4 (S)CSS 框架,但遇到了大量重复样式的问题.这是因为在我 @import 'foundation' 的每个文件中,Foundation 中的所有样式也被导入(body 的规则,.row、.button 和朋友).这会导致 SCSS 编译时间过长,并且 Chrome 中的 Web 开发者控制台难以导航,因为所有 Zurb 的样式都被声明了四到五次. ..
发布时间:2021-12-02 12:47:38 前端开发

SCSS 和 Sass 有什么区别?

据我所知,Sass 是一种通过变量和数学支持使 CSS 变得更强大的语言. 与 SCSS 有什么区别?它应该是同一种语言吗?相似的?不一样? 解决方案 Sass 是一个具有语法改进的 CSS 预处理器.高级语法中的样式表由程序处理,并转换为常规的 CSS 样式表.但是,它们没有扩展 CSS 标准本身. 支持和使用 CSS 变量,但不如预处理器变量好. 关于SCSS和Sas ..
发布时间:2021-12-01 16:52:07 前端开发

在 SCSS 文件中导入常规 CSS 文件?

有没有办法用 Sass 的 @import 命令导入一个普通的 CSS 文件?虽然我没有使用 sass 的所有 SCSS 语法,但我仍然喜欢它的组合/压缩功能,并且希望能够在不将所有文件重命名为 *.scss 的情况下使用它 解决方案 在撰写本文时,这似乎尚未实现: https://github.com/sass/sass/issues/193 对于 libsass(C/C++ ..
发布时间:2021-12-01 16:34:18 前端开发

SASS 全局变量未传递给部分

基本上我有一个结构,它曾经在 3.0.x 中完美运行,现在它因 undefined variable 错误而中断. 部分 _base.css.sass _header.css.sass main.css.sass application.css.sass application.css.sass: //=require 'main' main.css.sass: @i ..
发布时间:2021-11-30 12:06:28 其他开发

我应该使用@import 还是清单文件?

Rails 3.1 通过引入清单文件引入了一种组织 JS 和 CSS 的新方法.例如,application.js 可能如下所示: //= 需要 jquery//= 需要 jquery-ui//= 需要 jquery_ujs//= require_tree . 这将获取 Jquery 的各个部分,所有您自己的 JS,将它们连接在一起并将其作为单个文件提供给客户端.很简单. 不幸的是,SA ..
发布时间:2021-11-30 12:05:59 其他开发

开发中的 rails 3.1 资产管道 css 缓存

我有点困惑,因为 application.css 似乎包含了自己两次,一次是在它列出清单中的资源时,然后是它的缓存.因此,当我删除单个文件时,它似乎仍然在 application.css 文件中保持活动状态. application.css(源代码) /**= 需要 twitter/bootstrap*= require_self*= require_tree ./common*= req ..
发布时间:2021-11-30 11:56:35 其他开发

资产未通过 .erb 预处理器运行

我在我的 rails 3.1 应用程序中尝试 rake assets:precompile 时遇到问题.我不断收到以下错误: 抽水中止!"...und-image: url(": expected ")" 之后的 CSS 无效,是 " ..
发布时间:2021-11-30 11:55:05 其他开发

在生产中找不到文件“twitter/bootstrap"

我正在使用 Twitter 的 Bootstrap 转换为 SCSS 文件.它适用于本地开发,但是当我预编译并推送到 Heroku(使用 Cedar 堆栈)时,我得到了这个: >在 2012-01-28 17:16:36 +0000 开始为 74.57.1​​6.130 获取“/">由 StaticPagesController#home 处理为 HTML 渲染>布局/应用程序中的 static ..
发布时间:2021-11-30 11:53:18 其他开发

带有 erb 的 Sass 无法编译

在 Rails 中,文件 file.css.sass.erb: .class-name宽度: 正在抛出错误: "" 之后的 CSS 无效:预期的表达式(例如 1px,粗体),是 " 虽然,如果我删除scss扩展名,那么CSS类似的语法与文件名file.css.erb,Rails 确实按预期编译. 然而,考虑到我忘记了一些非常明显的事情,我也在考虑这可能是与 sa ..
发布时间:2021-11-30 11:49:30 其他开发

Rails 中正确的 SCSS 资产结构

所以,我有一个 app/assets/stylesheets/ 目录结构,看起来像这样: |-dialogs|-mixins|---按钮|---渐变|---vendor_support|---小部件|-页面|-结构|-ui_elements 在每个目录中,有多个sass partials(通常是*.css.scss,但也有一个或两个*.css.scss.erb). 我可能假设了很多,但 ..
发布时间:2021-11-30 11:46:12 前端开发

在 Rails 资产管道中使用字体

我在 Scss 文件中配置了一些字体,如下所示: @font-face {字体系列:'Icomoon';src: asset-url('icoMoon.eot?#iefix', font) 格式('embedded-opentype'),资产网址('icoMoon.woff',字体)格式('woff'),资产网址('icoMoon.ttf',字体)格式('truetype'),资产网址('ico ..
发布时间:2021-11-30 11:44:35 其他开发

保持最小/最大高度/宽度的纵横比?

我的网站上有一个图库,用户可以在其中上传图片. 我希望图像位于保持其高度的 div 中,图像的高度不应大于 500 像素.宽度应该是自动的以保持纵横比. HTML: 我已经尝试过这个 CSS: #gallery{高度:500px;图片{最大高度:500px;最大宽度:100%;}} 以上效果很好,图 ..
发布时间:2021-11-29 09:28:54 前端开发

迁移到 .NET 5.0 并使用 SASS 后,Blazor CSS Isolation 不起作用且未添加范围标识符

我最近将一个宠物项目从 Blazor .NET 3.1 迁移到了 .NET 5.0,并且正在尝试切换到使用 css 隔离. 我创建了一个 scss 文件(它使用 webcompiler 扩展编译成一个 css 文件),其前缀与我的组件相同: 我已将生成的 css 包含在我的 index.html 文件中: Dotnet 正在正确生成 css 并按预期附加范围标识符属性: ..
发布时间:2021-11-26 11:39:33 其他开发

迁移到 .NET 5.0 并使用 SASS 后,Blazor CSS Isolation 不起作用且未添加范围标识符

我最近将一个宠物项目从 Blazor .NET 3.1 迁移到了 .NET 5.0,并且正在尝试切换到使用 css 隔离. 我创建了一个 scss 文件(它使用 webcompiler 扩展编译成一个 css 文件),其前缀与我的组件相同: 我已将生成的 css 包含在我的 index.html 文件中: Dotnet 正在正确生成 css 并按预期附加范围标识符属性: ..
发布时间:2021-11-24 10:54:19 C#

关联数组 SCSS/SASS

我需要将数字转换成单词,所以: “1-3" -> “三分之一" “3-3" -> “三分之二" “2-5" -> “五分之二" 数字是循环生成的,应该输出一堆不同的类名,比如one-third或one-half: $number = 3;@for $i 从 1 到 $number-1 {//输出这些类的一些计算:“.one-third",“.two-thirds"//以下当前输出 ..
发布时间:2021-11-18 03:25:16 其他开发

sass @mixin 可以接受未定义数量的参数吗?

我正在尝试为过渡创建一个 sass mixin.这是我目前所拥有的. @mixin transition($var)-webkit-transition: $var过渡:$var 我希望能够像这样传递多个参数 @include 过渡(颜色 .5s 线性,宽度 .5s 线性) 不幸的是,我收到以下错误 语法错误:Mixin 转换需要 1 个参数,但传递了 2 个. 有没有办法做到这一点, ..
发布时间:2021-11-17 05:18:49 其他开发