_old_responsive.scss 946 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .navbar-buttons--zoom {
  2. display: none;
  3. }
  4. .navbar-page-btn {
  5. max-width: 200px;
  6. }
  7. .gf-timepicker-nav-btn {
  8. max-width: 120px;
  9. }
  10. .navbar-buttons--actions {
  11. display: none;
  12. }
  13. // Media queries
  14. // ---------------------
  15. @include media-breakpoint-down(xs) {
  16. input[type='text'],
  17. input[type='number'],
  18. textarea {
  19. font-size: 16px;
  20. }
  21. }
  22. @include media-breakpoint-up(sm) {
  23. .navbar-page-btn {
  24. max-width: 250px;
  25. }
  26. .gf-timepicker-nav-btn {
  27. max-width: 200px;
  28. }
  29. }
  30. @include media-breakpoint-up(md) {
  31. .navbar-buttons--actions {
  32. display: flex;
  33. }
  34. .navbar-page-btn {
  35. max-width: 325px;
  36. }
  37. .gf-timepicker-nav-btn {
  38. max-width: 240px;
  39. }
  40. }
  41. @include media-breakpoint-up(lg) {
  42. .navbar-buttons--zoom {
  43. display: flex;
  44. }
  45. .navbar-page-btn {
  46. max-width: 450px;
  47. }
  48. .gf-timepicker-nav-btn {
  49. max-width: none;
  50. }
  51. }
  52. @include media-breakpoint-up(xl) {
  53. .navbar-page-btn {
  54. max-width: 600px;
  55. }
  56. }