| /* ========================================================================== |
| Site utilities |
| ========================================================================== */ |
| |
| /* |
| Selection |
| ========================================================================== */ |
| |
| ::-moz-selection { |
| background-color: lighten($base-color, 65%); |
| color: $base-color; |
| text-shadow: none; |
| } |
| |
| ::selection { |
| background-color: lighten($base-color, 65%); |
| color: $base-color; |
| text-shadow: none; |
| } |
| |
| /* |
| Global classes |
| ========================================================================== */ |
| |
| /* wrapper */ |
| .wrap { |
| margin: 0 auto; |
| } |
| |
| /* capitalize */ |
| .all-caps { |
| text-transform: uppercase; |
| } |
| |
| /* float image to the left */ |
| .image-left { |
| float: none; |
| @media #{$medium} { |
| float: left; |
| } |
| } |
| |
| /* float image to the right */ |
| .image-right { |
| float: none; |
| @media #{$medium} { |
| float: right; |
| } |
| } |
| |
| /* remove styling from a list element */ |
| .unstyled-list { |
| list-style: none; |
| margin-left: 0; |
| padding-left: 0; |
| |
| li { |
| list-style-type: none; |
| } |
| } |
| |
| /* inline a list */ |
| .inline-list { |
| list-style: none; |
| margin-left: 0; |
| padding-left: 0; |
| |
| li { |
| list-style-type: none; |
| display: inline; |
| } |
| } |
| |
| /* |
| Global transition |
| ========================================================================== */ |
| |
| b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a { |
| transition: all 0.2s ease; |
| } |
| |
| .h1, .h2, .h3, h1, h2, h3 { |
| margin-top: 40px; |
| margin-bottom: 20px; |
| } |