local-actions.pcss.css

Layout styles for local actions.

File

core/themes/claro/css/layout/local-actions.pcss.css

View source 
  1. /**

  2.  * @file

  3.  * Layout styles for local actions.

  4.  */

  5. 

  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. 

  19. .local-actions__item {

  20.   display: inline-block;

  21.   margin: 0 calc(var(--space-xs) / 2);

  22. }

  23. 

  24. .local-actions__item:first-child {

  25.   margin-left: 0; /* LTR */

  26. }

  27. [dir="rtl"] .local-actions__item:first-child {

  28.   margin-right: 0;

  29.   margin-left: calc(var(--space-xs) / 2);

  30. }

  31. 

  32. .local-actions__item:last-child {

  33.   margin-right: 0; /* LTR */

  34. }

  35. [dir="rtl"] .local-actions__item:last-child {

  36.   margin-right: calc(var(--space-xs) / 2);

  37.   margin-left: 0;

  38. }

  39. 

  40. [dir="rtl"] .local-actions__item:only-child {

  41.   margin-right: 0;

  42.   margin-left: 0;

  43. }