Responsive & semantic layout tools for Sass.
Responsive & semantic layout tools for Sass.
For more information, check out the website: http://susy.oddbird.net/
Questions tagged [susy-compass]
337 questions
24
votes
3 answers
Highcharts - Hidden charts don't get re-size properly
I currently have a 3 tabbed page. Each tab is a div that is set to display: hidden when not selected. In these tabs I have a Grid system created with Susy (compass plugin). Also each tab page has a set of Highcharts. When I load the page, depending…
thegreyspot
- 4,079
- 5
- 28
- 34
20
votes
3 answers
Can't get sass + compass + susy installed due to version conflict
I'm working with Sass, Compass and Susy on OSX / Terminal. But I can't get Susy to work together with Sass and Compass. What I've done:
sudo gem install sass
sass -v
Returns: Sass 3.3.0 (Maptastic Maple)
sudo gem install compass
This seems to also…
user3401571
- 203
- 2
- 4
9
votes
4 answers
How to add left and right padding to containers in Susy 2.0
I'm using Susy 2.0. I'm building a fixed-width site (that will become responsive in a later phase). However, I think my question applies when using Susy as static or fluid.
Here are my global settings:
$susy: (
container: auto,
columns: 12,
…
Dave Foy
- 93
- 1
- 3
9
votes
5 answers
A `position:fixed` sidebar whose width is set in percentage?
I've successfully used the beautiful Susy grid system to create a responsive layout similiar to the one of WebDesignerWall.com:
What i failed to implement is a position:fixed sidebar.
Such a sidebar would not scroll when the page is scrolled and…
Andrey Mikhaylov - lolmaus
- 23,107
- 6
- 84
- 133
7
votes
1 answer
Fundamental difference between Susy 2.0 and SingularityGS
I am wondering if there is any key differences between these two grid systems. I can't see any on the surface and dont know why I would want to choose one over the other. I built sites with both singularity and susy 1 in the last few months and they…
Colin
- 961
- 7
- 8
6
votes
2 answers
No such framework "susy" using compass
I'm trying to create a compass project using the susy grid.
$ compass create --using susy test
No such framework: "susy"
I am using git-bash on Windows 7. I have Ruby 2.0.0p451, Sass 3.3.8 and Compass 0.12.6 installed. I have require 'susy' in my…
evolutionxbox
- 3,932
- 6
- 34
- 51
6
votes
2 answers
Susy: Omega and Responsive Grids
When using Susy, you put an "omega" flag on the last item of a row to remove its margin-right. For example, let's say we have a bunch of items we need to lay out on a 12-column grid:
...
...
Sacha
- 1,987
- 1
- 24
- 41
6
votes
4 answers
File to import not found or unreadable: susy
I just can't figure out what is wrong with my setup with Susy.
I am on OS X 10.7.4
I have followed along here: http://susy.oddbird.net/guides/getting-started/
Error
Syntax error: File to import not found or unreadable: susy.
Load…
Simon
- 2,484
- 6
- 35
- 54
6
votes
1 answer
Susy: How to extend content box to cover grid-padding as well?
I just started to play with Susy. I have a 12 column grid that has grid-padding on it. Now i want the header of my page to span the whole grid including the grid-padding. What I'm doing right now is calculating the overall width and then setting a…
Klaus Klausen
- 63
- 1
- 3
5
votes
1 answer
How to achieve landscape and pixel ration media query with sass-breakpoint
How to achieve this media query with sass breakpoint? ...
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)
I've tried this, but it affects…
Ruby
- 2,207
- 12
- 42
- 71
5
votes
5 answers
Unable to activate susy-2.1.1, because sass-3.2.17 conflicts with sass (~> 3.3.0)
I have installed the latest versions of compass, sass and susy. But still I am getting this error:
Unable to activate susy-2.1.1, because sass-3.2.17 conflicts with sass (~> 3.3.0)
Anyone knows how this Ruby thing works?
This is the list of my…
Remi
- 4,663
- 11
- 49
- 84
5
votes
1 answer
How to set a maximum container-width in Susy that only the padding/margin keeps growing on larger viewports?
In my largest desktop view/breakpoint i tried to accomplish the same behaviour like on the Susy demo page ( http://susy.oddbird.net/demos/magic/ ) - that when the container maximum width is reached only the padding or margin on each side is growing…
rkoller
- 1,424
- 3
- 26
- 39
5
votes
3 answers
Passing a variable from inside a mixin declaration into the attached content block?
In Ruby, you can easily pass a variable from inside a method into the attached code block:
def mymethod
(1..10).each { |e| yield(e * 10) } # Passes a number to associated block
end
mymethod { |i| puts "Here comes #{i}" } # Outputs the number…
Andrey Mikhaylov - lolmaus
- 23,107
- 6
- 84
- 133
5
votes
1 answer
Susy: Use different layouts for different screen sizes
I am building a mobile first website using Susy and would like to have different layouts for different screen sizes. Each layout will have its own set of columns, column widths and gutter widths.
How do I do this?
My Attempts:
1. Old Susy method
In…
big_smile
- 1,487
- 4
- 26
- 59
5
votes
3 answers
Run Compass/SASS with a different version
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…
YeppThat'sMe
- 1,812
- 6
- 29
- 45