local-actions.css

Layout styles for local actions.

File

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

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. 

  8. /**

  9.  * @file

  10.  * Layout styles for local actions.

  11.  */

  12. 

  13. /**

  14.  * Action link layout styles.

  15.  */

  16. 

  17. .local-actions {

  18.   margin: var(--space-m) 0;

  19.   padding: 0;

  20.   list-style: none;

  21. }

  22. 

  23. /* This is required to win over specificity of [dir="rtl"] ul */

  24. 

  25. [dir="rtl"] .local-actions {

  26.   margin-right: 0;

  27. }

  28. 

  29. .local-actions__item {

  30.   display: inline-block;

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

  32. }

  33. 

  34. .local-actions__item:first-child {

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

  36. }

  37. 

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

  39.   margin-right: 0;

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

  41. }

  42. 

  43. .local-actions__item:last-child {

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

  45. }

  46. 

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

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

  49.   margin-left: 0;

  50. }

  51. 

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

  53.   margin-right: 0;

  54.   margin-left: 0;

  55. }