aboutsummaryrefslogtreecommitdiff
path: root/lib/adaptive.less
blob: ef3054d3e87f3d9dbe65ba960c1dc06d8670fc45 (plain)
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* Responsive.less
 * Adjusted grid styles to handle some common screen sizes
 * ------------------------------------------------------- */


// MOBILE PORTRAIT & LANDSCAPE
// ---------------------------
// For devices narrower than 480px
@media only screen and (max-width: 480px) {

  // Remove fixed width of containers
  .container {
    width: auto;
    padding: 0 10px;
  }

  // Undo the floating of columns
  .row {
    margin-left: 0;
  }
  .row [class^="span"] {
    float: none;
    width: 100%;
    display: block;
    margin-left: 0;
  }

  // Stack form elements instead of floating them
  fieldset legend {
    margin-left: 0;
  }
  label {
    float: none;
    width: auto;
    text-align: left;
  }
  div.input {
    margin-left: 0;
    width: 100%;
  }
  .input-xxlarge,
  input.xxlarge,
  textarea.xxlarge,
  select.xxlarge {
    width: 80%;
  }

  // Adjust modal
  .modal-backdrop {
    padding: 10px;
  }
  .modal {
    width: 100%;
    margin: 0;
    left: auto;
  }
}