github.com/kayoticsully/syncthing@v0.8.9-0.20140724133906-c45a2fdc03f8/assets/bootstrap-3.1.1/less/responsive-utilities.less (about)

     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  }