Menu icon Foundation
xy-cell, $gutter-output: false still affects size?

I'm using the semantic XY Grid and was looking to get a full-width 50/50 layout, but the width of each panel always seemed to try and account for gutters, even though I'd turned them off?

SASS code was:

.content-panel {
    @include xy-cell(6, $gutter-output: false);
    height: 100%;
    padding: 20px 20px;
}

Which produced:

.content-panel {
    width: calc(50% - 1.875rem);
    height: 100%;
    padding: 20px 20px;
}

To resolve, I had to add:

.content-panel {
    @include xy-cell(6, $gutter-output: false, $gutters: 0);
    height: 100%;
    padding: 20px 20px;
}

Which took the - 1.875rem off to leave the 50/50 layout.

Wondering if this is expected or, or a bug? Using 6.4.2.

Ta,

Paul

Foundationxy gridSass

I'm using the semantic XY Grid and was looking to get a full-width 50/50 layout, but the width of each panel always seemed to try and account for gutters, even though I'd turned them off?

SASS code was:

.content-panel {
    @include xy-cell(6, $gutter-output: false);
    height: 100%;
    padding: 20px 20px;
}

Which produced:

.content-panel {
    width: calc(50% - 1.875rem);
    height: 100%;
    padding: 20px 20px;
}

To resolve, I had to add:

.content-panel {
    @include xy-cell(6, $gutter-output: false, $gutters: 0);
    height: 100%;
    padding: 20px 20px;
}

Which took the - 1.875rem off to leave the 50/50 layout.

Wondering if this is expected or, or a bug? Using 6.4.2.

Ta,

Paul

Tim 11 months ago

Wow this is an old question, I ran into this error today. The only way for me to 'fix' this was maken 1 cell have the width set to auto.

This does not happen when I don't build everything semantically though... If I just use classes everything is fine. So it should have to do with the mixins and options I set inside mij scss file.

iOS man 11 months ago

Hi after reading your blog I have finally found some knowledge which 

I was looking for so long for that reason Thanks..

 

https://192-168-1-1.me

https://facetime-app.com

https://facetimeforandroid.biz