scaffolding.less 696 B

123456789101112131415161718192021222324252627282930313233
  1. //
  2. // Misago Global Scaffolding
  3. // --------------------------------------------------
  4. // Disable horizontal scroll on mobile displays top-most containers
  5. @media screen and (max-width: @screen-sm-max) {
  6. html, body {
  7. overflow-x: hidden;
  8. }
  9. }
  10. // add top margin on smaller displays
  11. @media screen and (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  12. .sm-margin-top {
  13. margin-top: @line-height-computed;
  14. }
  15. .sm-margin-top-half {
  16. margin-top: @line-height-computed * 0.33;
  17. }
  18. }
  19. @media screen and (max-width: @screen-xs-max) {
  20. .xs-margin-top {
  21. margin-top: @line-height-computed;
  22. }
  23. .xs-margin-top-half {
  24. margin-top: @line-height-computed * 0.33;
  25. }
  26. }