Skip to content
Snippets Groups Projects
Commit 677a3e8f authored by Ivica Puljic's avatar Ivica Puljic
Browse files

Issue #3443684 by pivica: Introduce vertical grid gutter

parent fd486858
No related branches found
No related tags found
No related merge requests found
......@@ -118,8 +118,9 @@ $content-spacer: $spacer !default;
// General vertical container gap.
$container-spacer-y: 2 * $spacer-y !default;
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-gutter-width-y: $grid-gutter-width !default;
$page-content-columns: 9 !default;
$page-content-sidebar-columns: 3 !default;
......
......@@ -2,18 +2,18 @@
&__pager {
// Make distance between views content and pager.
// @todo - should we use responsive gutter here, like for horizontal gutter?
margin-top: $grid-gutter-width;
margin-top: $grid-gutter-width-y;
}
// Unformatted views item class.
&__item:not(:last-child) {
// @todo - should we use responsive gutter here, like for horizontal gutter?
margin-bottom: $grid-gutter-width;
margin-bottom: $grid-gutter-width-y;
}
// Spacing between views content and RSS feed.
&__feed {
margin-top: $grid-gutter-width;
margin-top: $grid-gutter-width-y;
}
&__pager {
......@@ -31,14 +31,14 @@
// Reset bottom margin that is coming from views-col elements for the last
// views-row.
&:last-child {
margin-bottom: -$grid-gutter-width;
margin-bottom: -$grid-gutter-width-y;
}
}
.views-col {
@include make-col-ready();
// @todo - should we use responsive gutter here, like for horizontal gutter?
margin-bottom: $grid-gutter-width;
margin-bottom: $grid-gutter-width-y;
// Expand child item to full height.
display: flex;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment