mostly filebased Content Presentation System
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_structure.scss 1005B

4 年之前
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // reset
  2. body,h1,h2,h3,h4,h5,h6,ul {
  3. // margin:0;
  4. // padding:0;
  5. }
  6. html,body {
  7. height:100%;
  8. margin:0;
  9. padding:0;
  10. }
  11. .content_element_page.wall {
  12. a.content_element_box {
  13. float: left;
  14. }
  15. &:after {
  16. content:"";
  17. display: block;
  18. clear: both;
  19. }
  20. div.content_element_box {
  21. height:100px;
  22. }
  23. }
  24. #page-wrap {
  25. display: grid;
  26. grid-template-columns:250px auto;
  27. grid-template-rows:200px 100fr 3em;
  28. height:100vh;
  29. overflow: hidden;
  30. max-width:1300px;
  31. margin:0 auto;
  32. >header {
  33. grid-column:1 / -1;
  34. }
  35. #main-nav {
  36. grid-column:1 / span 1;
  37. grid-row:2 / -1;
  38. }
  39. #content {
  40. grid-column: 2 / -1;
  41. grid-row: 2 / 3;
  42. overflow-y: auto;
  43. }
  44. #main-footer {
  45. grid-column: 2 / -1;
  46. grid-row: -2 / -1;
  47. }
  48. }
  49. #main-nav {
  50. .level2 .away ul {
  51. display: none;
  52. }
  53. }
  54. #content {
  55. img {
  56. max-width: 100%;
  57. }
  58. }