Global templates and 404

This commit is contained in:
John O'Nolan 2019-11-08 18:04:38 +07:00
parent 5e970154fa
commit 9fac3beb29
10 changed files with 149 additions and 152 deletions

View file

@ -27,20 +27,30 @@ production stylesheet in assets/built/screen.css using: gulp dev
html,
.gh-viewport {
display: flex;
flex-direction: column;
min-height: 100vh;
background: #fff;
}
.gh-main {
flex: 1 0 auto;
display: flex;
flex-direction: column;
}
/* Global */
.gh-page {
padding: 0 4vw;
}
.gh-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* .gh-main {
padding: 0 4vw;
} */
.gh-head-actions a {
display: inline-flex;
@ -62,6 +72,39 @@ html,
height: 2rem;
}
/* Errors
/* ---------------------------------------------------------- */
.gh-error {
flex: 1 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 2vmin;
}
.gh-error-content {
flex: 1 0 auto;
text-align: center;
}
.gh-error-code {
margin: 0;
font-size: 14vmin;
}
.gh-error-description {
font-size: 4vmin;
font-weight: 300;
opacity: 0.6;
}
.gh-error-link {
display: block;
margin-top: 4vmin;
font-size: 1.6rem;
}
/* Footer
/* ---------------------------------------------------------- */