page: txp5

Core SASS

form: txp5_scss

_txp-actions.scss modified 3 days ago


    
      .txp-actions {
  display: flex;
  gap: var(--base-unit);
  button {
    border: 0;
    padding: 0;
    &:hover {
      background-color: var(--clr-bg);
    }
  }
  .ui-icon {
    //display: inline-block;
    display: none;
    margin-inline-end: var(--base-unit);
  }

}
#supporting_content:has(.txp-actions button:hover)
.txp-summary a:before {
  border: var(--border-width) solid var(--clr-brand);
  margin: calc( var(--border-width) * -1);
  margin-right: calc(var(--base-unit--ss) + var(--border-width) * -1);
  //background-color: var(--clr-brand);
}
    

  

Source html

        
          <p class="txp-actions"><button class="txp-expand-all txp-reduced-ui-button" aria-controls="supporting_content"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span> Expand all</button><button class="txp-collapse-all txp-reduced-ui-button" aria-controls="supporting_content"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span> Collapse all</button></p>