sass相关内容
我正在构建一个用打字稿编写的 angular 2 应用程序.它将使用 bootstrap 4 框架结合一些自定义主题,这可能吗? “ng2-bootstrap"npm 包不起作用,因为它不允许我使用 bootstrap css 类,而是提供自定义组件.(http://github.com/valor-software/ng2-bootstrap)> 在我的 angular 2 项目中,我使
..
我使用 BootstrapCDN.其他用 sass 编写并由 gulp 构建的样式.我需要创建自己的断点.如果我使用 CDN 可以制作它们吗?我不知道该怎么做.我必须创建这些断点: --breakpoint-xxxs: 0;--breakpoint-xxs: 320px;--breakpoint-xs: 568px;--breakpoint-sm: 667px;--breakpoint-md:
..
我有一个应用程序,其中的设计分别要求从台式机到平板电脑或从 xl 到 lg 的 1280 断点.但是,Bootstrap 本身在 1200 处有 xl 断点. 我需要为引导程序全局更改该 xl 断点.我是否必须从源文件重新编译 Bootstrap 4? 我尝试在我的 Sass 版本中设置它: $grid-breakpoints: (//超小屏幕/手机xs: 0,//小屏幕/手机sm:
..
在以下取自 Twitter Bootstrap 的 CSS 中,&符号(&) 字符是什么意思? .clearfix {*缩放:1;&:之前,&:在{之后显示:表;内容: "";}&:在{之后清楚:两者;}} 解决方案 那是 LESS,而不是 CSS. 此语法允许您嵌套选择器修饰符. .clearfix {&:之前{内容: '';}} 将编译为: .clearfix:before
..
我想创建一个基于 Bootstrap 的网站主题.我想扩展 Bootstrap 的默认组件并更改其中的一些.为此,我需要访问 Bootstrap 定义的 SASS 变量,以便我可以覆盖它们. 我虽然从 GitHub 克隆 Bootstrap 并直接更改它,但我听说这实际上不是一个好习惯.你能给我一些建议吗? 解决方案 以下是如何使用 SASS 覆盖/自定义 Bootstrap 4..
..
在 Ionic 2 中,我想从文件“[my project]\src\theme\variables.scss"中访问 $colors 变量. 该文件包含: $colors: (主要:#387ef5,次要:#32db64,危险:#f53d3d,光:#f4f4f4,黑暗:#222,最喜欢的:#69BB7B); 在一个组件中,我绘制了一个画布.看起来像这样: import {Compone
..
我正在使用 Zurb Foundation 4 (S)CSS 框架,但遇到了大量重复样式的问题.这是因为在我 @import 'foundation' 的每个文件中,Foundation 中的所有样式也被导入(body 的规则,.row、.button 和朋友).这会导致 SCSS 编译时间过长,并且 Chrome 中的 Web 开发者控制台难以导航,因为所有 Zurb 的样式都被声明了四到五次.
..
据我所知,Sass 是一种通过变量和数学支持使 CSS 变得更强大的语言. 与 SCSS 有什么区别?它应该是同一种语言吗?相似的?不一样? 解决方案 Sass 是一个具有语法改进的 CSS 预处理器.高级语法中的样式表由程序处理,并转换为常规的 CSS 样式表.但是,它们没有扩展 CSS 标准本身. 支持和使用 CSS 变量,但不如预处理器变量好. 关于SCSS和Sas
..
有没有办法用 Sass 的 @import 命令导入一个普通的 CSS 文件?虽然我没有使用 sass 的所有 SCSS 语法,但我仍然喜欢它的组合/压缩功能,并且希望能够在不将所有文件重命名为 *.scss 的情况下使用它 解决方案 在撰写本文时,这似乎尚未实现: https://github.com/sass/sass/issues/193 对于 libsass(C/C++
..
var gulp = require('gulp');var sass = require('gulp-sass');var runSequence = require('run-sequence');var changed = require('gulp-changed');var 水管工 = 要求('gulp-水管工');var to5 = require('gulp-babel');var
..
基本上我有一个结构,它曾经在 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
..
Rails 3.1 通过引入清单文件引入了一种组织 JS 和 CSS 的新方法.例如,application.js 可能如下所示: //= 需要 jquery//= 需要 jquery-ui//= 需要 jquery_ujs//= require_tree . 这将获取 Jquery 的各个部分,所有您自己的 JS,将它们连接在一起并将其作为单个文件提供给客户端.很简单. 不幸的是,SA
..
我有点困惑,因为 application.css 似乎包含了自己两次,一次是在它列出清单中的资源时,然后是它的缓存.因此,当我删除单个文件时,它似乎仍然在 application.css 文件中保持活动状态. application.css(源代码) /**= 需要 twitter/bootstrap*= require_self*= require_tree ./common*= req
..
我在我的 rails 3.1 应用程序中尝试 rake assets:precompile 时遇到问题.我不断收到以下错误: 抽水中止!"...und-image: url(": expected ")" 之后的 CSS 无效,是 "
..
我正在使用 Twitter 的 Bootstrap 转换为 SCSS 文件.它适用于本地开发,但是当我预编译并推送到 Heroku(使用 Cedar 堆栈)时,我得到了这个: >在 2012-01-28 17:16:36 +0000 开始为 74.57.16.130 获取“/">由 StaticPagesController#home 处理为 HTML 渲染>布局/应用程序中的 static
..
我在 3.2.1,使用 sass-rails-3.2.4 和 sass-3.1.15... 资产管道的文档说: asset-url("rails.png", image) 变成 url(/assets/rails.png)image-url("rails.png") 变成 url(/assets/rails.png) ... 所以我制作了以下文件: # app/assets/st
..
我使用的是 SASS + Compass 和控制器特定的样式表,所以在我的 application.html.erb 中设置: “全部"%> 所以我放了一个 home.css(清单): /**= require_self*= 需要主页*/ 我的主页.css.scss: @import "sass/_all";@import "引导程序";@import "指南针";... 在我的主页中
..
在 Rails 中,文件 file.css.sass.erb: .class-name宽度: 正在抛出错误: "" 之后的 CSS 无效:预期的表达式(例如 1px,粗体),是 " 虽然,如果我删除scss扩展名,那么CSS类似的语法与文件名file.css.erb,Rails 确实按预期编译. 然而,考虑到我忘记了一些非常明显的事情,我也在考虑这可能是与 sa
..
所以,我有一个 app/assets/stylesheets/ 目录结构,看起来像这样: |-dialogs|-mixins|---按钮|---渐变|---vendor_support|---小部件|-页面|-结构|-ui_elements 在每个目录中,有多个sass partials(通常是*.css.scss,但也有一个或两个*.css.scss.erb). 我可能假设了很多,但
..
我在 Scss 文件中配置了一些字体,如下所示: @font-face {字体系列:'Icomoon';src: asset-url('icoMoon.eot?#iefix', font) 格式('embedded-opentype'),资产网址('icoMoon.woff',字体)格式('woff'),资产网址('icoMoon.ttf',字体)格式('truetype'),资产网址('ico
..