slides.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @media screen and (min-width: 576px) {
  2. #block-views-block-slide-programme-block-1,
  3. #block-views-block-dernieres-publications-block-1{
  4. .views{
  5. section{
  6. .head{
  7. display: flex!important;
  8. width: 100%;
  9. justify-content: space-between;
  10. align-items: center;
  11. .more_link{
  12. margin: 0;
  13. }
  14. }
  15. }
  16. }
  17. }
  18. }
  19. #block-views-block-slide-programme-block-1{
  20. .__slide{
  21. article{
  22. min-height: calc(100% - 30px );
  23. }
  24. }
  25. }
  26. #block-views-block-slide-programme-block-1,
  27. #block-views-block-dernieres-publications-block-1{
  28. section:not(.wrap_head){
  29. margin: 1rem 0;
  30. }
  31. .views{
  32. section{
  33. .head{
  34. display: block;
  35. .more_link{
  36. margin: 0.5rem 0;
  37. width: fit-content;
  38. }
  39. }
  40. .thumbnails{
  41. margin: 1rem;
  42. }
  43. .flickity-slider{
  44. margin-left: 1rem;
  45. }
  46. }
  47. }
  48. }
  49. .flickity-button {
  50. background: transparent;
  51. &:hover{
  52. background: transparent;
  53. }
  54. }
  55. .flickity-button-icon {
  56. fill: $col_black;
  57. }
  58. .flickity-button:disabled {
  59. display: none;
  60. }