sub_menu.scss 932 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. #block-colloque2024-submenu {
  2. margin: 1rem auto;
  3. ul {
  4. display: flex;
  5. flex-wrap: wrap;
  6. padding: 0;
  7. margin: 0 -1rem;
  8. li {
  9. padding: 1rem;
  10. width: 100%;
  11. text-align: center;
  12. @media screen and (min-width: 576px) {
  13. width: auto !important;
  14. }
  15. a {
  16. display: block;
  17. padding: 0.5rem 1rem;
  18. border: 1px solid $color2024;
  19. color: $color2024;
  20. background: white;
  21. transition: color 0.3s ease, background 0.3s ease;
  22. font-size: 2rem;
  23. font-family: "Marianne";
  24. letter-spacing: 0.05rem;
  25. text-transform: uppercase;
  26. @media screen and (min-width: 768px) {
  27. // padding: 1rem 1rem;
  28. font-size: 2.5rem;
  29. }
  30. &:hover {
  31. text-decoration: none;
  32. color: white;
  33. background: $color2024;
  34. transition: all 0.3s ease;
  35. }
  36. }
  37. }
  38. }
  39. }