corrade-nucleus-nucleons – Blame information for rev 20
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 20 | office | 1 | // |
| 2 | // Responsive: Utility classes |
||
| 3 | // -------------------------------------------------- |
||
| 4 | |||
| 5 | |||
| 6 | // IE10 in Windows (Phone) 8 |
||
| 7 | // |
||
| 8 | // Support for responsive views via media queries is kind of borked in IE10, for |
||
| 9 | // Surface/desktop in split view and for Windows Phone 8. This particular fix |
||
| 10 | // must be accompanied by a snippet of JavaScript to sniff the user agent and |
||
| 11 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at |
||
| 12 | // our Getting Started page for more information on this bug. |
||
| 13 | // |
||
| 14 | // For more information, see the following: |
||
| 15 | // |
||
| 16 | // Issue: https://github.com/twbs/bootstrap/issues/10497 |
||
| 17 | // Docs: http://getbootstrap.com/getting-started/#browsers |
||
| 18 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ |
||
| 19 | |||
| 20 | @-ms-viewport { |
||
| 21 | width: device-width; |
||
| 22 | } |
||
| 23 | |||
| 24 | |||
| 25 | // Visibility utilities |
||
| 26 | .visible-xs, |
||
| 27 | .visible-sm, |
||
| 28 | .visible-md, |
||
| 29 | .visible-lg { |
||
| 30 | .responsive-invisibility(); |
||
| 31 | } |
||
| 32 | |||
| 33 | .visible-xs { |
||
| 34 | @media (max-width: @screen-xs-max) { |
||
| 35 | .responsive-visibility(); |
||
| 36 | } |
||
| 37 | } |
||
| 38 | .visible-sm { |
||
| 39 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { |
||
| 40 | .responsive-visibility(); |
||
| 41 | } |
||
| 42 | } |
||
| 43 | .visible-md { |
||
| 44 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { |
||
| 45 | .responsive-visibility(); |
||
| 46 | } |
||
| 47 | } |
||
| 48 | .visible-lg { |
||
| 49 | @media (min-width: @screen-lg-min) { |
||
| 50 | .responsive-visibility(); |
||
| 51 | } |
||
| 52 | } |
||
| 53 | |||
| 54 | .hidden-xs { |
||
| 55 | @media (max-width: @screen-xs-max) { |
||
| 56 | .responsive-invisibility(); |
||
| 57 | } |
||
| 58 | } |
||
| 59 | .hidden-sm { |
||
| 60 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { |
||
| 61 | .responsive-invisibility(); |
||
| 62 | } |
||
| 63 | } |
||
| 64 | .hidden-md { |
||
| 65 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { |
||
| 66 | .responsive-invisibility(); |
||
| 67 | } |
||
| 68 | } |
||
| 69 | .hidden-lg { |
||
| 70 | @media (min-width: @screen-lg-min) { |
||
| 71 | .responsive-invisibility(); |
||
| 72 | } |
||
| 73 | } |
||
| 74 | |||
| 75 | |||
| 76 | // Print utilities |
||
| 77 | // |
||
| 78 | // Media queries are placed on the inside to be mixin-friendly. |
||
| 79 | |||
| 80 | .visible-print { |
||
| 81 | .responsive-invisibility(); |
||
| 82 | |||
| 83 | @media print { |
||
| 84 | .responsive-visibility(); |
||
| 85 | } |
||
| 86 | } |
||
| 87 | |||
| 88 | .hidden-print { |
||
| 89 | @media print { |
||
| 90 | .responsive-invisibility(); |
||
| 91 | } |
||
| 92 | } |