_archives.scss 994 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. padding: .3rem .7rem;
  28. background: $col-met;
  29. a{
  30. text-decoration: none;
  31. color: white;
  32. }
  33. }
  34. // mise en page temporaire
  35. // article{
  36. // display: grid;
  37. // h2{
  38. // grid-row: 2;
  39. // }
  40. // &>div{
  41. // grid-row: 1;
  42. // display: grid;
  43. // div:nth-child(2){
  44. // grid-row: 1;
  45. // }
  46. // div:nth-child(1){
  47. // grid-row: 2;
  48. // }
  49. // }
  50. // }
  51. }
  52. }
  53. }
  54. }