susy-compass相关内容

Susy 2:具有流动主要内容区域的固定宽度侧边栏

使用 Susy 2(候选发布版),我试图弄清楚如何使用固定宽度的侧边栏创建简单的流体布局 - 无论是左侧还是右侧 - 我很高兴使用第一个和最后一个关键字.谁能给我任何关于如何在 Susy 2 中执行此操作的指示? 谢谢! 解决方案 有几种方法可以混合固定/流体布局,具体取决于您自己的具体情况. 隔离侧边栏. 浮动隔离是保持浮动相互独立的一种很酷的方法. .side {@ ..
发布时间:2022-01-18 10:30:29 前端开发

可以覆盖容器的默认装订线值吗?

是否可以使用基本值覆盖容器的默认装订线值,例如像这样: $total-columns: 12;$列宽:60px;$gutter-width: 20px;$grid-padding: 10px; 这样您就可以将装订线从 20px 最小化到例如仅 5px 或任何其他所需值,按需. .example{@include 挤压(1,1);李{@include span-columns(2,10);@i ..
发布时间:2021-07-14 20:58:16 其他开发

升级宝石的问题

我已经开始使用罗盘0.12和sass 1以及可疑的1.0.9进行项目了,现在我想恢复它并且对gems进行了升级,所以现在我有了罗盘(1.0.1)的较新版本(3.4.0,3.2.12) 回答(2.1.3)。 因此,我找到了使用旧语法来处理可疑1的修补程序。 @import“ susyone”; 但我仍然遇到罗盘错误: (/var/lib/gems/1.9.1/g ..
发布时间:2020-10-06 20:02:18 其他开发

保证金权利不尊重我在Susy中的$ gutter值

由于某些原因,以 .tile 样式设置的div不尊重我的 $ gutter-width 或 $ column-width 值(我不确定是哪一个),并且这些div没有正确排列到 + susy-grid-background 参考网格。 在下面的屏幕截图中,您可以看到不符合 $ columns-width 和 $ gutter-width 值。最重要的是,这些青色div应该排成一排,但第4个则被 ..
发布时间:2020-10-06 19:57:22 其他开发

欧米茄元素的宽度是否不同?

如果元素的 宽度不同, Susy 是否可以自动填充多列布局? / strong> 我想要(请参见下面的代码): + --------- + --------- + --------- + |我想要|这个 + --------- + --------- + --------- + |填充自动! | + --------- + ------------------- + ..
发布时间:2020-10-06 19:54:44 其他开发

Susy:为给定的屏幕宽度(断点px值)创建网格,并且不知道单个列的宽度(非内容优先的方法)

我正在使用 Susy 。 我未能采用内容优先的方法,因此决定先选择window-px-widths-first 起初,我尝试了内容优先方法应用于网格,但很快我发现我的网站在不同设备上的行为异常。它会在我想要平板电脑布局的地方显示移动布局,等等。最终我为它们调整了Susy设置的em值,以匹配某些屏幕宽度(px值)。代码变得丑陋,我意识到我实际上不再使用内容优先的方法。 这里是一个我 ..
发布时间:2020-10-06 19:49:14 其他开发

Susy版面中的怪异未对准

我将Susy span-column() mixin设置为的元素,不服从它。它们从未如此轻微地错位。如何实现HTML元素的完美对齐? 整个网站未对齐的屏幕截图 详细信息: 和&n; nav> 未对齐 详细信息: 未对齐 这是我的Sass代码 @导入罗盘 @导入可疑 @导入规范化 / * ..
发布时间:2020-10-06 19:43:59 其他开发

找不到导入文件或不可读:可疑

我只是不知道Susy的设置有什么问题。 我在OS X 10.7.4上 我在这里一直遵循: http://susy.oddbird.net/guides/getting-started/ 错误 语法错误:找不到导入文件或不可读:可疑。 加载路径: 用户/ simon /网站/ wpsvntree / trunk / sass / Users / simon / .gem / ..
发布时间:2020-10-06 19:42:49 其他开发

在Visual Studio中包括似乎仅是Linux的网格框架吗?

我将Visual Studio 2013与Web Essentials扩展一起使用来完成我的所有Sass/Scss工作.很棒. 我遇到了我真正想使用的有关网格框架的教程,名为 Susy .但是我看到的教程都在Linux或Mac以及基于ruby的某种环境中使用它. 即使在站点链接上,我也没有看到有关使其在VS2013中工作的说明.我尝试了扩展管理器和nuget软件包管理器,但无济于事. ..
发布时间:2020-07-10 04:13:35 其他开发

可疑,媒体查询和IE9

我想知道在 SUSY 中,您使用了什么(如果有)垫片来使魔术网格正确响应.在IE8及更低版本中? 在非敏感网站上,我一直使用 moderizr 或Google的填充程序,它们可以按预期工作.我正在第一个SUSY网站上进行搜索,对最大尺寸的媒体查询不会出现. http://dev.apehangar.com 解决方案 我不清楚您要寻找哪种“垫片".我不知道让IE8中使用MQ的任何 ..
发布时间:2020-05-08 01:11:14 前端开发

Highcharts - 隐藏图表无法正确重新调整大小

我目前有3个标签页。每个选项卡都是一个div,在未选中时设置为 display:hidden 。在这些标签中,我有一个使用Susy(指南针插件)创建的网格系统。另外每个标签页都有一组Highcharts。当我加载页面时,取决于URl中的哪个选项卡,加载了其中一个选项卡。所有的图表看起来都很好,但是当我切换到另一个选项卡时,某些图表不适合他们的div。如果我只是重新调整窗口的大小,图表将被重新计算, ..
发布时间:2018-06-11 18:51:55 JavaScript

Susy 2:固定宽度的侧边栏与流体主要内容区域

使用Susy 2(候选版本),我试图找出如何使用固定宽度的侧栏创建简单的流体布局 - 无论是左侧位置还是右侧 - 我很高兴使用第一个和最后一个关键字。任何人都可以给我任何关于如何在Susy 2中执行此操作的指针? 谢谢! 解决方案 根据您自己的具体情况,有几种混合固定/流体布局的方法。 隔离边栏。 浮动隔离非常酷保持浮动相互独立的方式。 .side { @inc ..
发布时间:2018-05-29 09:55:51 前端开发

使用ruby在rails上安装Susy和Compass

我刚开始在轨道上使用ruby,我试图做的第一件事情是安装gems指南针和susy。在弄清楚我需要将它们包含在gemfile中(我正在使用RubyMine并认为它会为我执行)之后,当我尝试将susy导入时仍然出现“找不到”,“susy”错误我的一个css.scss文件。 我有Ruby版本1.9.3(194) 和ruby宝石版本1.8.23 在我的捆绑包中需要哪些宝石(和版本)以及如 ..