Skip to content

Instantly share code, notes, and snippets.

@Graham42
Last active November 17, 2015 17:42
Show Gist options
  • Save Graham42/10d2dca16f8a4469d7ae to your computer and use it in GitHub Desktop.
Save Graham42/10d2dca16f8a4469d7ae to your computer and use it in GitHub Desktop.
Simple minimalist css to start with when building a web page
body {
margin: 40px auto;
padding: 0 20px;
max-width: 650px;
color: #444444;
background-color: #f2f2f2;
line-height: 1.6;
font-size: 16px;
font-family: sans-serif;
}
h1,h2,h3 {
line-height: 1.3
}
/* this gives more spacing between the text and the underline */
a {
border-bottom: 1px solid #444444;
color: #444444;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
color: #2196F3;
border-bottom: 1px solid rgba(68,68,68,0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment