Skip to content

Instantly share code, notes, and snippets.

@themichaelyang
Last active February 8, 2018 18:40
Show Gist options
  • Save themichaelyang/19055198ddfdb2f32fb80ae8025c112f to your computer and use it in GitHub Desktop.
Save themichaelyang/19055198ddfdb2f32fb80ae8025c112f to your computer and use it in GitHub Desktop.
for all your no frills html page needs
// for all your no frills html page needs
body {
max-width: 560px;
padding: 10px;
padding-top: 50px;
padding-bottom: 40px;
margin: 0 auto;
//font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
line-height: 1.35;
}
h1, h2 {
margin-top: 0;
font-size: 20px;
line-height: 1;
position: relative;
}
// possible frill
h2::before {
content: "❧";
display: inline-block;
position: absolute;
font-size: 1.4rem;
left: -1.75rem;
top: -0.1rem;
color: rgb(184, 36, 72);
}
li {
margin: 7px 0;
}
a { color:#2200CC; }
a:hover {
background-color:#2200CC;
color:white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment