Skip to content

Instantly share code, notes, and snippets.

@amielucha

amielucha/_half-container.scss

Created August 28, 2018 14:47
Show Gist options
  • Save amielucha/f1dd8b67b627779880a55b40ffacbfc1 to your computer and use it in GitHub Desktop.
Save amielucha/f1dd8b67b627779880a55b40ffacbfc1 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap - half-width container
Raw
_half-container.scss
/*
* Half of a Bootstrap container
*
* Useful when one of the columns is supposed to match the grid,
* and the other stretch to 50% of the viewport.
*/
$container-half-widths: (
md: map-get($container-max-widths, md) / 2,
lg: map-get($container-max-widths, lg) / 2,
xl: map-get($container-max-widths, xl) / 2
);
.container-half {
@include make-container();
@include make-container-max-widths($container-half-widths);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment