Stack Overflow
Stack Overflow

Questions tagged [susy-sass]

Susy is a layout toolkit for the Sass CSS pre-processor. Susy is built to be flexible, so that you can customize it to fit your markup and your design, in a responsive and semantic way.

Susy is a layout toolkit for the Sass CSS pre-processor. Susy is built to be flexible, so that you can customize it to fit your markup and your design, in a responsive and semantic way. See more at http://susy.oddbird.net

148 questions
2
votes
2 answers

Compiling SASS and SUSY with GULP

I am trying to get gulp to compile my sass and use the susy grid/framework. I'm having troubles finding any information about this online. I have included: "gulp-ruby-sass": "^0.7.1", into my package.json and installed everything. My gulp sass…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
2
votes
1 answer

How to get Susy Sass location working and align an element to a central column

I have a three column grid and using the +span function works well to define columns. So if I want an element to span one column I do: +span(1 of 3) and two: +span(2 of 3) etc.. I would now like a an element to span one column but at position 2,…
Rupert
  • 1,629
  • 11
  • 23
2
votes
0 answers

Bleed variable amount outside of grid on one side only

I am using susy2 for a project and I would like to include an image that bleeds outside of grid only on the left side and then spans 7 columns within the grid. The problem is, I do not think I can just use bleed because the amount to bleed is not…
dingus
  • 31
  • 2
2
votes
1 answer

What is the best way of creating nested grids with different layouts in Susy 2?

I've got a site layout which is as follows, if you can imagine the structure! header branding | search navigation home | about | blog | news | contact main news promotion 1 | promotion 2 | promotion 3 more content | more content side bar…
user1247989
2
votes
1 answer

susy 2.0 change columns at breakpoint

I'm not using Compass I prefer to use Breakpoint.scss I'm on susy 2.0 I know there are lot of posts with this question but I'm having 0 luck finding any regarding Breakpoint.scss and Susy 2.0 on this topic. @import "susy"; @import…
zebapy
  • 643
  • 1
  • 5
  • 21
2
votes
1 answer

Syntax Error in _maps.scss in Susy 2.0

"Syntax error: Invalid CSS after \"...th($_keys, $_n)\": expected \")\", was \": $_value);\" on line 57 of *myPath*/sass/lib/susy/math/_maps.scss from line 4 of *myPath*/sass/lib/susy/_math.scss from line 4 of…
DonJuwe
  • 4,477
  • 3
  • 34
  • 59
1
vote
1 answer

Error: no mixin named transition with Susy in Woocommerce

I'm compiling Woocommerce's Storefront theme using Gulp and Sass and came across an error with one of the mixins: Error in plugin "sass" Message: storefront/assets/css/woocommerce/woocommerce.scss Error: no mixin named transition on line…
Bartek
  • 21
  • 4
1
vote
1 answer

Susy grid with webpack and sass-loader

I'm pretty new to Node and i'm trying to use Susy grid but get this error ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./scss/waterbottle.scss Module build failed: @include gallery(1 of 2); ^ No…
judehall
  • 884
  • 12
  • 27
1
vote
1 answer

SASS Susy and Flexbox for vertically aligned LI in Susy Grid

I've looked at about a dozen various stack questions about vertically aligning items and a few websites with tutorials for aligning / working with SASS Susy. It seems perhaps my use case is unique and I just don't have the skills to work it…
user7737723
  • 11
  • 2
1
vote
2 answers

Breakpoint-sass not loading in gulp setup, Susy is working fine

Hi I'm trying to get breakpoint-sass working with susy in my Gulp set-up I have ran npm install breakpoint-sass --save-dev and linked it to the top of my sass file with @import "./node_modules/breakpoint-sass/stylesheets/breakpoint"; (susy is…
Jafoolee
  • 11
  • 4
1
vote
1 answer

Does Susy have a clearfix mixin within it?

I'm starting to use the Libsass version of Susy together with Gulp, and can see within the scss files that there is mention of a clearfix mixin / clearfix fallback mixin. But if I try to refer to this within my sass styling, compiling via gulp…
Ian Ryde
  • 23
  • 4
1
vote
2 answers

How to use Susy grids to create a 'bootstrap' style grid?

I like the way Bootstrap uses paddings and then negatively margins the 'row' to bring everything into line. It removed the need for :nth-child selectors when trying to remove gutters on certain things. But I like the ability to specify the gutters…
davidpauljunior
  • 8,238
  • 6
  • 30
  • 54
1
vote
1 answer

setting nested element width to column width

I'm having some troubles to find the right way to approach this problem: I've got a situation like the following:
Mr Peach
  • 1,364
  • 1
  • 12
  • 20
1
vote
1 answer

What is the difference between susy-breakpoint and susy-media?

The only difference seems to be that you can pass a new grid as susy-breakpoint's second argument. Why not just always use susy-breakpoint and leave off the second argument? Simply put: In which scenario(s) would you opt to use susy-media over…
jthomas
  • 858
  • 6
  • 19
1
vote
2 answers

susy proper way to switch grid settings in breakpoint

I am attempting to define some default behaviors for a grid and then override them at specific breakpoints. In the following example I would like the two divs to be stacked on top of each other, with slightly modified gutter settings from the…
sbham
  • 53
  • 6
1
2
3
…
9 10