Stack Overflow
Stack Overflow

Questions tagged [susy-sass]

Susy is a layout toolkit for the Sass CSS pre-processor. Susy is built to be flexible, so that you can customize it to fit your markup and your design, in a responsive and semantic way.

Susy is a layout toolkit for the Sass CSS pre-processor. Susy is built to be flexible, so that you can customize it to fit your markup and your design, in a responsive and semantic way. See more at http://susy.oddbird.net

148 questions
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
7
votes
1 answer

How to off-set Columns in Susy Grid System?

I want to Off-Set Columns using Susy, like off-setting columns in Bootstrap. I tried to use @include span(4 at 4); But that doesn't work. What I'm doing wrong?
Ruby
  • 2,207
  • 12
  • 42
  • 71
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
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
4
votes
2 answers

struggling with a nested flexbox grid

i tried to achieve a grid like pattern with a negative margin based grid system (susy) and failed. I tried to use flexbox, but i am not sure if its really possible, i thought the best approach would be 2 columns (side A and B) and give the boxes…
HendrikEng
  • 654
  • 1
  • 10
  • 32
4
votes
2 answers

Compass taking too long to compile

Since updated to the latest version of Compass it now takes 4.294s to compile. I need this version of compass due to needed susy Running "sass:dist" (sass) task Running "watch" task Completed in 4.294s at Tue Sep 30 2014 23:38:01 GMT+0200 (W. Europe…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
3
votes
1 answer

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

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…
Francis Rodgers
  • 4,565
  • 8
  • 46
  • 65
3
votes
2 answers

How do I use Susy to produce different layouts on different pages?

I'm using Susy 2.1.3 as a grid system. I have a containing element which has a different gutter on different templates. I've declared two different layouts and think I'm invoking them correctly. However, the layout which is defined last is the one…
Jodi Warren
  • 400
  • 4
  • 21
3
votes
2 answers

How do I efficiently remove margin of the last column using susy?

Im using susy to make a simple 12 columns grid. I think I've got it more or less figured out except for one thing. I've got the following markup:

the tweet

…
Flavio
  • 1,507
  • 5
  • 17
  • 30
2
votes
1 answer

Override gutter width Susy 2

I'm trying to override the gutter width in Susy 2 but can't get it to work as required. My standard set up for the site is as follows which is fine. $susy: ( columns: 12, gutters: .5, gutter-position: after, ); I have an image gallery where I…
eh21
  • 51
  • 10
2
votes
0 answers

Overwrite SUSY grid gutter for nested elements

I am currently using SUSY to create a responsive grid system for the website I'm working on. My grid.scss file looks a bit like this: @for $i from 1 to $noOfGridColumns+1 { .desktop-#{$i}{ @include span ($i of $noOfGridColumns); …
James Howell
  • 1,392
  • 5
  • 24
  • 42
2
votes
1 answer

What happened with gutter function/mixin in Susy 2?

This's my susy config $susy: ( flow: ltr, math: fluid, output: float, gutter-position: right, container: 1000px, container-position: center, columns: 12, gutters: .15, column-width: false, global-box-sizing:…
Lamp27
  • 23
  • 2
2
votes
1 answer

Can't get susy to use gutter in 'px' while in math:static mode

I want to create a fixed non-flexible very damn static grid of 1200px. So I figured out, I need 90px for column-width, 12 columnts, 10px of gutter and 1200px of max-width. Well.. the following are my settings and it gives me an error "invalid null…
Manas N
  • 23
  • 6
2
votes
1 answer

Susy 2.0 span not working as expected

I have a fairly simple issue that I can't seem to figure out. Positioning spans at certain columns does not seem to have any effect. header { .fullheight { @include backImage('../images/img_hero_brightspace-homepage.png'); @include…
byrdr
  • 5,197
  • 12
  • 48
  • 78
1
2 3
…
9 10