mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-25 10:29:14 -04:00
34ef51980c
The global CSS we're keeping from the GOVUK Template styles needs to go in the same position as it was before, above GOVUK Elements. This means we can't use any variables from GOVUK Frontend in it so this changes the link colour back to what it was (until all links get updated).
78 lines
1.8 KiB
SCSS
78 lines
1.8 KiB
SCSS
// needed for IE10 desktop snap mode: http://menacingcloud.com/?c=cssViewportOrMetaTag
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
abbr[title] {
|
|
cursor: help;
|
|
}
|
|
|
|
.js-enabled .js-hidden {
|
|
display: none;
|
|
}
|
|
|
|
// To be removed when all search inputs use the GOV.UK Frontend text input component:
|
|
// https://design-system.service.gov.uk/components/text-input/
|
|
/*
|
|
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
|
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
|
* (include `-moz` to future-proof).
|
|
*/
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield; /* 1 */
|
|
-moz-box-sizing: content-box;
|
|
-webkit-box-sizing: content-box; /* 2 */
|
|
box-sizing: content-box;
|
|
}
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: searchfield-cancel-button;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
// To be removed when all links follow the GOV.UK Frontend conventions:
|
|
// https://design-system.service.gov.uk/styles/typography/#links
|
|
a {
|
|
&:link {
|
|
color: $link-colour;
|
|
}
|
|
|
|
&:visited {
|
|
color: $link-visited-colour;
|
|
}
|
|
|
|
&:hover {
|
|
color: $link-hover-colour;
|
|
}
|
|
|
|
&:active {
|
|
color: $link-active-colour;
|
|
}
|
|
}
|
|
|
|
// Each selector, and then the whole block when only one remains, to be removed when the
|
|
// element comes from the corresponding GOV.UK Frontend component:
|
|
// - https://design-system.service.gov.uk/components/text-input/
|
|
// - https://design-system.service.gov.uk/components/textarea/
|
|
// - https://design-system.service.gov.uk/components/select/
|
|
// - https://design-system.service.gov.uk/components/button/
|
|
|
|
// Global styles for form controls
|
|
|
|
input:focus,
|
|
textarea:focus,
|
|
select:focus,
|
|
button:focus {
|
|
outline: 3px solid $focus-colour;
|
|
outline-offset: 0;
|
|
}
|