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 One Gem Error Deprication Warning

I am running CodeKit and I get this error when it compiles: DEPRECATION WARNING on line 60, column 11 of /Library/Ruby/Gems/2.0.0/gems/susy-2.1.3/sass/susy/language/susyone/_functions.scss: Unescaped multiline strings are deprecated and will be…
stanhook
  • 63
  • 3
  • 12
0
votes
1 answer

Grid size using susy

I am trying to create a grid structure using the susy plugins but some reason I am getting an extra space for it. $susy: ( gutter-position: after, container: 1280px, container-position: center, columns: 14, gutters: 0.6, …
Neela
  • 311
  • 1
  • 4
  • 16
0
votes
1 answer

What am I doing wrong with npm susy and grunt?

I am trying to compile my scss files using susy, node-sass, grunt-sass I added all these dependencies using npm install. I am adding the setup for grunt like sass: { options: { implementation: sass, sourceMap: true }, …
Subhendu Kundu
  • 3,618
  • 6
  • 26
  • 57
0
votes
2 answers

How to install Susy 2 using npm for use with gulp

According to the Susy 2.1.2 documentation, installing Susy is as simple as running npm install susy --save-dev then altering your Gulpfile in accordance with the afore-mentioned doc. You might suspect this would install 2.1.2. However, this…
DMCoding
  • 1,167
  • 2
  • 15
  • 30
0
votes
1 answer

How to supress/fix Susy 2.0 deprecated warnings

I am trying to suppress/fix a deprecated warning from my grunt-sass (based on node-sass) compile that I traced to Susy 2 using functions listed to deprecate in Sass 4.0. At this point, it's not feasible to upgrade to Susy 3 as there's no upgrade…
l3fty
  • 572
  • 3
  • 16
0
votes
1 answer

Making the switch to gulp and have problems with susy

Im making the change in workflow to use gulp and was setting up all my dependencies. I use SUSY to do grids and can get the latest version 3 installed. Unfortunately I have quite a few historic projects I still need to support that use SUSY 2. can…
John Fieldsend
  • 31
  • 7
0
votes
1 answer

susy sass mixin error

I have set up susy sass and gulp using this tutorial: https://zellwk.com/blog/gulp-libsass-with-susy/ I cannot use any mixin like @include span(12 of 16); as it always throws an error like: events.js:182 throw er; // Unhandled 'error' event …
Paranoidantroid
  • 37
  • 1
  • 8
0
votes
1 answer

Susy 2 - Debug image not correct - Not a sub-pixel rounding issue

Have a look at this Sassmeister and let me know where the extra darker blue column to the far right comes from please. I don't believe this is a sub-pixel rounding issue but something else. What really confuses me is that the extra bit shows up with…
lowtechsun
  • 1,915
  • 5
  • 27
  • 55
0
votes
0 answers

Use sussy with laravel

Can anybody help me in using susy with laravel project? I have installed all the dependencies using npm install and followed these steps to install susy. this is my webpack.mix.js file mix.js('resources/assets/js/app.js', 'public/js') …
amansoni211
  • 889
  • 2
  • 13
  • 30
0
votes
1 answer

Import susy in Ember application

Have you tried to include Susy in your Ember application? I have tried it with different approaches but they don't work. Install susy as npm module using npm install susy. Install susy with the ember-cli. Install susy and use eyeglass. The build…
Francisco Ortiz
  • 508
  • 3
  • 11
0
votes
1 answer

Problems with debug mode and isolate gutter-position on Susy Grid system

I'm trying to see the debug mode on Susy to know how is the grid working and figure out if we have problems, but when I add this to my susy-config it's showing no debug mode. I'm using version 2.2.12. This is my code on _variables.scss: $susy: ( …
pablocarmona
  • 5
  • 4
0
votes
2 answers

Impossible to use Susy mixins on my project

I am moving an existing code to a new configuration based on webpack+postCSS. I use compass and susy. No problem with compass mixins. However with susy i cannot use any mixin. for example if i try to use the container mixin i get the following…
user8272438
  • 13
  • 4
0
votes
1 answer

How to specify 2.5% gutters for a 12 Column Susy Grid

I have a mobile first website with two different grid settings. Till 600px: $sm-screen-grid: ( columns: 5, gutters: 1 / 3 ); Those gutters show as 2.5% padding, still trying to figure out how is that exactly being calculated. After 600 I switch…
sayayin
  • 971
  • 5
  • 23
  • 36
0
votes
1 answer

Use different Susy config at different breakpoints

I'm trying to use two different Susy grid global configs for two breakpoints in my layout design: tablet and desktop. This is my _variables.scss code: // Susy Sass Grid System Config $susy: ( columns: 12, column-width: 45px, global-box-sizing:…
pablocarmona
  • 5
  • 4
0
votes
1 answer

Can`t make susy start working

I wanted to start a project with Sass / Compass and for grid I want to use susy. Installed sass -v 3.4.24 Compass 1.0.3 All good and working. After I installed susy 3.0.6 and not working then I tried 2.2.12, and use the simple code body {…
Bogdan Rusu
  • 1
  • 1
1 2 3
…
13 14