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

Issue #3413913 by pivica: Fine tune header layout

parent 77288b7e
No related branches found
No related tags found
No related merge requests found
......@@ -118,9 +118,10 @@ $content-spacer: $spacer !default;
// General vertical container gap.
$container-spacer-y: 2 * $spacer-y !default;
$grid-columns: 12 !default;
$page-content-columns: 9 !default;
$page-content-sidebar-columns: 3 !default;
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$page-content-columns: 9 !default;
$page-content-sidebar-columns: 3 !default;
// Defines screen size between 'bigger' and 'smaller' screens. Usually this is
// a size where navigation bar is hidden for smaller screen and toggler is show.
......@@ -206,6 +207,7 @@ $block-spacer-y: $spacer !default;
$header-bg: $gray-lighter !default;
$header-color: false !default;
$header-border-color: rgba($black, .1) !default;
$header-grid-gutter-width: $grid-gutter-width !default;
$header-link-color: map-get($theme-colors, 'primary') !default;
$header-link-hover-color: darken($header-link-color, $hover-amount) !default;
$header-link-hover-bg: transparent !default;
......
......@@ -133,7 +133,8 @@ body.toolbar-fixed .toolbar-oriented .toolbar-bar {
@include link-hover-active-line-effect(
$height: $header-link-hover-border-width,
$color-hover: $header-link-hover-border-color,
$color-active: $header-link-active-border-color
$color-active: $header-link-active-border-color,
$padding-x: $navbar-nav-link-padding-x
);
}
}
......
......@@ -13,12 +13,12 @@
// region-navigation-second last block in region-navbar.
.page__header {
.region:not(.region-navbar) {
margin-right: -$grid-gutter-width/2;
margin-left: -$grid-gutter-width/2;
margin-right: -$header-grid-gutter-width/2;
margin-left: -$header-grid-gutter-width/2;
.block {
padding-right: $grid-gutter-width/2;
padding-left: $grid-gutter-width/2;
padding-right: $header-grid-gutter-width/2;
padding-left: $header-grid-gutter-width/2;
}
.nav {
......@@ -31,12 +31,12 @@
// mobile/collapsed version on big screens.
@include media-breakpoint-up($navbar-collapse-responsive-break) {
.region-navbar {
margin-right: -$grid-gutter-width/2;
margin-left: -$grid-gutter-width/2;
margin-right: -$header-grid-gutter-width/2;
margin-left: -$header-grid-gutter-width/2;
.block {
padding-right: $grid-gutter-width/2;
padding-left: $grid-gutter-width/2;
padding-right: $header-grid-gutter-width/2;
padding-left: $header-grid-gutter-width/2;
}
.navbar-nav {
......
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