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

Susy gutters in pixels

Can i put gutters in pixels? I tried to put pixels in gutter variable, but i get an error. I make simple example. @import "susy"; // Colors // - - - - - - - - - - - - - - - - - - $col: ( _1: #96ceb4, _2: #ffeead, _3:…
Виталий Леонов
  • 133
  • 1
  • 4
0
votes
1 answer

Push and Pull with SASS/Susy

I have a three divs layout and want to place them in one line: Main | Aside | Box main {@include span (8 of 17); aside {@include span (4 at 9 of 17); .box {@include span (2 at 13 of 17) @include pull(2); I dont get the .box to leave space between…
seb4222
  • 5
  • 4
0
votes
1 answer

Susy grid - increasing outer container gutters on split

I'm building a website using Susy grid, using split gutters (gutters on every side of the column). But the outer flexible gutters are really thin on the side of the pages, especially on mobile devices. Is there way to append wider outer gutters to…
Malyo
  • 1,990
  • 7
  • 28
  • 51
0
votes
1 answer

Susy not removing last padding of item

I want to create a simple 4 row grit with susy, but recently i'm not able to get this working. I created the problem in Sassmeister: Link to problem in Sassmeister Is there something i miss here?
Ronald Zwiers
  • 780
  • 2
  • 10
  • 25
0
votes
1 answer

dynamic height rows with SUSY layout

How can we get columns in SUSY to equal the rows height in a fluid manner? The rows height is in this case dictated by the content with the most height. Couldn't find the answer anywhere and it will be definitely helpful for most SUSY users. So…
Driesketeer
  • 53
  • 7
0
votes
1 answer

Susy 2 and Breakpoint

I am finally transitioning over to Susy 2 from Susy One and have been struggling a bit with the new syntax. Specifically, using it with the Breakpoint mixin. In Susy One, I had this: // Mobile First Settings .grid-construct{ $total-columns:…
Yahreen
  • 1,639
  • 7
  • 24
  • 38
0
votes
1 answer

Susy counts column width and gutters wrong

My susy layout is wrong by 1 pixel and I don't know why: $susy: ( columns: 12, container: 1546px, gutter: 26px, column-width: 105px, global-box-sizing: border-box ); It returns 104px width columns with 27px gutters, the container is as…
Malyo
  • 1,990
  • 7
  • 28
  • 51
0
votes
1 answer

Starting an element at certain coloumn within Susy grid

What the best way to position an element say 2 columns in. Is there a short hand syntax like span (6 at 2) Which i've tried but doesn't work. Or is the correct way to apply a left margin. Also can you get the span count to start from the…
Ben
  • 1,022
  • 3
  • 13
  • 23
0
votes
1 answer

Koala app how to compile compass with susy?

I'd like to know how can I compile compass with susy project in Koala app. I get following error message: LoadError on line ["45"] of C:cannot load such file -- susy Run with --trace to see the full backtrace My config.rb (it was made via command…
testerius
  • 391
  • 4
  • 6
  • 16
0
votes
1 answer

Susy 2 IE8 Fallback

I need to add support for IE8 and possible previous versions using Susy 2 but there is very limited documentation that described how to do this. I know in Susy 1 there was a lt-ie9 fallback tag to use against breakpoint declarations but that doesn't…
Key
  • 396
  • 4
  • 15
0
votes
0 answers

dynamic responsive grid using Suzy

I'm using Susy and want to create a Grid to show some elements (charts actually) whose order is determined at runtime (user can change the order). The problem is, there are charts that are preferably shown wider than others. Suppose at a certain…
herman
  • 11,740
  • 5
  • 47
  • 58
0
votes
2 answers

Cannot get Susy grid to work properly

I'm going crazy! no idea what I'm doing wrong, it just won't work.. this is my code: @import "susy"; $susy: ( flow: rtl, columns: 24, gutters: .25, ); .wrapper{ @include container(70em); } header{ background-color:red; …
davegri
  • 2,206
  • 2
  • 26
  • 45
0
votes
2 answers

How to set Susy gutter width to be more than 1 column

I'm using with-layout to temporarily set defaults for my page column structure. I need a 24 column grid to allow finer control, but need a gutter that's larger than 1 column. Is that possible? @include with-layout(24) { .col-1 { …
davidpauljunior
  • 8,238
  • 6
  • 30
  • 54
0
votes
0 answers

Gutters susy not created

Recently we created a new project using Sass and Compass. I tried to use the basic setup: $total-columns : 12; $header-columns : 36; $column-width : 5em; $gutter-width : 1em; $susy: ( /*the basics*/ flow: ltr, math: fluid, output:…
Ronald Zwiers
  • 780
  • 2
  • 10
  • 25
0
votes
1 answer

When should I use susy-media instead of susy-breakpoint

Is there any use-case for susy-media mixin? Susy-breakpoint seems to provide same functionality if used without layout parameter. If so, susy-media seems useless.
ivangretsky
  • 308
  • 2
  • 9
1 2 3
…
13 14