content/styles/_definitions.scss
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
/* Definitions */ $light-gray: #cacaca; $dark-gray: #333; $light-blue: #3b6deb; $dark-blue: #133570; @mixin standard-font { font-family: 'Gentium'; line-height: 1.3em; } @mixin ease-in($property) { -webkit-transition: $property 0.25s ease-in; -moz-transition: $property 0.25s ease-in; -o-transition: $property 0.25s ease-in; transition: $property 0.25s ease-in; } @mixin border-radius($size) { -webkit-border-radius: $size; -moz-border-radius: $size; border-radius: $size; } @mixin hover-image($width, $height) { width: $width; height: $height; position: relative; img.hover { opacity: 0; } &:hover img.hover { opacity: 1; } img.default { opacity: 1; } &:hover img.default { opacity: 0; } img { width: $width; height: $height; left: 0px; top: 0px; position: absolute; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } } |