Fix main header

This commit is contained in:
Jeremy Thomas
2018-04-09 16:50:33 +01:00
parent 03c13488a6
commit 5d4e3582f0
13 changed files with 127 additions and 26 deletions

View File

@@ -16,7 +16,7 @@ $carbon-poweredby-height: 20px
margin-left: auto
margin-right: auto
max-width: $carbon-width
min-height: 120px
min-height: $carbon-height
min-width: 280px
#carbon

View File

@@ -1,3 +1,5 @@
$main-spacing: 2.5rem
.bd-main
overflow: hidden
position: relative
@@ -11,7 +13,7 @@
.bd-breadcrumb
display: flex
justify-content: space-between
margin-bottom: 2.5rem
margin-bottom: $main-spacing
.breadcrumb:not(:last-child)
margin-bottom: 0
@@ -32,11 +34,15 @@
background-color: $background
.bd-header
margin-bottom: 2.5rem
border-bottom: 2px solid $background
margin-bottom: $main-spacing
padding-bottom: $main-spacing
.subtitle
color: $text-light
strong
color: currentColor
#meta
margin-top: -0.5rem
// Side
@@ -72,6 +78,16 @@
overflow: hidden
flex-grow: 1
flex-shrink: 1
.bd-header
display: flex
.bd-header-titles
flex-grow: 1
flex-shrink: 1
.bd-header-carbon
flex-grow: 0
flex-shrink: 0
margin-left: 1.5rem
width: $carbon-width
.bd-prev-next
display: flex
.bd-side