scratch – Blame information for rev 84
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 84 | office | 1 | @mixin display-ib { |
| 2 | display: inline-block; |
||
| 3 | *display: inline; |
||
| 4 | *zoom: 1; |
||
| 5 | } |
||
| 6 | |||
| 7 | @mixin image-replacement($img: none, $x: 50%, $y: 50%) { |
||
| 8 | overflow: hidden; |
||
| 9 | *text-indent: -9999px; |
||
| 10 | &:before { |
||
| 11 | content: ""; |
||
| 12 | display: block; |
||
| 13 | width: 0; |
||
| 14 | height: 100%; |
||
| 15 | } |
||
| 16 | @if $img != none { |
||
| 17 | background-image: inline-image($img); |
||
| 18 | background-position: $x $y; |
||
| 19 | background-repeat: no-repeat; |
||
| 20 | } |
||
| 21 | } |
||
| 22 | |||
| 23 | @mixin sized-image-replacement($img, $x: 50%, $y: 50%) { |
||
| 24 | @include image-replacement($img, $x, $y); |
||
| 25 | width: image-width($img); |
||
| 26 | height: image-height($img); |
||
| 27 | } |
||
| 28 | |||
| 29 | // Hide from both screenreaders and browsers: h5bp.com/u |
||
| 30 | @mixin hidden { |
||
| 31 | display: none !important; |
||
| 32 | visibility: hidden; |
||
| 33 | } |
||
| 34 | |||
| 35 | // Hide only visually, but have it available for screenreaders: h5bp.com/v |
||
| 36 | @mixin visually-hidden { |
||
| 37 | border: 0; |
||
| 38 | clip: rect(0 0 0 0); |
||
| 39 | height: 1px; |
||
| 40 | margin: -1px; |
||
| 41 | overflow: hidden; |
||
| 42 | padding: 0; |
||
| 43 | position: absolute; |
||
| 44 | width: 1px; |
||
| 45 | &.focusable:active, &.focusable:focus { |
||
| 46 | clip: auto; |
||
| 47 | height: auto; |
||
| 48 | margin: 0; |
||
| 49 | overflow: visible; |
||
| 50 | position: static; |
||
| 51 | width: auto; |
||
| 52 | } |
||
| 53 | } |
||
| 54 | |||
| 55 | // Hide visually and from screenreaders, but maintain layout |
||
| 56 | @mixin invisible { |
||
| 57 | visibility: hidden; |
||
| 58 | } |
||
| 59 | |||
| 60 | @mixin micro-clearfix { |
||
| 61 | &:before, &:after { |
||
| 62 | content: " "; // 1 |
||
| 63 | display: table; // 2 |
||
| 64 | } |
||
| 65 | &:after { clear: both; } |
||
| 66 | & { *zoom: 1; } |
||
| 67 | } |