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
0
votes
1 answer

Unable to load extension: compass-susy

I've attempted to install Compass, which initially seemed successful, but when checking the version I see this: compass --version Unable to load extension: compass-susy I'm not sure exactly what this notice means - so that is my first question. I…
red-charlt
  • 25
  • 6
0
votes
2 answers

error compiling susy2 with gulp

I have a very simple gulp based test environment using only sass and the susy2 gem - no compass because compass is no longer a dependency of susy 2 The error i'm getting is ...sass/susy/language/susy/settings:8:error: error reading values after…
rakitin
  • 1,943
  • 6
  • 25
  • 51
0
votes
1 answer

Susy 2 Show-Grid background-image not found

I having trouble trying to show the debug grid from susy 2. base on this sample: http://sassmeister.com/gist/9533822 I use body { @include container(show); } but what Developer Tool Return…
Locke
  • 629
  • 1
  • 5
  • 21
0
votes
1 answer

3 column to 2 column stacked layout w/ Susy (EG twitter)

I've been working with Susy for a while now and came across a use case that I can't seem to figure out. The best way to explain it is to use Twitter as an example. If you look on their site you'll see they use a three column standard layout with…
Mr. BigglesWorth
  • 1,530
  • 3
  • 18
  • 33
0
votes
1 answer

How do gutters work in Susy 2?

I am trying to generate gutters which span 1/5 of 4 a column span. The global setup is: $page-width: 1080px; $susy: ( columns: 12, math: fluid, gutter-position: inside, gutters: 1/4.5, // will be overriden; I think ... …
Thomas Luzat
  • 710
  • 7
  • 21
-1
votes
2 answers

Disable "display: none;" in CSS3/ Susy

so I am working with Susy2 and Susy-breakpoints. Now I have the problem, that a button should be displayed on all breakpoints, except the smallest one. My company uses a mobile-first approach, which means the smallest breakpint is styled first,…
SophisticOtter
  • 3
  • 6
-1
votes
1 answer

Adding padding to simple Susy layout

Adding padding to a simple susy layout seems to break the grid for me. Adding the padding to .item class breaks the otherwise functioning 12-column grid. $susy: ( columns: 12, gutters: 1/4, gutter-position: split ); $grid-padding:1em; .wrap { …
1252748
  • 14,597
  • 32
  • 109
  • 229
-1
votes
1 answer

Fixed width sidebar and fluid width main content area with susy

I have a pretty simple two column layout where the left column is for main content and the right column is a sidebar, which contains some 300x250px ads. My issue is that I want the sidebar to always be the same width so that it won't cut off my ads…
Matt Messinger
  • 57
  • 2
  • 8
-1
votes
1 answer

What is a grid solution for fixed gutters and fluid columns (and uses margins)?

Can this be done? I've looked into susy, jeet, singularity etc. I'm using latest version of libsass. I might have a few more options if I switched to Ruby. I love susy, but for my next project I need fixed gutters (set them in px). Suggestions…
user1754576
  • 1
-2
votes
1 answer

How to make the minimum width of the page by using Susy?

How to make the minimum width of the page by using Susy? For example: body { min-width: 320px; }
Spark89
  • 1
  • 1
-2
votes
3 answers

what is the exact different between Susy and Sass?

I was using Sass sometimes but recently I've heard somethings about Susy, are they same or what is the exact different between them ?
Freeman
  • 9,464
  • 7
  • 35
  • 58
-2
votes
1 answer

SUSY two colum layout with facing gutters to allow wide spread to work

I have a layout that I want to achieve but its stumping me. I want to use the 'wide' spread to achieve a visual 'overhang' (Red block in image below). To get this working, the two columns (Grey in image below) need to have gutters (light grey in…
isibbot
  • 7
  • 2
1 2 3
…
13
14