// Details // ==========================================================================
details {
display: block; clear: both; summary { display: inline-block; color: $govuk-blue; cursor: pointer; position: relative; margin-bottom: em(5); &:hover { color: $link-hover-colour; } &:focus { outline: 3px solid $focus-colour; } } // Underline only summary text (not the arrow) .summary { text-decoration: underline; } // Match fallback arrow spacing with -webkit default .arrow { margin-right: .35em; font-style: normal; }
}