programme.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .container{
  2. &.programme{
  3. padding-top: 1.5rem;
  4. @media screen and (min-width: 768px) {
  5. padding-top: 0rem;
  6. }
  7. h2{
  8. position: relative;
  9. color: $color2024;
  10. &::after{
  11. display: inline-flex;
  12. position: absolute;
  13. right: 0;
  14. width: 100px;
  15. height: 100px;
  16. vertical-align: middle;
  17. // @include labelOnline;
  18. @media screen and (min-width: 768px) {
  19. width: 150px;
  20. height: 150px;
  21. }
  22. }
  23. }
  24. h3{
  25. font-size: 1.5rem;
  26. font-family: 'Mariannelight';
  27. color: $col_black;
  28. text-transform: uppercase;
  29. }
  30. .views{
  31. section{
  32. .row{
  33. .__wrap_side{
  34. margin: 0 0 1rem 0;
  35. @media screen and (min-width: 768px) {
  36. margin: 0.5rem 0 0rem 0;
  37. }
  38. }
  39. & > div:not(.__wrap_side){
  40. @media screen and (min-width: 768px) {
  41. padding-left: 0;
  42. margin: 0 calc(0rem - #{$gutter});
  43. }
  44. }
  45. }
  46. &:not(:last-child){
  47. // @include croix_or;
  48. & > .d-flex{
  49. padding: 0 0 2rem 0;
  50. }
  51. }
  52. }
  53. }
  54. }
  55. }