lungo.layout.styl 621 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /**
  2. * Stylesheet
  3. *
  4. * @namespace Lungo
  5. * @class Layout
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. */
  9. @import "constants.styl"
  10. body, html
  11. height: 100%
  12. width: 100%
  13. margin: 0
  14. padding: 0
  15. overflow: hidden
  16. body
  17. // &[data-position="absolute"] > section
  18. // position: absolute
  19. // &[data-position="fixed"] > section
  20. // position: fixed
  21. aside, section
  22. display-box()
  23. box-orient(vertical)
  24. height: inherit
  25. & > header, > footer
  26. box-flex(0)
  27. z-index: 3
  28. & > article
  29. box-flex(1)
  30. z-index: 0
  31. section
  32. z-index: 2
  33. &:not(.show)
  34. z-index: 1
  35. display: none