Verified Commit afd7bc29 authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or... 

Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or "button--primary" do not have proper styling when nested in a "text-content" container
parent 1066bfe2

core/themes/olivero/css/components/button.css

+1 −1
Original line number Diff line number Diff line
@@ -55,7 +55,7 @@ 
  border: solid 2px var(--color--primary-40);

  border-radius: var(--border-radius);

  background-color: var(--color--white);

  font-family: inherit;

  font-family: var(--font-sans);

  font-size: var(--font-size-l);

  font-weight: 700;

  -webkit-appearance: none;

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

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
  border: solid 2px var(--color--primary-40);

  border-radius: var(--border-radius);

  background-color: var(--color--white);

  font-family: inherit;

  font-family: var(--font-sans);

  font-size: var(--font-size-l);

  font-weight: 700;

  appearance: none;

core/themes/olivero/css/components/text-content.css

+3 −3
Original line number Diff line number Diff line
@@ -39,7 +39,7 @@ 
  */

}



.text-content a, .cke_editable a {

.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {

    color: var(--color--primary-40);

    -webkit-text-decoration-color: var(--color--primary-40);

    text-decoration-color: var(--color--primary-40);
@@ -49,13 +49,13 @@ 


@supports (box-shadow: none) {



.text-content a, .cke_editable a {

.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {

      transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);

      text-decoration: none;

      box-shadow: inset 0 -2px 0 0 var(--color--primary-50)

  }



      .text-content a:hover, .cke_editable a:hover {

      .text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover {

        text-decoration: underline;

        color: var(--color--black);

core/themes/olivero/css/components/text-content.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
    text-decoration-color supported by Chrome, FF, & Safari

  */



  & a {

  & a:where(:not(.button)) {

    color: var(--color--primary-40);

    text-decoration-color: var(--color--primary-40);

    text-decoration-thickness: 2px;