Refactor Claro's action-link stylesheet

Updated the selectors and short-hand properties in #8. Attached interdiff for same

.action-link {

  /* Action link states */
  &:hover {
    text-decoration: none;
    color: var(--color-absolutezero-hover);
    background-color: var(--color-bgblue-hover);
  }

  &:focus {
    position: relative;
    z-index: 1;
    text-decoration: none;
  }

  &:active {
    color: var(--color-absolutezero-active);
    background-color: var(--color-bgblue-active);
  }
}

/* Defaults for icons */
.action-link::before {
  position: relative;
  inset-block-start: 0.125rem;
  /* Set the proper vertical alignment */
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline: calc(var(--space-s) - var(--space-m)) 0.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

can be merged with line 33 I believe.

I have improved the nesting. attached patch with interdiff. please review

More nesting can be done.

Code is too long but all the action-link--icon-* can be combined with their parents.

This many changes will need new before/after screenshots.

Improved nesting.

Additional nesting looks much better

The last submitted patch, 16: 3303541-16.patch, failed testing. View results →

Unrelated failure, restoring status.

@najni, This issue is using a patch workflow and was RTBC, there is no need for an MR. Therefor, credit has been removed per How is credit granted for Drupal core issues → .

Unrelated failure, Restoring status.

The last submitted patch, 16: 3303541-16.patch, failed testing. View results →

Works in RTL as well. Would have been nice to have screenshots, did my own testing anyway everything looks good.

Couldn't find where the followup was needed, or for what purpose. Removing the tag.

Committed bf01a58 and pushed to 10.1.x. Thanks!

The "Needs follow-up label was added when the issue was created with this comment:

We need a followup issue to refactor this component in Drupal 10.0.x to make use of component-level CSS custom properties and remove IE specific style definitions.

Since this is exactly that, no follow-up needed.

Automatically closed - issue fixed for 2 weeks with no activity.