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

Initial header refactor

Browse source
This commit is contained in:
John O'Nolan 2019-11-05 18:42:17 +07:00
parent 20f98afdbe
commit 2ac304d3e1
3 changed files with 32 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

39
assets/css/screen.css
View file

@ -27,7 +27,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
/* Global */
.gh-container {
width: 100%;
max-width: 1030px;
max-width: 1100px;
margin: 0 auto;
}
@ -40,30 +40,51 @@ production stylesheet in assets/built/screen.css using: gulp dev
.gh-head a {
color: #fff;
line-height: 1.2em;
text-decoration: none;
}
.gh-head-container {
.gh-head .gh-container {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr auto 1fr;
}
.gh-head-menu {
display: flex;
align-items: center;
justify-content: space-between;
}
.gh-head-left .nav {
.gh-head-menu .nav {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.gh-head-left .nav li {
.gh-head-menu .nav li {
margin: 0 10px 0 0;
padding: 0;
}
.gh-head-brand {
max-width: 200px;
text-align: center;
word-break: break-all;
}
.gh-head-logo {
display: block;
}
.gh-head-logo img {
height: 30px;
width: auto;
max-height: 40px;
}
.gh-head-actions {
display: flex;
justify-content: flex-end;
align-items: center;
list-style: none;
}
/* Footer */