bourbon相关内容
我是Bourbon&;Sass新手,正在尝试使用@font-face mixin将我下载的字体(Museo Sans)添加到我的Rails 3应用程序中。 Bourbon提供以下示例: @include font-face(SourceSansPro, '/fonts/Source_Sans_Pro/SourceSansPro-Regular'); @include font-f
..
我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库.我想用 Gulp 编译 Sass.这是我在其中一个教程中找到的简单 styles 任务设置: var gulp = require('gulp'),sass = require('gulp-sass'),整洁 = 要求('node-neat').includePaths;变量路径 = {scss:'./assets/st
..
我已经设法使用 webpack 配置和使用波旁威士忌.我只是在 sass 加载器中包含了以下内容 &includePaths[]=' + bbPath 在 SCSS 文件中,我只做 @import "bourbon"; 我现在可以工作了,因为我通过 scss 文件调用 mixins 并且我看到了输出,而且 webpack 也没有抱怨. 问题在于,在 WebStorm IDE 中,它
..
我正在尝试创建一个三列网格,并使各列均匀地分布在行中. 我的标记很简单:
..
我有一个使用Foundation 3构建的Rails应用程序(不使用gem.它位于vendor/assets/stylesheets/foundation.min.css中). 我想逐渐将样式代码转换为Bourbon/Neat. 我要记住的一件事是在不完成重新编码的情况下不要破坏以前的布局. 有可能这样做吗? 导轨版本:3.2.13 红宝石:1.9.3 解决方案 对
..
我是第一次与Neat合作.我想知道如何才能完成外部.container的填充.给容器添加填充时,其中的列的宽度不再正确,而是向右/向左移动. 喜欢这个:
..
我是波旁& amp; amp;的新手. SASS并尝试使用 @ font-face mixin 添加我下载的字体(Museo Sans )到我的Rails 3应用. 波旁威士忌提供以下示例: @include font-face(SourceSansPro, '/fonts/Source_Sans_Pro/SourceSansPro-Regular'); @include font-f
..
根据波旁文档,您可以使用 #{$all-text-inputs}将其转为 #{$all-text-inputs} { border: 1px solid green; } 对此: input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[typ
..
bourbon 使用font-url Rails具有方法font_url,我相当确定这是正在调用的方法.但是,我找不到这两件事之间的联系.我已经探究了bourbon,sass,sass-rais和rails的代码库. font-url在哪里定义,和/或在它与rails font_url之间建立连接? 更新 澄清:我的最终目标是在rubyland中定义自己的助手,它们是font_u
..
我一直在寻找关于如何使用Thoughtbot的Neat网格框架在不同断点处重新排序/移动列位置的最佳解决方案? 我想以此来移动标题中的元素(以桌面分辨率): 为此(以移动分辨率): 我的HTML看起来像这样:
..
ERROR in ./node_modules/css-loader? {"sourceMap":false,"importLoaders":1}!./node_modules/postcss- loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/sass- loader/lib/loader.js?{"sourceMap
..
我试图在我的项目中开始使用Bourbon和Neat Sass图书馆。我想用Gulp编译Sass。这是一个简单的样式任务设置,我在其中一个教程中找到: var gulp = require('gulp'), sass = require('gulp-sass'), neat = require('node-neat')。includePaths; var paths = { s
..
我试图使用refill bourbon来使用他们的css库。从我的理解,我所要做的是复制和粘贴他们的CSS和HTML,它应该工作。但是当我尝试它时css不会生效。 我添加了到css文件的链接,并添加了jquery链接,它仍然不工作。从我知道,使用填料时,红宝石是不必要的。
..
当我运行 sass --watch app.sass:app.css 终端显示已检测到更改为sass,但不会编译到css。我使用Bourbon,所有我的.scss和.sass文件通过mixin导入。 ex。 >>> Sass正在观察变化。按Ctrl-C停止。 >>>>检测到更改为:css / 2-modules / top-nav.scss 解决方案 确保您使用 _f
..
但是,我想使用移动版的第一个版本,从移动版开始并努力工作。默认网格是12列,对于移动我通常使用网格4.我尝试改变我的网格为4和扩展到12,但这不工作。 除了创建标准的桌面布局,然后将移动媒体查询放入每个CSS选择器中,从移动版本开始,并建立方式,是否有更好的方法来做移动优先? $ grid-columns 变量到移动宽度数字,而不是设置为默认值的桌面号。这是 _grid_settings.
..
我想为不同的浏览器提供不同的字型(请参阅这个问题)。 $ b 这里是我到目前为止: - > @include font-face(“myicons”,“myicons”,$ weight:normal,$ style:normal, $ asset-pipeline:false); -
..