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
1
vote
1 answer

Aligning gallery with the rest of the content

I'm having a problem with the gallery alignment with the rest of the content. I'm using container with padding that I'm getting through gutters and the gallery is with the padding of the span, plus the padding of the gutters. I want to make them…
Mireba
  • 35
  • 5
1
vote
1 answer

How to set padding on the container?

I have a header full width and I want to set padding on it using the Susy math, instead of being rewriting every time the padding of the containers in my layout. For example: CSS: @import "susy"; @import "compass/reset"; $susy: ( columns: 12, …
Mireba
  • 35
  • 5
1
vote
1 answer

Susy. Wrong margins for columns in fixed layout

I am making a fixed layout with Susy and stuck with this issue when the second column has a right margin even if I specify that they are nested within a container. Codepen HTML
…
Svyatoslav
  • 81
  • 2
  • 10
1
vote
0 answers

Unable redefine gutter width in Susy

SOLVED!! (see bottom) Obviously I'm new to Susy. Read all the documentation. I've read the free chapters of Zell's tutorial and read most of his blog posts. Looked through other sources haphazardly. Nowhere have I found information that touches on…
Andrew
  • 737
  • 2
  • 8
  • 24
1
vote
1 answer

Inset fluid grids with Susy

I have been able to replicate the following grid layout using math: static without issues. However, I'd prefer to use fluid widths, so the design shrinks on smaller screens before changing at the next breakpoint. When I switch to math: fluid and…
PeterB
  • 2,212
  • 2
  • 21
  • 33
1
vote
0 answers

Off canvas layout with sticky column

The layout I'm working on is an off-canvas type layout where part of the information is transitioned into view when needed, very popular on smaller screens as smartphones. My code is based on the example from this blog post. The problem is to keep…
pixeltom
  • 1,799
  • 1
  • 15
  • 19
1
vote
2 answers

Can't get Compass to watch my Susy project

I am a newb to the command line. The furthest I have taken it was to install the sass version of Foundation successfully. I want to try out Susy to see if it suites my needs better. I was following the 11 videos series on Susy Tutorials on Level Up…
user2860484
  • 23
  • 1
  • 4
1
vote
1 answer

Switching Gutter Widths At Different Breakpoints Using Susy Next

Throughout my stylesheets I have calls to span, using Susy's mixins to control the widths of the numerous modules used across a site. I now have a requirement to change the grid gutter width at a given breakpoint. Whereas with a traditional grid…
Undistraction
  • 42,754
  • 56
  • 195
  • 331
1
vote
1 answer

Susy: first and last keywords not being applied

It doesn't matter how I apply first or last keywords they do do not seem to be being applied. I have: $susy: (columns: 12, column-width: 60px, gutter-width: 20px, grid-padding: $grid-padding, container-style: static, gutter-position: split); I have…
user3407128
  • 11
  • 1
1
vote
2 answers

Middleman bower and Susy

I'm using middleman 3.3.3 with bower to install some js/css packages. I can make my scss works but middleman can't find where susy framework is. (is inside bower_components). I'm also using middleman-sprockets. So my config.rb is like that: activate…
Giorgia Sambrotta
  • 1,133
  • 1
  • 15
  • 45
1
vote
1 answer

Susy: @include span mixin behaves odd

Using Susy via CodeKit, I run into a strange situation: If I use: .example { @include span (first); } or .example { @include span (last); } Susy works as expected according to the documents. However, when using e.g. .example { @include span (4 at…
Ivar
  • 11
  • 2
1
vote
1 answer

Susy 2 Framework for SASS undefined mixin ' span'

I am having a small issue using Susy in that it seems to be using the old syntax. I have the latest version of SASS (3.3.6). I have the latest version of SUSY (2.1.2). I have the latest version of Codekit (1.9.3). I have included this in my…
Trevor Saint
  • 51
  • 1
  • 4
1
vote
1 answer

Do I need one susy grid or more

I would like to have a susy grid layout like the one on http://www.mattk.com To me it looks like 3 regions have a max-width and two that span the whole screen. Is there a way to have the container to have a max-width, but a couple regions go past…
Stephen Cupp
  • 13
  • 2
1
vote
1 answer

gulp gulp-sass source string:1: error: file to import not found or unreadable: "susy"

Need assistance with getting gulp/gulp-sass to recognize susy. Im running out of ideas and need a 2nd set of eyes. Thank you for feedback. Error: [gulp] [gulp-sass] source string:1: error: file to import not found or unreadable: "susy" gem…
Upworks
  • 267
  • 2
  • 15
1
vote
2 answers

Trying to setup Susy grid with Rails 4

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).…
Don P
  • 60,113
  • 114
  • 300
  • 432
1 2
3
…
9 10