ressources.scss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. .page-ressources{
  2. h1{
  3. width: 80%;
  4. margin: auto;
  5. font-weight: 1000;
  6. }
  7. .view-ressources{
  8. flex-direction: row;
  9. padding: 5rem;
  10. width: 80%;
  11. margin: auto;
  12. #views-exposed-form-ressources-page-1{
  13. width: 100%;
  14. // margin: auto;
  15. display: grid;
  16. grid-template-columns: repeat(8, 1fr);
  17. grid-template-rows: repeat(3, 1fr);
  18. padding: 1rem;
  19. &::before{
  20. content: 'FILTRER :';
  21. grid-column: 1;
  22. grid-row: 1;
  23. }
  24. .form-item, .form-actions{ margin: 1rem;align-self: end;}
  25. .form-item-title{
  26. grid-column: 1 /span 8;
  27. grid-row: 1;
  28. }
  29. .js-form-item-field-site-target-id{
  30. grid-column: 1 /span 2;
  31. grid-row: 2;
  32. width: 45%;
  33. }
  34. .form-item-field-themes-target-id{
  35. grid-column: 3 /span 4;
  36. grid-row: 2;
  37. width: 45%;
  38. }
  39. .form-item-field-type-de-ressource-target-id{
  40. width: 45%;
  41. grid-column: 5 /span 6;
  42. grid-row: 2;
  43. }
  44. #edit-actions{
  45. grid-column: 7 /span 8;
  46. grid-row: 2;
  47. .form-submit{
  48. margin: 0;
  49. }
  50. }
  51. }
  52. .views-row{
  53. .node-type-ressource{
  54. width: 80%;
  55. margin: auto;
  56. .image-ressource{
  57. order: 1;
  58. width: 90%;
  59. margin: auto;
  60. img{
  61. width: 100%;
  62. height: auto;
  63. }
  64. }
  65. .infos-content{
  66. display: flex;
  67. flex-direction: column;
  68. border: solid $yellow-puca 1px;
  69. background-color: $white-button;
  70. padding: 1rem;
  71. h2{
  72. order: 2;
  73. margin: 0;
  74. font-size: 1.5rem;
  75. font-weight: 600;
  76. }
  77. .field--name-field-sous-titre {
  78. order: 3;
  79. font-size: 1.3rem;
  80. // line-height: 0.3rem;
  81. }
  82. .field--name-field-auteur{
  83. order: 4;
  84. font-weight: 900;
  85. padding-top: 1rem;
  86. }
  87. .field--name-field-type-de-ressource{
  88. order: 1;
  89. text-transform: uppercase;
  90. font-size: 1.2rem;
  91. }
  92. .field--name-field-site{
  93. order: 5;
  94. background-color: $gris-violet;
  95. color: white;
  96. border-radius: 50px;
  97. width: fit-content;
  98. padding: 0.2rem 0.9rem;
  99. margin-top: 1rem;
  100. .field__item{
  101. display: inline;
  102. }
  103. a{
  104. color: white;
  105. font-weight: 900;
  106. font-size: 0.8rem;
  107. vertical-align: top;
  108. }
  109. }
  110. ul.links{
  111. order: 6;
  112. display: none;
  113. }
  114. }
  115. }
  116. }
  117. .pagination{
  118. width: 100%;
  119. }
  120. }
  121. }