body { color: $base-font-color; font-family: $base-font-family; font-size: $base-font-size; line-height: $base-line-height; } h1, h2, h3, h4, h5, h6 { font-family: $heading-font-family; font-size: $base-font-size; line-height: $heading-line-height; margin: 0 0 $small-spacing; } p { margin: 0 0 $small-spacing; } a { color: $action-color; text-decoration: none; transition: color $base-duration $base-timing; &:active, &:focus, &:hover { color: shade($action-color, 25%); } } hr { border-bottom: $base-border; border-left: 0; border-right: 0; border-top: 0; margin: $base-spacing 0; } img, picture { margin: 0; max-width: 100%; }