mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-24 01:49:15 -04:00
174 lines
3.4 KiB
SCSS
174 lines
3.4 KiB
SCSS
html, body, button, input, table, td, th { font-family: $NTA-Light; }
|
|
|
|
// basic styles for HTML5 and other elements
|
|
html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section {
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
// HTML5 display definition
|
|
main {
|
|
display: block;
|
|
}
|
|
|
|
// self clearing floats
|
|
.group:before,
|
|
.group:after {
|
|
content: "\0020";
|
|
display: block;
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.group:after {
|
|
clear: both;
|
|
}
|
|
.group {
|
|
zoom: 1;
|
|
}
|
|
|
|
// make elements stick at top of viewport when scrolling
|
|
.content-fixed {
|
|
top: 0;
|
|
position: fixed;
|
|
}
|
|
.shim {
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
* 1. Prevents iOS text size adjust after orientation change, without disabling
|
|
* user zoom.
|
|
*/
|
|
html {
|
|
-webkit-text-size-adjust: 100%; /* 1 */
|
|
-ms-text-size-adjust: 100%; /* 1 */
|
|
// Set background colour to match footer background
|
|
background-color: $grey-8;
|
|
}
|
|
|
|
/*
|
|
Force the scrollbar to always display in IE10/11
|
|
*/
|
|
html {
|
|
-ms-overflow-style: scrollbar;
|
|
}
|
|
|
|
body {
|
|
background: $white;
|
|
color: $text-colour;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
ol, ul, nav ol, nav ul {
|
|
list-style: inherit;
|
|
}
|
|
|
|
fieldset {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
a:link {
|
|
color: $link-colour;
|
|
}
|
|
|
|
a:visited {
|
|
color: $link-visited-colour;
|
|
}
|
|
|
|
a:hover {
|
|
color: $link-hover-colour;
|
|
}
|
|
|
|
a:active {
|
|
color: $link-active-colour;
|
|
}
|
|
|
|
a[rel="external"] {
|
|
@include external-link-default;
|
|
@include external-link-19;
|
|
@include media-down(mobile) {
|
|
@include external-link-16;
|
|
}
|
|
}
|
|
|
|
.external-link {
|
|
@include external-link-12-no-hover;
|
|
@include external-link-heading;
|
|
}
|
|
|
|
// adjustments to normalize.css
|
|
|
|
/*
|
|
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
|
|
* http://clagnut.com/blog/348/#c790
|
|
* note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback
|
|
* http://snook.ca/archives/html_and_css/font-size-with-rem
|
|
* 2. Keeps page centred in all browsers regardless of content height
|
|
* 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted
|
|
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
|
|
*/
|
|
|
|
html {
|
|
font-size: 62.5%; /* 1 */
|
|
overflow-y: scroll; /* 2 */
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
|
|
}
|
|
|
|
/*
|
|
* 1. Font-size increased to compensate for change to html element font-size in
|
|
* order to support beta typography which was set in ems
|
|
* (62.5% * 160% = 100%)
|
|
* 2. Addresses margins handled incorrectly in IE6/7
|
|
*/
|
|
|
|
body {
|
|
font-size: 160%; /* 1 */
|
|
margin: 0; /* 2 */
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
@include ie-lte(7) {
|
|
button {
|
|
overflow:visible;
|
|
}
|
|
}
|
|
|
|
abbr[title] {
|
|
cursor: help;
|
|
}
|
|
|
|
/*
|
|
* 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;
|
|
}
|