message-pages.less 882 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. //
  2. // Message Pages
  3. // --------------------------------------------------
  4. // Small displays
  5. @media screen and (max-width: @screen-sm-max) {
  6. .page-message, .page-error {
  7. .message-panel {
  8. text-align: center;
  9. }
  10. .message-icon {
  11. margin: @line-height-computed * 1.5;
  12. .material-icon {
  13. font-size: @message-page-icon-size * 2;
  14. }
  15. }
  16. }
  17. }
  18. // Full displays
  19. @media screen and (min-width: @screen-md-min) {
  20. .page-message, .page-error {
  21. .message-panel {
  22. margin: @line-height-computed * 3 auto;
  23. max-width: @screen-md-max * .65;
  24. overflow: auto;
  25. }
  26. .message-icon {
  27. float: left;
  28. .material-icon {
  29. font-size: @message-page-icon-size;
  30. }
  31. }
  32. .message-body {
  33. margin-top: @line-height-computed / 5;
  34. margin-left: @message-page-icon-size + @line-height-computed;
  35. }
  36. }
  37. }