1.1 --- a/bootstrap-source/bootstrap-3.0.3/less/responsive-utilities.less Sat Jan 18 12:34:36 2014 +0100
1.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000
1.3 @@ -1,209 +0,0 @@
1.4 -//
1.5 -// Responsive: Utility classes
1.6 -// --------------------------------------------------
1.7 -
1.8 -
1.9 -// IE10 in Windows (Phone) 8
1.10 -//
1.11 -// Support for responsive views via media queries is kind of borked in IE10, for
1.12 -// Surface/desktop in split view and for Windows Phone 8. This particular fix
1.13 -// must be accompanied by a snippet of JavaScript to sniff the user agent and
1.14 -// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
1.15 -// our Getting Started page for more information on this bug.
1.16 -//
1.17 -// For more information, see the following:
1.18 -//
1.19 -// Issue: https://github.com/twbs/bootstrap/issues/10497
1.20 -// Docs: http://getbootstrap.com/getting-started/#browsers
1.21 -// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
1.22 -
1.23 -@-ms-viewport {
1.24 - width: device-width;
1.25 -}
1.26 -
1.27 -
1.28 -// Visibility utilities
1.29 -
1.30 -.visible-xs {
1.31 - .responsive-invisibility();
1.32 - @media (max-width: @screen-xs-max) {
1.33 - .responsive-visibility();
1.34 - }
1.35 - &.visible-sm {
1.36 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.37 - .responsive-visibility();
1.38 - }
1.39 - }
1.40 - &.visible-md {
1.41 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.42 - .responsive-visibility();
1.43 - }
1.44 - }
1.45 - &.visible-lg {
1.46 - @media (min-width: @screen-lg-min) {
1.47 - .responsive-visibility();
1.48 - }
1.49 - }
1.50 -}
1.51 -.visible-sm {
1.52 - .responsive-invisibility();
1.53 - &.visible-xs {
1.54 - @media (max-width: @screen-xs-max) {
1.55 - .responsive-visibility();
1.56 - }
1.57 - }
1.58 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.59 - .responsive-visibility();
1.60 - }
1.61 - &.visible-md {
1.62 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.63 - .responsive-visibility();
1.64 - }
1.65 - }
1.66 - &.visible-lg {
1.67 - @media (min-width: @screen-lg-min) {
1.68 - .responsive-visibility();
1.69 - }
1.70 - }
1.71 -}
1.72 -.visible-md {
1.73 - .responsive-invisibility();
1.74 - &.visible-xs {
1.75 - @media (max-width: @screen-xs-max) {
1.76 - .responsive-visibility();
1.77 - }
1.78 - }
1.79 - &.visible-sm {
1.80 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.81 - .responsive-visibility();
1.82 - }
1.83 - }
1.84 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.85 - .responsive-visibility();
1.86 - }
1.87 - &.visible-lg {
1.88 - @media (min-width: @screen-lg-min) {
1.89 - .responsive-visibility();
1.90 - }
1.91 - }
1.92 -}
1.93 -.visible-lg {
1.94 - .responsive-invisibility();
1.95 - &.visible-xs {
1.96 - @media (max-width: @screen-xs-max) {
1.97 - .responsive-visibility();
1.98 - }
1.99 - }
1.100 - &.visible-sm {
1.101 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.102 - .responsive-visibility();
1.103 - }
1.104 - }
1.105 - &.visible-md {
1.106 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.107 - .responsive-visibility();
1.108 - }
1.109 - }
1.110 - @media (min-width: @screen-lg-min) {
1.111 - .responsive-visibility();
1.112 - }
1.113 -}
1.114 -
1.115 -.hidden-xs {
1.116 - .responsive-visibility();
1.117 - @media (max-width: @screen-xs-max) {
1.118 - .responsive-invisibility();
1.119 - }
1.120 - &.hidden-sm {
1.121 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.122 - .responsive-invisibility();
1.123 - }
1.124 - }
1.125 - &.hidden-md {
1.126 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.127 - .responsive-invisibility();
1.128 - }
1.129 - }
1.130 - &.hidden-lg {
1.131 - @media (min-width: @screen-lg-min) {
1.132 - .responsive-invisibility();
1.133 - }
1.134 - }
1.135 -}
1.136 -.hidden-sm {
1.137 - .responsive-visibility();
1.138 - &.hidden-xs {
1.139 - @media (max-width: @screen-xs-max) {
1.140 - .responsive-invisibility();
1.141 - }
1.142 - }
1.143 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.144 - .responsive-invisibility();
1.145 - }
1.146 - &.hidden-md {
1.147 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.148 - .responsive-invisibility();
1.149 - }
1.150 - }
1.151 - &.hidden-lg {
1.152 - @media (min-width: @screen-lg-min) {
1.153 - .responsive-invisibility();
1.154 - }
1.155 - }
1.156 -}
1.157 -.hidden-md {
1.158 - .responsive-visibility();
1.159 - &.hidden-xs {
1.160 - @media (max-width: @screen-xs-max) {
1.161 - .responsive-invisibility();
1.162 - }
1.163 - }
1.164 - &.hidden-sm {
1.165 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.166 - .responsive-invisibility();
1.167 - }
1.168 - }
1.169 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.170 - .responsive-invisibility();
1.171 - }
1.172 - &.hidden-lg {
1.173 - @media (min-width: @screen-lg-min) {
1.174 - .responsive-invisibility();
1.175 - }
1.176 - }
1.177 -}
1.178 -.hidden-lg {
1.179 - .responsive-visibility();
1.180 - &.hidden-xs {
1.181 - @media (max-width: @screen-xs-max) {
1.182 - .responsive-invisibility();
1.183 - }
1.184 - }
1.185 - &.hidden-sm {
1.186 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
1.187 - .responsive-invisibility();
1.188 - }
1.189 - }
1.190 - &.hidden-md {
1.191 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
1.192 - .responsive-invisibility();
1.193 - }
1.194 - }
1.195 - @media (min-width: @screen-lg-min) {
1.196 - .responsive-invisibility();
1.197 - }
1.198 -}
1.199 -
1.200 -// Print utilities
1.201 -.visible-print {
1.202 - .responsive-invisibility();
1.203 -}
1.204 -
1.205 -@media print {
1.206 - .visible-print {
1.207 - .responsive-visibility();
1.208 - }
1.209 - .hidden-print {
1.210 - .responsive-invisibility();
1.211 - }
1.212 -}