_old_responsive.scss 832 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .dashnav-back-to-dashboard {
  2. display: none;
  3. }
  4. // Media queries
  5. // ---------------------
  6. @include media-breakpoint-down(lg) {
  7. .navbar-page-btn {
  8. max-width: 290px;
  9. }
  10. .gf-timepicker-nav-btn {
  11. max-width: 240px;
  12. }
  13. }
  14. @include media-breakpoint-down(md) {
  15. .navbar-buttons--zoom {
  16. display: none;
  17. }
  18. }
  19. @include media-breakpoint-down(sm) {
  20. body {
  21. padding: 0;
  22. }
  23. .page-dashboard .navbar-page-btn {
  24. max-width: 200px;
  25. }
  26. .gf-timepicker-nav-btn {
  27. max-width: 120px;
  28. }
  29. .navbar-buttons--actions {
  30. display: none;
  31. }
  32. }
  33. @include media-breakpoint-down(xs) {
  34. .page-dashboard .navbar-page-btn {
  35. max-width: 250px;
  36. }
  37. }
  38. // form styles
  39. @include media-breakpoint-up(md) {
  40. .page-dashboard .navbar-page-btn {
  41. max-width: 280px;
  42. }
  43. .gf-timepicker-nav-btn {
  44. max-width: 120px;
  45. }
  46. }