CODEWITHSUNDEEP
csssingularitygs
rkoller
rkoller

Reputation: 1474

Is it possible to override gutter-styles in certain contexts in Singularity to get fixed gutters?

I have a matrix of images. Each row 2 images, one a width of 1/3 the other 2/3 and a gutter in between the two. All the images have the exact same height. But if reduce the viewport width at certain viewports the 2/3 image gets smaller in height than the 1/3 image. I suspect that it is due to the default gutter-style i use in this particular case. In all other occasions it behaves fine but maybe here it is the root of the problem.

My grid settings are: 

$grids: 6;
$grids: add-grid(9 at 675px);
$grids: add-grid(12 at 850px);
$grids: add-grid(15 at 1075px);
$grids: add-grid(18 at 1200px);
$gutters: 1/3;
$output:'isolation';

and a sample part of the css looks that way ( i have 3 more of those switch-baseline includes):

@include switch-baseline($baseline850, $vr-850...) {
    &:nth-child(4n+1) {
        @include isolation-span(4, 1, 'right', $gutter:.5);
    }
    &:nth-child(4n+4) {
        @include isolation-span(4, 9, 'right');
    }
    &:nth-child(4n+2) {
        @include isolation-span(8, 5, 'right');
    }
    &:nth-child(4n+3) {
        @include isolation-span(8, 1, 'right', $gutter:.5);
    }
    &:last-child {
        @include trailer(2);
    }
}

Now my question is, would it be possible to override the default gridsettings for a single mixin or layout context? I've tried $gutter-styles: fixed after $gutter:.5 as well as add the gutter-styles statement to the layout mixin - both lead to an compass error. i am using singularity 1.1.2 . best regards ralf

Upvotes: 1

Views: 393

Answers (1)

Snugug
Snugug

Reputation: 2378

Absolutely! You can either pass $gutter-style to your grid-span call, or $gutter-style to the @layout mixin. See the Context Overrides section of the documentation.

Upvotes: 1

Related Questions