/**
 * Links
 * Links are used on node and comments, e.g. read more. They're also used by
 * blocks such as the language switcher and Devel modules switch user block.
 ============================================================================ */

.links {
  list-style: none;
  padding: 0;

  &.inline {
    display: flex;
    flex-direction: $row-direction;
    flex-wrap: wrap;
    justify-content: flex-start;

    li {
      flex: 0 0 auto;
      margin: 0 $medium 0 0;

      &[class*='hidden'] {
        display: none;
      }

      [dir="rtl"] & {
        margin: 0 0 0 $medium;
      }

      a {}
    }
  }
}