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

How to remove gutter for first and last element of row in Susy grid

How can i completely remove gutters for first and last elements of row while using susy grid? This is my mockup markup. http://codepen.io/anon/pen/mVBmLY $susy:( columns: 12, gutters:2, gutter-position:split, ); ul{ @include…
user3667832
  • 257
  • 2
  • 5
  • 17
0
votes
1 answer

How do I install Susy in my Rails App?

So far in my Gemfile i included # Gemfile gem 'sass-rails', '~> 5.0' gem 'susy' # config/application.rb require 'susy' I ran "bundle install" with no errors. Now i'm trying to write normal Susy and just set up the app: $susy: ( columns: 12, /* we…
M. Claire
  • 27
  • 6
0
votes
1 answer

susy grid 840 how to set it

I want to position 2 div's. 150px | div width 440px | 100px | div width 440px | 150px . I don't know how to set it. I know it should be simple but this is my first project with susy $susy: ( columns: 12, math: fluid, output: float, last-flow:…
OunknownO
  • 1,186
  • 3
  • 21
  • 41
0
votes
1 answer

Susy "no-gutter" doesnt work

i try out susy and my first problems starts ;) at first i try to remove the gutter from an element with @include span(no-gutters); this are my settings $susy: ( columns: 12, gutters: 10, global-box-sizing: border-box, math: fluid, …
Gregor Voinov
  • 2,203
  • 7
  • 34
  • 52
0
votes
2 answers

Padding-top and height of

disappear under two siblings above

I am working on a blog site using WordPress and Susy grids. There is a

tag (with mild profanity) near the top of the page (link) with padding-top: 4em. Somehow this padding is slipping up under the previous two siblings, an

and a
. The…
davidseibert
  • 100
  • 3

0
votes
2 answers

Susy 2 Gallery and Gutter

I'm using the Susy 2 Gallery feature and would like to know how to influence the width of the vertical and horizontal gutters between each image in the gallery. At the moment, there is not enough width between the images.
user1493194
  • 313
  • 1
  • 3
  • 7
0
votes
1 answer

Is it possible to pass a value of 0 to span(0)?

Long tried to create a responsive navigation. But still turned out. But I'm still not sure I did the right thing. Because I passed a value of 0 in the span. Or so it is still possible to do? It works :) $big: (columns: 24, gutters: 1/2,math:…
oei
  • 571
  • 1
  • 5
  • 16
0
votes
1 answer

How to set a margin between nested grids/ rows element in Susy 2

I try to implement a quite simple HTML structure for displaying comments : an avatar is displayed on the left of the comment text like so :
Reveclair
  • 2,399
  • 7
  • 37
  • 59
0
votes
1 answer

Recognizing latest version for Upgraded Susy 2.2.3 to 2.2.6

I have manually Upgraded Susy 2.2.3 to 2.2.6. Can I delete older version or will it automatically uses latest version. I have Ruby Compass Sass and Susy Brianran
Brian Randall
  • 1
  • 2
0
votes
2 answers

Are there features in Susy that need Compass?

The Susy documentation says: The only requirement is Sass, but Susy was built to be part of the Compass ecosystem, and we recommend pairing with tools like Breakpoint and Vertical Rhythms. Of course if you want to use the recommended Vertical…
marcvangend
  • 5,592
  • 4
  • 22
  • 32
0
votes
1 answer

Susy prefix, suffix, pad wrong output with gutter-position inside

I don't know what is happening with the output of prefix, suffix and pad when using gutter-position: inside. For example: $susy: ( columns: 12, gutter-position: inside, global-box-sizing: border-box ); body { @include…
Mireba
  • 35
  • 5
0
votes
1 answer

Using susy with libsass - wrong output

I'm using libsass as it's faster than ruby sass and importing susy using bower. @import "../bower_components/susy/sass/susy"; $susy: ( columns: 12, gutter-position: inside, global-box-sizing: border-box ); #content { …
Mireba
  • 35
  • 5
0
votes
1 answer

How does the flag at?

There is a grid span(12) There are two blocks of text .main-container .content text text text text text text text text text .sidebar text text text text text text text text text Want to do so Write the code span(6 at 1)…
oei
  • 571
  • 1
  • 5
  • 16
0
votes
2 answers

Susy - get static span width in fluid container

I'm building a website using susy fluid grid container. But some of my interface elements require fixed width. So having these settings: $susy: ( columns: 12, container: rem-calc(1680), gutters: 28px/112px, global-box-sizing: border-box, …
Malyo
  • 1,990
  • 7
  • 28
  • 51
0
votes
1 answer

Susy: Temporarily modify gutter settings using With-Layout

I have two seperate images right next to one another, and I want them to be contiguous. The problem is that I need to move the right-most image over to the left. I could use the size modifiers for the span mixin (narrow | wide ) but that would…
Andrew
  • 737
  • 2
  • 8
  • 24
1 2 3
…
13 14