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
0
votes
2 answers
Susy / Compass mobile-first grid not working on mobile devices
I've recently done a quick portfolio site which I'm still in the process of tweaking, but I've used a susy grid which when I resize it smaller using the browser, it still looks how I expected it to look. I have three breakpoints in essence, one for…
Carrie Hall
- 931
- 3
- 15
- 30
0
votes
1 answer
How can I use rem in susy?
after reading this article, how can I use rem with susy?
Currently using ems, but it seems rem is the future :)
Also I notice that in version v1.0.5 there is support for rem, but I simply to understand how to integrate it to my website.
Thanks
Ilia Kolev
- 21
- 3
0
votes
1 answer
CompassSusy Nested Grids not giving correct column widths/margins
I have a main grid setup with susy and then in the footer element I use Susy's with-grid-settings() mixin to generate a slightly different grid as follows:
footer
+span-columns(5 omega, 5)
+with-grid-settings(5, 174px ,20px ,0)
+container
…
rctneil
- 7,016
- 10
- 40
- 83
0
votes
1 answer
How can I place two grid items above each other using Susy?
I have a CSS grid created with Susy, with two asides and a content section, like this:
|1| |2| |content|
|content|
|content|
The source order is content-1-2, but the above is easy enough using push() and pull().
On a narrower…
marcvangend
- 5,592
- 4
- 22
- 32
0
votes
1 answer
SCSS & Susy: Makes boxes extend into grid gutters
I have made a grid with the excellent Susy.
I want to add a box the content in my grid. When I do this, everything gets cramped, as the box aligns to the same edge of the grid as the content.
I can add padding to the box and then apply box-sizing:…
big_smile
- 1,487
- 4
- 26
- 59
0
votes
1 answer
Susy: Fluid grid based on maximum px values
I am trying to make a fluid grid which at its maximum width has these values:
http://gridcalculator.dk/#/1224/12/40/56
When the browser is resized below 1264px (to allow for 20px padding on the body), everything (margins, gutters and columns) should…
LorTush
- 719
- 1
- 8
- 14
0
votes
0 answers
Susy: Syntax error: Undefined operation: "1/0.623em times 1em"
Trying to use susy with middlemanapp and getting the following error after the basic setup
Syntax error: Undefined operation: "1/0.623em times 1em"
on line 32 of ....…
blg002
- 63
- 7
0
votes
1 answer
Creating a container with Susy with no margins (Compass/Sass)
There is an 8px margin on my body element that I don't want to have there because it makes the navigation look a bit strange. I can set the margin-top to be 0 pixels, or set a negative 8 px margin on the navigation, which is better and why does Susy…
Carrie Hall
- 931
- 3
- 15
- 30
0
votes
1 answer
iPhone Mobile safari: Susy grid scales to height instead of width on shorter pages
I'm having problems getting the iPhone's Mobile Safari scaling to work as expected. I'm using Susy for the grid:
$total-columns : 12;
$column-width : 60px;
$gutter-width : 32px;
$grid-padding : $gutter-width/2;
$container-style: static;
And…
Daniel Baars
- 41
- 1
- 2
0
votes
3 answers
Compiling error on codekit when using sass, compass, and susy
Whenever I try to save a .scss file that is linked in codekit, i get the following error:
"Compass was unable to compile one or more files in the project:
LoadError on line 161 of…
clark
- 3
- 1
- 2
0
votes
0 answers
How to have div extend past a compass susy grid?
I have many elements where the CONTENT of a div should align with my 960 grid, but I'd like the CONTAINER that holds them to extend into the gutter on either side of the grid.
For example, please see following image. I'd like to specify the size of…
Steve
- 14,401
- 35
- 125
- 230
0
votes
1 answer
susy, media queries, and lt IE9
I was wondering what (if any) shims you use to get the magic grids to respond correctly in SUSY in IE8 and under?
On non-susy sites I've always used moderizr or the shim from google and they worked as expected. I'm working on my first SUSY site and…
user1747698
0
votes
1 answer
Image matrices defined in Susy aren't lining up properly
I think I managed to solve most of my starting problems with Susy. The only odd thing left I can't figure out is why it behaves the way it does when creating an image matrix.
Here's my setup:
$total-columns: 24;
$column-width: 6%;
$gutter-width:…
rkoller
- 1,424
- 3
- 26
- 39
0
votes
1 answer
Basic questions about Susy and an odd behaving span-columns()
After getting Susy running in Codekit, i was finally able to try around more thoroughly. I am right at the start with the whole grid and Susy thing. So i tried to apply a Susy grid to a design of a recent website i try to build for exercising…
rkoller
- 1,424
- 3
- 26
- 39
