ecommun / owncloud_ynh

Blame view

sources/3rdparty/fontawesome/docs/assets/less/twbs-222/responsive-utilities.less 1.16 KB
edit raw normal view history
03e52840d   Kload   Init 
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
 
  //
  // Responsive: Utility classes
  // --------------------------------------------------
  
  
  // Hide from screenreaders and browsers
  // Credit: HTML5 Boilerplate
  .hidden {
    display: none;
    visibility: hidden;
  }
  
  // Visibility utilities
  
  // For desktops
  .visible-phone     { display: none !important; }
  .visible-tablet    { display: none !important; }
  .hidden-phone      { }
  .hidden-tablet     { }
  .hidden-desktop    { display: none !important; }
  .visible-desktop   { display: inherit !important; }
  
  // Tablets & small desktops only
  @media (min-width: 768px) and (max-width: 979px) {
    // Hide everything else
    .hidden-desktop    { display: inherit !important; }
    .visible-desktop   { display: none !important ; }
    // Show
    .visible-tablet    { display: inherit !important; }
    // Hide
    .hidden-tablet     { display: none !important; }
  }
  
  // Phones only
  @media (max-width: 767px) {
    // Hide everything else
    .hidden-desktop    { display: inherit !important; }
    .visible-desktop   { display: none !important; }
    // Show
    .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
    // Hide
    .hidden-phone      { display: none !important; }
  }