47 lines
836 B
CSS
47 lines
836 B
CSS
/*
|
|
Scaffolding
|
|
========================================
|
|
*/
|
|
|
|
/* Body reset */
|
|
body {
|
|
margin: 0;
|
|
font-family: var(--base-font-family);
|
|
font-size: var(--base-font-size);
|
|
line-height: var(--base-line-height);
|
|
color: var(--text-color);
|
|
background-color: var(--body-background);
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
color: var(--link-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: var(--link-color-hover);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Images */
|
|
/* Rounded corners */
|
|
.img-rounded {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* Add polaroid-esque trim */
|
|
.img-polaroid {
|
|
padding: 4px;
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0,0,0,.2);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
|
}
|
|
|
|
/* Perfect circle */
|
|
.img-circle {
|
|
border-radius: 500px; /* crank the border-radius so it works with most reasonably sized images */
|
|
}
|