mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-06 14:30:57 -04:00
34e1eee364
Making all links GOV.UK Frontend styled means some will sit in content that doesn't use the GOV.UK Frontend font styles yet. This applies the font-smoothing that comes with those styles to all text so links do not look out of place on browsers that support it. Note: font-smoothing was part of the GOV.UK Template styles which have now been removed: https://github.com/alphagov/govuk_template/blob/master/source/assets/stylesheets/_basic.scss#L68
70 lines
1.9 KiB
SCSS
70 lines
1.9 KiB
SCSS
@import 'settings/typography-font-families';
|
|
|
|
// needed for IE10 desktop snap mode: http://menacingcloud.com/?c=cssViewportOrMetaTag
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
// To be removed when all text uses the GOV.UK Frontend New Transport font styles.
|
|
// At present, some text gets these styles due to being in a GOV.UK Frontend component
|
|
// or a link.
|
|
// This ensures all text will have these styles applied, until it can be moved to use
|
|
// the GOV.UK Frontend font styles.
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
// 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
|
|
{
|
|
outline: 3px solid $focus-colour;
|
|
outline-offset: 0;
|
|
}
|