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
10
votes
2 answers

Sass importing bower components

I have moved over from COMPASS to Libsass, the speeds are great but I need to use a few bower components to get this working. It may be a bit pedantic but I have to import my components like this at the top of my scss file. @import…
LeBlaireau
  • 17,133
  • 33
  • 112
  • 192
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
6
votes
1 answer

susy - how to make it full width (no gutter)?

I got a problem when I using SUSY build a grid. I set wrapper class following: $susy: ( math: fluid, columns: 12, gutters: 0.25, gutter-position: split, ); the problem is child element inside wrapper. In case sometime I want to make…
Alonewolf
  • 61
  • 1
  • 5
5
votes
1 answer

How to achieve landscape and pixel ration media query with sass-breakpoint

How to achieve this media query with sass breakpoint? ... @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) I've tried this, but it affects…
Ruby
  • 2,207
  • 12
  • 42
  • 71
5
votes
1 answer

The $susy setting global-box-sizing doesnt change anything in Susy2

This is something which I never understood in Susy 2. Looking at this simple example shows: http://codepen.io/itsthomas/pen/Btzxa HTML:
Box1
Box1
…
HomTom
  • 558
  • 1
  • 4
  • 12
5
votes
0 answers

"Warning. Error encountered while saving cache ... can't dump anonymous class" Update?

Has anyone been able to squelch these warnings, while the sprockets-rails/sass-rails folks iron out the issue? I'm dealing with super-slow compiling times in development. I know that they're not actually harmful, but they're driving me nuts. I'm…
Macnab
  • 93
  • 1
  • 6
4
votes
1 answer

Gulp-sass with susy and sourcemaps

I'm trying to get Susy to work with gulp-sass (libsass) and sourcemaps. It's the sourcemaps that seems to be the problem, since without them, everything works as it should. I tried adding the IncludePaths to the Sass task but that didn't help. Susy…
Johan Dahl
  • 1,672
  • 3
  • 19
  • 35
3
votes
2 answers

How to use Susy in Angular 2 CLI

Overview I love the new Angular 2 CLI, I was able to migrate my old front structure into it just fine. I however, have had trouble getting Susy (http://susy.oddbird.net/) to load. It is a gem that is installed and can be used as a mixin. I thought…
Bromox
  • 567
  • 2
  • 9
  • 29
3
votes
1 answer

Susy gem: How to find out which version of Susy is installed?

Does any one know how can I found which version of Susy is installed on my windows system? For example you can write in the command line compass -v to find out which version of Compass is installed on your machine. But susy -v doesnt work. Is there…
HomTom
  • 558
  • 1
  • 4
  • 12
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
2
votes
0 answers

LoadError on line ["54"] of /usr/local/lib/site_ruby/2.5.0/rubygems/core_ext/kernel_require.rb: cannot load such file -- susy

I'm trying to run the command for my project grunt compass watch in the end, I get this error Running "compass:dev" (compass) task LoadError on line ["54"] of /usr/local/lib/site_ruby/2.5.0/rubygems/core_ext/kernel_require.rb: cannot load such file…
Zuari
  • 21
  • 1
2
votes
1 answer

Bootstrap 4 Compass Project

I am getting in a muddle and need some plain speaking advice with setting up a project that will use both Bootstrap 4 and Compass. My usual way of working is just Compass and I use the Susy grid system. My typical project structure looks like…
Cherry23
  • 21
  • 2
2
votes
1 answer

CSS Susy Gallery - Center Last Row with nth-last-child

I have a 4 column Susy CSS gallery grid that can contain any number of blocks. If the last row has less that 4 blocks I need it to be centred. Using this css selector technique…
Benny b
  • 55
  • 1
  • 7
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
1 answer

Susy gallery with alternate width elements

I'm using Susy grid. I need to make a gallery of blocks with alternate widths. They will be 1/3, 2/3 and 3/3 width blocks. There can be many of these blocks on a page and they can go in a random order. If a block doesn't fit on a single line it must…
artemean
  • 805
  • 1
  • 10
  • 24
1
2 3
…
13 14