templates/_snippets/components/_button.html.twig line 1

Open in your IDE?
  1. {# Style du bouton #}
  3. {% set sectionId = ('#'~section(content).id|raw) %}
  4. {% set section = section(content) %}
  5. {% set title = title(content) %}
  6. {% set button = button(content) %}
  9. {{ sectionId }} .button{
  10. display: block;
  11. text-align: center;
  12. {% if button.radius.value is defined and button.radius.value != 0 %}border-radius: {{ (button.radius.value~button.radius.unit)|raw }};{% endif %}
  13. {% if button.color is defined and button.color is not empty %}
  14. {% if button.inverseColor is defined and button.inverseColor == true %}
  15. background-color: {{ (button.secondaryColor)|raw }};
  16. {% else %}
  17. background-color: {{ (button.color)|raw }};
  18. {% endif %}
  19. border: 2px solid {{ (button.color)|raw }};
  20. {% endif %}
  21. {% if button.secondaryColor is defined and button.secondaryColor is not empty %}
  22. {% if button.inverseColor is defined and button.inverseColor == true %}
  23. color: {{ (button.color)|raw }};
  24. {% else %}
  25. color: {{ (button.secondaryColor)|raw }};
  26. {% endif %}
  27. {% endif %}
  28. {% if button.weight is defined and button.weight != 0 %}font-weight: {{ (button.weight)|raw }};{% endif %}
  30. {% if button.margin is defined %}{{ margins(button.margin.unit, button.margin.top, button.margin.right, button.margin.bottom, button.margin.left) }}{% endif %}
  31. {% if button.padding is defined %}{{ paddings(button.padding.unit, button.padding.top, button.padding.right, button.padding.bottom, button.padding.left) }}{% endif %}
  32. {% if button.textAlign is defined and button.textAlign != 'center' %}text-align: {{ (button.textAlign)|raw }} !important;{% endif %}
  33. {% if button.isUnderlined is defined and button.isUnderlined == true %}text-decoration: underline !important; width: 100%;{% endif %}
  34. }
  36. {% if button.isUnderlined is not defined or button.isUnderlined == false %}
  37. {{ sectionId }} .button:hover{
  38. {% if button.secondaryColor is defined and button.secondaryColor is not empty %}
  39. {% if button.inverseColor is defined and button.inverseColor == true %}
  40. background-color: {{ (button.color)|raw }};
  41. {% else %}
  42. background-color: {{ (button.secondaryColor)|raw }};
  43. {% endif %}
  44. {% endif %}
  46. {% if button.color is defined and button.color is not empty %}
  47. {% if button.inverseColor is defined and button.inverseColor == true %}
  48. color: {{ (button.secondaryColor)|raw }};
  49. {% else %}
  50. color: {{ (button.color)|raw }};
  51. {% endif %}
  52. {% endif %}
  53. }
  54. {% endif %}
  57. {{ sectionId }} .button.flying-button{
  58. padding: 0;
  59. }