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
0
votes
1 answer

Custom grid system with Susy

I would like to create a bootstrap like, simple grid system with susy. My susy settings: $susy: ( columns: 12, gutters: 1/4, gutter-position: inside, global-box-sizing: border-box, ); SASS: [class^="col-"].last { @include…
user1452062
  • 805
  • 4
  • 12
  • 27
0
votes
0 answers

Can Susy container have different max-widths at different breakpoints?

I want to have a fluid grid that is generally 80% the width of the screen, with a maximum width of 1440px, but below 768px is 100% the width of the screen instead of 80%. With just one setting for "container", I'm not sure the best way to approach…
Damon
  • 10,493
  • 16
  • 86
  • 144
0
votes
1 answer

Element bleed on left and right sides?

I have a 5 column grid from Susy2 and Sass where the header and footer should be 100% the width of the body (for a full bleed effect) but their content should still use the grid's gutters. Here's some sample markup:
Lorem ipsum dolor sit…
KatieK
  • 13,586
  • 17
  • 76
  • 90
0
votes
1 answer

Susy grid background

I have these styles: +with-layout(8 1/4) .fact-circle-container +container(show) +clearfix font-size: 4px padding: 0 30px li +gallery(2) My grid items line up correctly. In this case each
  • spans two of the 8 columns…
    • rctneil
    • 7,016
    • 10
    • 40
    • 83
    0
    votes
    1 answer

    Layout order which differs from markup order with Susy

    Is it possible to use Susy to create a layout with an order which differs from the order in the markup? My markup is similar to:
    This…
    Andrew
    • 153
    • 1
    • 11
    0
    votes
    1 answer

    How to properly align nested grid with split gutters

    Is is possible to have nested grids, with split gutters, aligned with the ancestor grid columns? This is easily done with the before or after positioned gutters, with the first and last attributes but im achieving a similar result with split…
    Luis Martins
    • 1,421
    • 2
    • 18
    • 32
    0
    votes
    1 answer

    How to resolve SASS mixin name conflict?

    Suppose I have a file "_file1.scss" and "_file2.scss". Both of them have a mixin with the same name "my-mixin". Is it possible in "main.scss" file to import "_file1.scss" and "_file2.scss" and indicate from which file I want to use the…
    SBel
    • 3,315
    • 6
    • 29
    • 47
    0
    votes
    1 answer

    How do you set a custom susy layout's gutters to 0?

    I'm finding myself frequently having to negate gutters with margin-left: 0; margin-right: 0;. I tried setting gutters in a custom layout to 0 $my_layout: (gutters: 0); .my_class { @include with-layout($my_layout) { ... } } but this does not…
    hal
    • 4,845
    • 7
    • 34
    • 57
    0
    votes
    1 answer

    Susy reusable responsive columns

    I'm trying to wrap my head around Susy. I think I'm going to like it. Just need to work with it more. I'm basically trying to create reusable columns that I can use throughout a site. I'm coming from using the Foundation grid, so maybe I'm not…
    MAZUMA
    • 913
    • 3
    • 10
    • 20
    0
    votes
    0 answers

    Susy Error: WARNING: Static math requires a valid column-width setting

    I continue to get this error in my terminal. Error: WARNING: Static math requires a valid column-width setting I am currently using gulp and gulp-sass for my app. This is my main.scss file, and I can't seem to figure out how to satisfy this error.…
    chris_s
    • 1,051
    • 4
    • 14
    • 28
    0
    votes
    1 answer

    Changing Gutters only for a section using susy

    I'm building a site with susy to allow flexibility with the grids I need, I have not set any settings at the moment so Im only using the defaults. I want to be able to change the gutters (make them smaller) for a section of the site. I built it out…
    Iamsamstimpson
    • 1,359
    • 2
    • 17
    • 32
    0
    votes
    0 answers

    Getting Susy to compile with Koala on windows

    Just started using SASS for the first time. Set it up with ruby on rails on my windows 8, and got it to work and compile with Koala compiler allright. I just need to use the Susy library, but I could not get it working. So far, i've installed the…
    geochanto
    • 972
    • 2
    • 13
    • 45
    0
    votes
    2 answers

    Removing extra margin with Susy

    I'm using Susy framework and really enjoying it. But I have a slight issue with the added extra margins. Here is a working example of what i'm trying create here. What is causing the extra margins on the children of the hero__about div and how can I…
    Samuel
    • 5,529
    • 5
    • 25
    • 39
    0
    votes
    1 answer

    Susy "wide" spans margin

    I'm running into a problem using Susy 2's "wide" option of the span mixin. I have my gutter-position set to "before". I have two columns next to each other .container{ @include container; } .branding{ @include span(3 first); } .nav-primary{ …
    christian
    • 2,279
    • 4
    • 31
    • 42
    0
    votes
    1 answer

    Susy 2 gutters not appearing

    For some reason I'm not seeing gutters appearing in Susy 2. Any ideas why these might not be appearing? I have my map set, shouldn't the spans pick up the gutter settings by default? section{ @include full; @include span(6 at 4 of 12…
    byrdr
    • 5,197
    • 12
    • 48
    • 78
    1 2 3
    …
    9 10