Verified Commit 293fe02e authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3410681 by charlliequadros, hritik parihar, ahsannazir, smustgrave,... 

Issue #3410681 by charlliequadros, hritik parihar, ahsannazir, smustgrave, finnsky, akshayadhav, larowlan: Remove @nest from claro stylesheets
parent a6ad55b2

core/themes/claro/css/components/breadcrumb.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -29,7 +29,7 @@ 
  padding: 0 0.75rem;

  content: url(../../images/icons/currentColor/arrow-breadcrumb.svg);



  @nest [dir="rtl"] & {

  [dir="rtl"] & {

    transform: scaleX(-1);

  }

core/themes/claro/css/components/card.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -143,7 +143,7 @@ 
  margin-block: 0;

  text-align: right; /* LTR */



  @nest [dir="rtl"] & {

  [dir="rtl"] & {

    text-align: left;

  }

}

core/themes/claro/css/components/details.css

+1 −0
Original line number Diff line number Diff line
@@ -176,6 +176,7 @@ td .claro-details { 
    border-inline-end: 0.125rem solid;

    background: none;

  }



  [dir="rtl"] .claro-details__summary::before {

    transform: rotate(-225deg);

  }

core/themes/claro/css/components/details.pcss.css

+4 −4
Original line number Diff line number Diff line
@@ -49,7 +49,7 @@ 
   * element constrains the width. This can happen when toggling the

   * "lazy-load" option within an image field.

   */

  @nest td & {

  td & {

    width: min-content;

    min-width: 100%;

  }
@@ -142,7 +142,7 @@ 
  background-image: url(../../images/icons/545560/chevron-right.svg);

  background-size: contain;



  @nest [dir="rtl"] & {

  [dir="rtl"] & {

    transform: rotate(-270deg);

  }

}
@@ -165,7 +165,7 @@ 
    border-inline-end: 0.125rem solid;

    background: none;



    @nest [dir="rtl"] & {

    [dir="rtl"] & {

      transform: rotate(-225deg);

    }

  }
@@ -310,7 +310,7 @@ 
  border-width: 0 0 0 var(--details-summary-focus-border-size); /* LTR */

  box-shadow: none;



  @nest [dir="rtl"] & {

  [dir="rtl"] & {

    border-width: 0 var(--details-summary-focus-border-size) 0 0;

  }

}

core/themes/claro/css/components/form--checkbox-radio.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -21,7 +21,7 @@ 
  margin-inline-start: calc(var(--input--label-spacing) * -1);

  transform: translateY(-50%);



  @nest [dir="rtl"] & {

  [dir="rtl"] & {

    float: right;

  }

}