If we don't use @nest then the output is broken [dir="rtl"] & { tra...

Contribution Date

Thu, 05/11/2023 - 12:00

Technology

Contribution Project

Contribution Details

If we don't use @nest then the output is broken

  [dir="rtl"] & {
    transform: scaleX(-1);
  }

Output:

.admin-item__link::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  width: 1em;
  height: 1.5em;
  content: "";
  background: transparent no-repeat 50% 50%;
  background-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e");

  .admin-item__link::before {
    transform: scaleX(-1);
  }
}

Addressed other points.

Issue Status

Needs Review

Contribution Author

gauravmahlawat

Contribution Issue Link

Refactor Claro's system-admin--admin-list stylesheet

Contribution Link

https://www.drupal.org/project/drupal/issues/3332444#comment-15045547

Files count

0

Patches count

0

If we don't use @nest then the output is broken [dir="rtl"] &amp; { tra...

Output:

If we don't use @nest then the output is broken
[dir="rtl"] & {
tra...