65 lines
931 B
Stylus
65 lines
931 B
Stylus
|
|
body
|
|
margin 0
|
|
padding 0
|
|
background-color #fff
|
|
|
|
.wrapper
|
|
max-width 1024px
|
|
margin auto
|
|
|
|
header
|
|
margin-top 1.5rem
|
|
background-color #fff
|
|
color #333
|
|
padding 10px
|
|
display flex
|
|
justify-content space-between
|
|
align-items baseline
|
|
.title
|
|
.logo, h1
|
|
display inline-block
|
|
margin 0
|
|
.logo img
|
|
height 1.5rem
|
|
h1
|
|
margin-bottom .5rem
|
|
p
|
|
margin 0
|
|
margin-left 2rem
|
|
header, footer
|
|
nav ul
|
|
display flex
|
|
li
|
|
margin-left 1rem
|
|
a
|
|
color #333
|
|
text-decoration none
|
|
&:hover
|
|
color #222
|
|
text-decoration none
|
|
footer nav
|
|
margin 1rem
|
|
ul
|
|
justify-content flex-end
|
|
|
|
.content
|
|
max-width 55em
|
|
margin auto
|
|
main, footer
|
|
padding 1rem 1rem
|
|
|
|
|
|
footer
|
|
.update
|
|
font 0.75em/1.5em 'Monaco', monospace
|
|
color #eee
|
|
|
|
|
|
@media all and (min-width:560px)
|
|
footer nav
|
|
display none
|
|
|
|
@media all and (max-width:560px)
|
|
header nav
|
|
display none |