_old_responsive.scss 860 Bytes
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13
.navbar-buttons--zoom {
  display: none;
}

.navbar-page-btn {
  max-width: 200px;
}

.gf-timepicker-nav-btn {
  max-width: 120px;
}

.navbar-buttons--actions {
14 15 16 17 18
  display: none;
}

// Media queries
// ---------------------
19

20
@include media-breakpoint-down(xs) {
21 22
  input[type="text"],
  input[type="number"],
23 24 25 26 27
  textarea {
    font-size: 16px;
  }
}

28
@include media-breakpoint-up(sm) {
29
  .navbar-page-btn {
30
    max-width: 250px;
31 32
  }
  .gf-timepicker-nav-btn {
33
    max-width: 200px;
34 35 36
  }
}

37 38 39
@include media-breakpoint-up(md) {
  .navbar-buttons--actions {
    display: flex;
40
  }
41 42
  .navbar-page-btn {
    max-width: 325px;
43 44
  }
  .gf-timepicker-nav-btn {
45
    max-width: 240px;
46
  }
47 48
}

49 50 51
@include media-breakpoint-up(lg) {
  .navbar-buttons--zoom {
    display: flex;
52
  }
53 54
  .navbar-page-btn {
    max-width: none;
55 56
  }
  .gf-timepicker-nav-btn {
57
    max-width: none;
58 59
  }
}