@ -38,24 +38,21 @@ html {
}
body {
padding : . 5rem ;
height : 100 % ;
display : grid ;
grid-template :
"header" 7rem
"content" 1fr
"footer" 2rem ;
"header" 6rem
"content" 1fr ;
}
header {
grid-area : header ;
border-bottom : 1 px solid var ( --color-text-subdued ) ;
border-bottom : 2 px solid var ( --color-text-subdued ) ;
}
header . logoContainer {
display : inline-block ;
position : relative ;
margin : 1rem 0 ;
}
header . logoContainer . logo {
@ -85,15 +82,18 @@ header .logoContainer .betaTag {
main {
grid-area : content ;
margin-bottom : 2em ;
margin : . 5rem 0 ;
padding : 0 0 2rem 0 ;
}
main div . search input { width : 100 % ; }
footer {
grid-area : footer ;
position : fixed ;
bottom : 0 ;
line-height : 2rem ;
border-top : 1px solid var ( --color-text-subdued ) ;
background : var ( --color-background ) ;
}
main a , footer a {
@ -121,11 +121,13 @@ article {
body {
width : 100 % ;
}
footer {
width : calc ( 100 % - 1rem ) ;
}
@ media only screen and ( min-width : 1000px ) {
body {
width: 70 % ;
padding: 1rem . 5rem 0 . 5rem ;
}
}
@ -133,5 +135,13 @@ article {
body {
width : 60rem ;
}
footer {
width : calc ( 60rem - 4rem ) ;
}
body {
padding : 1rem 2rem 0 2rem ;
}
}