local-actions.pcss.css 854 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /**
  2. * @file
  3. * Layout styles for local actions.
  4. */
  5. @import "../base/variables.pcss.css";
  6. /**
  7. * Action link layout styles.
  8. */
  9. .local-actions {
  10. margin: var(--space-m) 0;
  11. padding: 0;
  12. list-style: none;
  13. }
  14. /* This is required to win over specificity of [dir="rtl"] ul */
  15. [dir="rtl"] .local-actions {
  16. margin-right: 0;
  17. }
  18. .local-actions__item {
  19. display: inline-block;
  20. margin: 0 calc(var(--space-xs) / 2);
  21. }
  22. .local-actions__item:first-child {
  23. margin-left: 0; /* LTR */
  24. }
  25. [dir="rtl"] .local-actions__item:first-child {
  26. margin-right: 0;
  27. margin-left: calc(var(--space-xs) / 2);
  28. }
  29. .local-actions__item:last-child {
  30. margin-right: 0; /* LTR */
  31. }
  32. [dir="rtl"] .local-actions__item:last-child {
  33. margin-right: calc(var(--space-xs) / 2);
  34. margin-left: 0;
  35. }
  36. [dir="rtl"] .local-actions__item:only-child {
  37. margin-right: 0;
  38. margin-left: 0;
  39. }