peterkrzyzek
/
ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Stacked navigation

This commit is contained in:
John O'Nolan 2019-11-17 23:47:26 +07:00
parent 3ac47d115b
commit ccc8f03036
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/ghost/header.css
View File

@ -208,6 +208,28 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
padding: 0; padding: 0;
} }
/* Center Stacked */
.gh-head-stacked .gh-container {
grid-template-columns: 1fr;
grid-gap: 2vmin;
}
.gh-head-stacked .gh-head-brand {
grid-column-start: 1;
width: 100%;
max-width: none;
display: flex;
justify-content: center;
text-align: center;
}
.gh-head-stacked .gh-head-menu,
.gh-head-stacked .gh-head-actions,
.gh-head-stacked .gh-head-actions-list {
justify-content: center;
}
.gh-head-stacked .gh-head-actions a:first-child svg {
margin-left: 0;
}
/* Mobile Menu /* Mobile Menu
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
@ -235,6 +257,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
justify-content: space-between; justify-content: space-between;
user-select: none; user-select: none;
} }
#gh-head .gh-head-logo {
font-size: 2.2rem;
}
#gh-head .gh-head-logo img {
max-height: 40px;
}
#gh-head .gh-head-menu { #gh-head .gh-head-menu {
align-self: center; align-self: center;
display: flex; display: flex;