Increase font-size, whitespace, and restyle .tag

develop
Nathan Steel 3 years ago
parent 068e43c309
commit 1e757424e4

@ -1,10 +1,10 @@
html,body{height:100%} html,body{height:100%}
html{font-size:14px} html{font-size:15px}
header{position:relative} header{position:relative}
header hr{display:none} header hr{display:none}
body{ body{
max-width:54rem; max-width:768px;
margin:.2rem;padding:0 .62rem; padding:0 1rem;
font:1.2rem/1.62 sans-serif;color:#444; font:1.2rem/1.62 sans-serif;color:#444;
display:-webkit-flex;display:-ms-flexbox;display:flex; display:-webkit-flex;display:-ms-flexbox;display:flex;
flex-direction:column} flex-direction:column}
@ -30,19 +30,21 @@ li>ul{margin-left:1em}
.tag{ .tag{
font-size:.8rem;vertical-align:middle; font-size:.8rem;vertical-align:middle;
padding:.2rem;border-radius:.33rem; padding:.2rem .5rem;border-radius:.33rem;
background:#777;color:#FFF} border:1px solid #9CF}
pre{ pre{
background:#EEE;padding:12px; background:#EEE;padding:1rem;
white-space:pre-wrap;overflow-x:auto; white-space:pre-wrap;overflow-x:auto;
border:1px solid #DDD} border:1px solid #DDD;border-radius:6px}
.page-nav{ .page-nav{
float:right; float:right;
padding:14px;border:1px solid; padding:14px;border:1px solid;
margin:1.4rem;margin-right:auto} margin:1.4rem;margin-right:auto}
footer p{margin:0} footer p{margin:0}
table{text-align:left;width:100%;border-collapse:collapse} table{text-align:left;width:100%;
border-collapse:collapse;
margin:24px 0}
td,th{border:1px solid #CCC;padding:9px 6px} td,th{border:1px solid #CCC;padding:9px 6px}
th{padding:12px} th{padding:12px}
thead tr{background:#FFF} thead tr{background:#FFF}
@ -91,5 +93,6 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
tbody tr:nth-child(odd){background:#222} tbody tr:nth-child(odd){background:#222}
tbody tr:hover{background:#333} tbody tr:hover{background:#333}
pre{background:#333;color:#EEE;border-color:#555} pre{background:#333;color:#EEE;border-color:#555}
.tag{border-color:#359}
} }

Loading…
Cancel
Save