_ressources.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .path-centre-de-ressources{
  2. background-color: rgb(242, 246, 252);
  3. .content_container{
  4. &>div>h2:first-child{
  5. text-align: center;
  6. }
  7. }
  8. form{
  9. display: grid;
  10. grid-template-columns: 10% repeat(4, 20%);
  11. &>div:first-child{
  12. grid-column-start: 2;
  13. }
  14. select{
  15. display: inline-block;
  16. width: auto;
  17. width: 100%;
  18. font-size: $font-normal;
  19. padding: .3rem .1rem;
  20. height: auto;
  21. }
  22. div{
  23. display: inline-block;
  24. width: auto;
  25. padding: .5rem 1rem;
  26. }
  27. }
  28. .views-view-grid{
  29. .views-row{
  30. display: grid;
  31. grid-template-columns: 10% 20% 20% 20% 20% 10%;
  32. .views-col:first-child{
  33. grid-column-start: 2;
  34. }
  35. }
  36. .views-col{
  37. a{
  38. text-decoration: none;
  39. }
  40. background-color: rgb(255, 255, 255);
  41. background-clip: content-box;
  42. width: 100% !important;
  43. padding: .3rem;
  44. .views-field:not(:first-child){
  45. padding: 0 0 0 .4rem;
  46. }
  47. .views-field-field-programme{
  48. font-weight: 600;
  49. display: inline-block;
  50. width: auto;
  51. color: white;
  52. background: red;
  53. padding: .15rem .3rem;
  54. margin-bottom: 1rem;
  55. }
  56. .views-field-field-type-de-ressource{
  57. text-transform: uppercase;
  58. font-size: 500;
  59. margin-bottom: .5rem;
  60. }
  61. .views-field-title{
  62. font-style: italic;
  63. }
  64. .views-field-field-sous-titre{
  65. margin-bottom: 1rem;
  66. }
  67. .views-field-field-theme{
  68. font-size: $font-small;
  69. }
  70. }
  71. }
  72. }