Sha256: f660d752f3aeeb68486aef056106d7bb48b16c35d8b3d04da9253f5123d38bf3
Contents?: true
Size: 925 Bytes
Versions: 254
Compression:
Stored size: 925 Bytes
Contents
////
/// @group helpers/accessibility
////
/// Focused text
///
/// Provides an outline to clearly indicate when the target element is focused.
/// Used for interactive text-based elements.
///
/// @access public
@mixin govuk-focused-text {
// When colours are overridden, for example when users have a dark mode,
// backgrounds and box-shadows disappear, so we need to ensure there's a
// transparent outline which will be set to a visible colour.
// Since Internet Explorer 8 does not support box-shadow, we want to force the
// user-agent outlines
@include govuk-not-ie8 {
outline: $govuk-focus-width solid transparent;
}
color: $govuk-focus-text-colour;
background-color: $govuk-focus-colour;
box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;
// When link is focussed, hide the default underline since the
// box shadow adds the "underline"
text-decoration: none;
}
Version data entries
254 entries across 251 versions & 4 rubygems