Unverified Commit 04f38094 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3153260 by mherchel, bnjmnm, andrewmacpherson, proeung, rainbreaw:... 

Issue #3153260 by mherchel, bnjmnm, andrewmacpherson, proeung, rainbreaw: Standardize Olivero's focus states across all non-form controls
parent d3cf7049

core/themes/olivero/css/base/base.css

+5 −0
Original line number Diff line number Diff line
@@ -50,6 +50,11 @@ a:hover { 
    color: #2494db;

  }



a:focus {

    outline: solid 2px currentColor;

    outline-offset: 2px;

  }



img,

video {

  display: block;

core/themes/olivero/css/base/base.pcss.css

+5 −0
Original line number Diff line number Diff line
@@ -43,6 +43,11 @@ a { 
  &:hover {

    color: var(--color--blue-50);

  }



  &:focus {

    outline: solid 2px currentColor;

    outline-offset: 2px;

  }

}



img,

core/themes/olivero/css/components/breadcrumb.css

+28 −4
Original line number Diff line number Diff line
@@ -31,7 +31,7 @@ 
    position: absolute;

    top: 0;

    width: 3.375rem;

    height: 1.125rem;

    height: 2.25rem;

    content: "";

    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%) /* LTR */

  }
@@ -54,6 +54,14 @@ 
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);

}



[dir="ltr"] .breadcrumb__content {

  margin-left: -0.5625rem

}



[dir="rtl"] .breadcrumb__content {

  margin-right: -0.5625rem

}



[dir="ltr"] .breadcrumb__content {

  margin-right: -1.125rem

}
@@ -62,15 +70,31 @@ 
  margin-left: -1.125rem

}



[dir="ltr"] .breadcrumb__content {

  padding-left: 0.5625rem

}



[dir="rtl"] .breadcrumb__content {

  padding-right: 0.5625rem

}



.breadcrumb__content {

  overflow: auto;

  margin-top: -0.5625rem;

  margin-bottom: -0.5625rem;

  padding-top: 0.5625rem;

  padding-bottom: 0.5625rem;

  -webkit-overflow-scrolling: touch

}



@media (min-width: 62.5rem) {



.breadcrumb__content {

    margin: 0

[dir="ltr"] .breadcrumb__content {

    margin-right: 0

  }



[dir="rtl"] .breadcrumb__content {

    margin-left: 0

  }

  }

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

+8 −2
Original line number Diff line number Diff line
@@ -17,7 +17,7 @@ 
    inset-block-start: 0;

    inset-inline-end: calc(var(--sp1) * -1);

    width: var(--sp3);

    height: var(--sp1);

    height: var(--sp2);

    content: "";

    background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); /* LTR */
@@ -37,11 +37,17 @@ 


.breadcrumb__content {

  overflow: auto;

  margin-block-start: calc(var(--sp0-5) * -1);

  margin-block-end: calc(var(--sp0-5) * -1);

  margin-inline-start: calc(var(--sp0-5) * -1);

  margin-inline-end: calc(var(--sp1) * -1);

  padding-block-start: var(--sp0-5);

  padding-block-end: var(--sp0-5);

  padding-inline-start: var(--sp0-5);

  -webkit-overflow-scrolling: touch;



  @media (--lg) {

    margin: 0;

    margin-inline-end: 0;

  }

}

core/themes/olivero/css/components/footer.css

+1 −2
Original line number Diff line number Diff line
@@ -46,7 +46,6 @@ 
    color: inherit

  }



.site-footer a:focus,

.site-footer a:hover {

      text-decoration: none;

    }