问题标签 [breakpoint-sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1454 浏览

sass - 使用 Bundler 安装断点,但仍然在 Grunt 中抛出“未找到或无法读取”错误

我已经按照他们的建议使用Bundler安装了断点,包含在我的 config.rb 中,并在我的 main.scss 文件中包含了断点。require "breakpoint"

当我运行 grunt 编译所有内容时,出现以下错误:

所以 grunt 找不到指定的文件,而让我相信它可能没有正确安装。它似乎与这个问题非常相似:Sass Breakpoint 导致 Grunt 错误

我尝试使用 Bundler 安装另一个 gem,但 grunt 也找不到该文件;以同样的错误结束。

这是我运行时的输出bundle

这表明项目设置为使用最新版本的 SASS 以及Breakpoint 所需的1.0.0.alpha.19Compass版本。13

这是我的 Gemfile:

这是我的 config.rb 文件:

这是我的 main.scss 文件:

这是我的 Gruntfile 的相关部分:

有谁知道会发生什么?或者我可以做些什么来进一步缩小原因?

0 投票
1 回答
4198 浏览

breakpoint-sass - 无法在 Mac 上 gem 安装断点

我正在尝试在我的 macbook 上安装断点,但编译失败。完整的输出如下。我是 Mac 新手,不确定我做错了什么。我的 Windows 工作站今晚没有出现任何问题。

谢谢!

0 投票
1 回答
1559 浏览

susy-compass - 使用 gem 断点时 Prepros 无法编译

每当我尝试在我的 prepros-project 中包含“断点”gem 时,我都会收到此错误:

加载路径:C:/xampp/htdocs/egoplan/sass C:/Program Files (x86)/Prepros/gems/gems/compass-core-1.0.0.alpha.13/stylesheets C:/Program Files (x86)/ Prepros/gems/gems/susy-1.0.9/sass Compass::SpriteImporter)

C:\xampp\htdocs\egoplan\sass\main.scss

我尝试安装/卸载多个版本的 compass、sass、susy 和断点。不起作用。该怎么办?

0 投票
2 回答
3356 浏览

media-queries - Breakpoint Sass:或查询多个断点

我设置了几个断点:

我在断点文档中看到

您还可以编写 OR 媒体查询,允许您编写多个不同的基本或复合媒体查询,并在任何一组查询匹配时应用它们。

我想做的是在我的代码中需要时使用这些或查询来定位多个断点。例如:

这可能吗?

0 投票
2 回答
303 浏览

css - 使用 Breakpoint Sass 的媒体查询缺少屏幕

我正在使用带有断点 sass 的 Susy 2 来创建我的媒体查询。

它的输出如下:

我想知道为什么屏幕不见了?它应该是:

我正在尝试添加不起作用的 css3-mediaqueries-js,我认为这可能就是原因。

0 投票
1 回答
344 浏览

susy-compass - 在 susy 2 中使用带有 susy-breakpoint 的变量

我最近升级到 Susy2,不得不用新的 susy-breakpoints 而不是 at-breakpoint 来修改我的基本模板。

使用新的 susy 断点,我需要为简写定义一个断点和布局,例如“60em, 12”,我尝试将其存储在一个变量中,例如“$large”,这样我就可以将它传递给各种类。

然而,由于它是一个变量,mixin 只将它视为一个值,所以我只能存储一个值。有没有办法将两个值都存储在一个变量中?

0 投票
4 回答
2231 浏览

susy-compass - 将 Codekit 2 与 Susy 和断点一起使用

我喜欢将 Codekit 用于带有 Susy 和 Breakpoint 的 Compass-Poject。

但是有一条错误消息“找不到要导入的文件或无法读取:断点。”

我可以在 Codekit2 中使用断点吗?

谢谢!

0 投票
1 回答
443 浏览

susy-compass - 带有 susy 和断点的角度生成器

我正在尝试使用 Susy 和 Breakpoint 而不是引导程序来设置角度应用程序。

我正在使用 yeoman 来运行角度生成器。在安装过程中,我没有对引导程序说“是”,而是说“不”。这一切都很顺利,我的应用程序在浏览器中运行良好,并带有“grunt serve”。

接下来我运行:bower install susybower install breakpoint - 安装都很好,我可以在 bower_components 文件夹中看到它们。

然后我通过手动将@import 引用添加到 main.scss 来导入它们,如下所示:

在 Gruntfile.js 中,我还添加了require: 'susy'来罗盘,如下所示:

如 susy 网站所述:http ://susydocs.oddbird.net/en/latest/install/

好的,这一切都很好,但问题就在这里..因为我已经手动将它们添加到我的 main.scss 文件中,每次我停止并启动应用程序时,它都会删除我的 SCSS 文件中的@import引用。我不知道如何动态/或正确地将它们添加到 gruntfile.js 中,以便它们被编译并永久保存。每次我停止并开始 grunt 时,都会从 main.scss 中删除两个导入,留下以下内容:

有没有其他人遇到过同样的问题,如果有,解决办法是什么?任何帮助,将不胜感激。

谢谢~declan

0 投票
1 回答
6417 浏览

sass - 我可以在断点内设置 Sass 变量吗?

是否可以在单个 sass 断点内设置一次变量的值,而不是每次使用该变量时?

换句话说,我想这样做:

...而不是这样:

我认为第一种方法不会按原样工作。有没有其他方法可以达到同样的效果?这种方法是一个坏主意吗?

0 投票
1 回答
2217 浏览

css - susy 2.0 在断点处更改列

  1. 我没有使用指南针
  2. 我更喜欢使用 Breakpoint.scss
  3. 我在 susy 2.0

我知道有很多关于这个问题的帖子,但我没有运气找到任何关于这个主题的内容Breakpoint.scssSusy 2.0

我必须使用susy-breakpoint还是可以实现这样的目标?我想要 6 列在 800 像素/以下,12 列在/800 像素以上

我试图保持干燥,所以在我的样式中添加一个 susy-breakpoint 并没有帮助。

我也尝试过下面的代码,但我认为我只是在某处出现错误,因为它无法正常工作。