bourbon相关内容

Gulp 的 includePaths 有什么作用?

我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库.我想用 Gulp 编译 Sass.这是我在其中一个教程中找到的简单 styles 任务设置: var gulp = require('gulp'),sass = require('gulp-sass'),整洁 = 要求('node-neat').includePaths;变量路径 = {scss:'./assets/st ..
发布时间:2022-01-12 13:23:39 其他开发

Bourbon with webpack:WebStorm 抱怨无法在 IDE 中解析 Bourbon

我已经设法使用 webpack 配置和使用波旁威士忌.我只是在 sass 加载器中包含了以下内容 &includePaths[]=' + bbPath 在 SCSS 文件中,我只做 @import "bourbon"; 我现在可以工作了,因为我通过 scss 文件调用 mixins 并且我看到了输出,而且 webpack 也没有抱怨. 问题在于,在 WebStorm IDE 中,它 ..
发布时间:2021-09-23 19:08:40 其他开发

如何在一个Rails应用程序中使用两个CSS框架? (在同一应用程序上使用基金会和波旁威士忌整洁)

我有一个使用Foundation 3构建的Rails应用程序(不使用gem.它位于vendor/assets/stylesheets/foundation.min.css中). 我想逐渐将样式代码转换为Bourbon/Neat. 我要记住的一件事是在不完成重新编码的情况下不要破坏以前的布局. 有可能这样做吗? 导轨版本:3.2.13 红宝石:1.9.3 解决方案 对 ..

sass的"font-url"在哪里?方法得到定义?

bourbon 使用font-url Rails具有方法font_url,我相当确定这是正在调用的方法.但是,我找不到这两件事之间的联系.我已经探究了bourbon,sass,sass-rais和rails的代码库. font-url在哪里定义,和/或在它与rails font_url之间建立连接? 更新 澄清:我的最终目标是在rubyland中定义自己的助手,它们是font_u ..
发布时间:2020-06-22 18:43:26 其他开发

使用Thoughtbot Bourbon/Neat重新排序列

我一直在寻找关于如何使用Thoughtbot的Neat网格框架在不同断点处重新排序/移动列位置的最佳解决方案? 我想以此来移动标题中的元素(以桌面分辨率): 为此(以移动分辨率): 我的HTML看起来像这样: ..
发布时间:2020-06-22 18:43:23 其他开发

Gulp的includePaths是做什么的?

我试图在我的项目中开始使用Bourbon和Neat Sass图书馆。我想用Gulp编译Sass。这是一个简单的样式任务设置,我在其中一个教程中找到: var gulp = require('gulp'), sass = require('gulp-sass'), neat = require('node-neat')。includePaths; var paths = { s ..
发布时间:2018-05-31 11:23:35 其他开发

无法使用波旁酒

我试图使用refill bourbon来使用他们的css库。从我的理解,我所要做的是复制和粘贴他们的CSS和HTML,它应该工作。但是当我尝试它时css不会生效。 我添加了到css文件的链接,并添加了jquery链接,它仍然不工作。从我知道,使用填料时,红宝石是不必要的。 ..
发布时间:2017-02-16 23:12:11 前端开发

Sass手表检测更改,但不编译到CSS

当我运行 sass --watch app.sass:app.css 终端显示已检测到更改为sass,但不会编译到css。我使用Bourbon,所有我的.scss和.sass文件通过mixin导入。 ex。 >>> Sass正在观察变化。按Ctrl-C停止。 >>>>检测到更改为:css / 2-modules / top-nav.scss 解决方案 确保您使用 _f ..
发布时间:2017-02-07 18:18:38 前端开发

如何使用波旁整洁框架做手机

但是,我想使用移动版的第一个版本,从移动版开始并努力工作。默认网格是12列,对于移动我通常使用网格4.我尝试改变我的网格为4和扩展到12,但这不工作。 除了创建标准的桌面布局,然后将移动媒体查询放入每个CSS选择器中,从移动版本开始,并建立方式,是否有更好的方法来做移动优先? $ grid-columns 变量到移动宽度数字,而不是设置为默认值的桌面号。这是 _grid_settings. ..
发布时间:2017-02-04 21:50:21 前端开发