Stack Overflow
Stack Overflow

Questions tagged [susy]

Susy is a (now deprecated) design-agnostic set of tools for creating powerful, custom layouts.

Web:
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date.

Github:
Susy is a design-agnostic set of tools for creating powerful, custom layouts. We didn't want another grid system full of rules and restrictions — we wanted a power tool for building our own damn systems. Version Three is trimmed down to it's most basic components — functions that can be used to build any grid system.

Susy is Deprecated. It should no longer be used on new projects, and will no longer be receiving any updates.

Web: www.oddbird.net/susy/
Github: https://github.com/oddbird/susy

207 questions
1
vote
1 answer

Susy stack content per column

I have a webpage based on a susy grid, with content like this:

Who's down there? Can't see!

Lots
and lots
and…

gummbahla
  • 219
  • 2
  • 13
1
vote
2 answers

Susy Gallery Center Last Row

Using Susy 2 and trying to center the last row in the susy gallery. Interestingly enough I only have an odd number of logos needed to be displayed. 15 in total. I tried just putting the last 3 in a separate div and messing with that but that seems…
lnickel
  • 331
  • 1
  • 6
  • 17
1
vote
0 answers

How do I remove an item on responsive (Susy) layout?

I have a nav bar that I would like to hide once the page is viewed on a small screen (ideal breakpoint below 750px). I'm really new to Susy and responsive layouts in general. I'm using: compass, susy, and sass/scss Thank you in advance for any help…
danny_bot_6000
  • 11
  • 4
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
0 answers

Sass: breakpoint mixin args error

Here's my code: https://github.com/Oreqizer/susy-tutorial/blob/master/app/styles/modals/_layout.scss lines 12 to 17, extract here: .wrap { @include container(); @include breakpoint(768px) { @include show-grid(9); } @include…
Idefixx
  • 472
  • 5
  • 21
1
vote
1 answer

Getting Libsass Gulp Susy to work together

I have just spent the last 5 days playing with this and trying to get the following to work together: ¬ Libsass ¬ Susy ¬ Gulp But now I have it working I have just gone for 45s to 700ms This is something I feel I should share. Initial…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1
vote
2 answers

Libsass with Susy not working + Gulp

I've no doubt others have got this working... I just haven't quite worked out how right now. Gulp var gulp = require('gulp'); var sass = require('gulp-sass'); var handleErrors = require('../util/handleErrors'); var sourcemaps =…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1
vote
0 answers

Use Susy & breakpoints via Bundler with Gulp

I am trying to install Susy and Breakpoints with Bundler via Gulp. How do I do this? In the Susy docs, it says the following: 1) Put the following in your gem file: gem 'sass-rails', '~> 5.0.0.beta1' gem 'susy' 2) Put the following in…
big_smile
  • 1,487
  • 4
  • 26
  • 59
1
vote
1 answer

Can susy return a span in pixels?

I'm a susy noobie, so apologies if this a daft question... I'm calculating responsive padding within a susy grid. The usual calc is of course: (target / context) x 100. Can susy return the 'context' ie "span(2)", for example, in pixels, so I can add…
Captain flapjack
  • 426
  • 6
  • 16
1
vote
1 answer

Susy compile time slow

I am using susy version 2.1.3 and since upgrading from version 1 where my compile time was less than 1 second it now takes 7s+ [22:30:46] Finished 'sass' after 8 s I have updated all gems to latest + beta versions to see if it speeds anything up…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1
vote
0 answers

Ruby's RVM weird "@global" symlink issue

In my Gruntfile.js, I have a following Compass task with 2 dependencies: compass: { parent: { options: { // ... other options ... require: [ 'modular-scale', …
Petr Cibulka
  • 2,452
  • 4
  • 28
  • 45
1
vote
0 answers

Rails 4 Asset Compilation (w/Sass & Susy) is Slow Using the Asset Pipeline

Basically, I am in the same boat as this question: Rails 4 asset compilation is VERY slow (>1min) in dev mode. How to troubleshoot? But instead of using Bootstrap, I'm using Susy 2 with SASS 3.3 and Rails 4.1 (but not Compass). I'm using the…
Macnab
  • 93
  • 1
  • 6
1 2 3
…
13 14