_archives.scss 898 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .path-archives{
  2. .content_container{
  3. &>div>h2{
  4. text-align: center;
  5. }
  6. .views-element-container{
  7. &>div{
  8. display: grid;
  9. grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
  10. grid-column-gap: 2rem;
  11. grid-row-gap: 1rem;
  12. header{
  13. grid-column: 1 / span 5;
  14. text-align: center;
  15. }
  16. nav{
  17. grid-column: 1 / span 5;
  18. text-align: center;
  19. }
  20. .views-row:first-of-type{
  21. grid-column: 2;
  22. }
  23. .views-row:nth-of-type(3n+1){
  24. grid-column: 2;
  25. }
  26. .views-row{
  27. background: red;
  28. }
  29. // mise en page temporaire
  30. // article{
  31. // display: grid;
  32. // h2{
  33. // grid-row: 2;
  34. // }
  35. // &>div{
  36. // grid-row: 1;
  37. // display: grid;
  38. // div:nth-child(2){
  39. // grid-row: 1;
  40. // }
  41. // div:nth-child(1){
  42. // grid-row: 2;
  43. // }
  44. // }
  45. // }
  46. }
  47. }
  48. }
  49. }