susy-compass

margin-right not respecting my $gutter value in Susy

由 若如初见. 提交于 2019-12-11 19:45:04
问题 For some reason my divs styled with .tile do not respect my $gutter-width or $column-width values (I'm not sure which one) and these divs are not lining up properly to the +susy-grid-background reference grid. In the screenshot below you can see the square cyan divs not adhering to $columns-width and $gutter-width values. On top of that, there should be 4 of these cyan divs in one row but the 4th one is getting knocked down to the second row. Why is this happening? Is this a sub pixel

Trying to setup Susy grid with Rails 4

由 眉间皱痕 提交于 2019-12-11 11:09:22
问题 I want to use susy with Rails 4. I added gem 'susy' to my gemfile. Then I run bundle install . Everything is fine and says the gem was installed. Now I restart my Rails server, and add @import "susy"; to application.css.scss (I'm using sprockets). I get the error File to import not found or unreadable: susy. Any ideas? 回答1: To the best of my understanding, Sass-Rails is still using an older version of Sass that does not support Susy 2. I hope they are working on an update, and have it

Susy: mixin applies, but throws error

由 我只是一个虾纸丫 提交于 2019-12-11 06:48:30
问题 I just started to use Susy. When I apply span-columns() mixins, the markup does applies correctly, but sass throws an error: (Line 276: Undefined mixin 'span-columns'.) #element-1 { @include span-columns(6, 12); } #element-2 { @include span-columns(6 omega, 12); } Sass 3.3.0.alpha.3 Compass 0.12.2 susy-1.0.8 -- Edit: Fixed - it was me assuming that including Susy in a previously included scss file would be suffice to work in the last included scss file (which in a way it did). I included Susy

Include a grid framework in visual studio that seems to be linux only?

由 强颜欢笑 提交于 2019-12-10 20:49:23
问题 I use Visual Studio 2013 with Web Essentials extension for all my Sass/Scss work. Its great. I came across a tutorial on a grid framework that I really want to use called Susy. However the tutorials I seen on it are all using it on Linux or mac and in some sort of a ruby based environment. Even on the site link, I don't see instructions on getting it to work in VS2013. I tried extension manager and nuget package manager but to no avail. My only option seems to be to download the source and

Omega if elements have different widths?

由 我的梦境 提交于 2019-12-08 10:26:29
问题 Can Susy automatically fill a multi column layout if elements have different widths? What I want (see code below): +---------+---------+---------+ | I | want | this | +---------+---------+---------+ | filled | automatically! | +---------+-------------------+ What I get (see code below): +---------+---------+---------+ | I | want | | +---------+---------+---------+ | this | filled | | +---------+---------+---------+ | automatically! | | +---------+---------+---------+ Purpose? For a responsive

What does @include container mean?

由 巧了我就是萌 提交于 2019-12-07 23:33:07
问题 I am getting started with Compass and Susy. My goal is to make my layout adapt to phone, tablet, and desktop screen sizes. In the Susy examples (susy.oddbird.net or SO question), there is a pattern of having the number of columns adapt to the screen size. Specifically, there are nested rules like these: .container { @include container; @include desktop { @include container; } } My questions now: What does the container { @include container } do? And, why is it nested again in the desktop

Getting Susy and Compass installed with ruby on rails

由 无人久伴 提交于 2019-12-07 16:08:46
问题 I'm just starting with ruby on rails and one of the first things I tried to do was install the gems compass and susy. After figuring out that I needed to include them in the gemfile (I'm using RubyMine and thought it would do it for me), I still got a missing "Could not find", "susy" error when I tried to import susy into one of my css.scss files. I have ruby version 1.9.3 (194) and ruby gems version 1.8.23 Any help on which gems (and versions) I need in my bundle, how to make sure they get

Getting Susy and Compass installed with ruby on rails

由 匆匆过客 提交于 2019-12-05 21:34:33
I'm just starting with ruby on rails and one of the first things I tried to do was install the gems compass and susy. After figuring out that I needed to include them in the gemfile (I'm using RubyMine and thought it would do it for me), I still got a missing "Could not find", "susy" error when I tried to import susy into one of my css.scss files. I have ruby version 1.9.3 (194) and ruby gems version 1.8.23 Any help on which gems (and versions) I need in my bundle, how to make sure they get in the project bundle, is greatly appreciated. I'm on rails 3.2.7 and use Susy (and Compass) like this.

Susy 2: Fixed width sidebar with fluid main content area

由 百般思念 提交于 2019-12-05 12:12:44
Using Susy 2 (release candidate), I'm trying to figure out how to create a simple fluid layout with a fixed width sidebar - either left position or right - I'm happy using the first and last keywords. Can anyone give me any pointers on how to do this within Susy 2? Thank you! There are a few ways to mix fixed/fluid layouts, depending on your own specific case. Isolate the sidebar. Float isolation is a cool a way of keeping floats independent from each other. .side { @include span(3 static isolate); } .main { @include full; padding-left: span(3 static wide); } // or... .main { margin-left: span

Run Compass/SASS with a different version

由 眉间皱痕 提交于 2019-12-05 00:12:06
问题 I am trying to find a nice solution working on two different compass projects. One is based off Compass using Blueprint (older version), and the other is based on susy grid (newer version). Currently, I have to reinstall the right version for the watch process. Is it possible to run compile with a specified version? It would be great if it is also possible to run a watch process with a specified version. 回答1: Running it as compass _0.10.5_ compile will do what you want. (Where you put in the
订阅 susy-compass