_utilities-responsive.scss 781 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. //
  2. // Responsive utilities
  3. //
  4. @each $bp in map-keys($grid-breakpoints) {
  5. .hidden-#{$bp}-up {
  6. @include media-breakpoint-up($bp) {
  7. display: none !important;
  8. }
  9. }
  10. .hidden-#{$bp}-down {
  11. @include media-breakpoint-down($bp) {
  12. display: none !important;
  13. }
  14. }
  15. }
  16. // Print utilities
  17. //
  18. // Media queries are placed on the inside to be mixin-friendly.
  19. .visible-print-block {
  20. display: none !important;
  21. @media print {
  22. display: block !important;
  23. }
  24. }
  25. .visible-print-inline {
  26. display: none !important;
  27. @media print {
  28. display: inline !important;
  29. }
  30. }
  31. .visible-print-inline-block {
  32. display: none !important;
  33. @media print {
  34. display: inline-block !important;
  35. }
  36. }
  37. .hidden-print {
  38. @media print {
  39. display: none !important;
  40. }
  41. }