directory_components/static/directory_components/export_elements/stylesheets/maps/elements-documentation-ie6.min.css.map
{"version":3,"sources":["elements-documentation.scss","../../../govuk_frontend_toolkit/stylesheets/_shims.scss","../../../govuk_frontend_toolkit/stylesheets/_grid_layout.scss","../../../govuk_frontend_toolkit/stylesheets/_measurements.scss","elements/_helpers.scss","../../../govuk_frontend_toolkit/stylesheets/_typography.scss","../../../../directory_components/export_elements/overrides/govuk_frontend_toolkit/_font_stack.scss","../../../../directory_components/export_elements/sass/partials/_colours.scss","../../../govuk_frontend_toolkit/stylesheets/colours/_palette.scss","../../../govuk_frontend_toolkit/stylesheets/colours/_organisation.scss"],"names":[],"mappings":"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","file":"../elements-documentation-ie6.min.css","sourcesContent":["// GOV.UK front end toolkit\n// Sass variables, mixins and functions\n// https://github.com/alphagov/govuk_frontend_toolkit/tree/master/stylesheets\n\n// Settings (variables)\n@import \"colours\"; // Colour variables\n@import \"measurements\"; // Widths and gutter variables\n\n// Mixins\n@import \"conditionals\"; // Media query mixin\n@import \"grid_layout\"; // Basic grid layout mixin\n@import \"typography\"; // Core bold and heading mixins, also external links\n\n// GOV.UK elements\n@import \"elements/helpers\"; // Helper functions and classes\n\n// ==========================================================================\n// Elements page styles\n// These are example styles, used only for the elements pages\n// ==========================================================================\n\n// Add a class to wrap the <main> element\n// This is so the breadcrumb can sit outside <main>\n.site-wrapper {\n @extend %site-width-container;\n\n // Override margins set on #content\n // This is a kludge to prevent a breaking change to govuk_elements_sass\n // where @extend %site-width-container; is set for #content, so we need to override its margins\n #content {\n margin: 0;\n }\n}\n\n.elements-index {\n // Reduce top and bottom margins\n .heading-medium {\n margin: 1em 0 0 0;\n }\n // Add spacing above\n .divider {\n margin-top: 4em;\n }\n}\n\n// Increase spacing above GOV.UK elements page headings\nmain > .heading-xlarge {\n @include media(tablet) {\n margin-top: em(60, 48);\n margin-bottom: em(30, 48);\n }\n}\n\n// Page contents\n.heading-contents {\n margin-top: 3em;\n}\n\n.list-contents li {\n @include core-16;\n}\n\n// Use for paragraphs before lists\n.lead-in {\n margin-bottom: 0;\n}\n\n// Lists\n.list-bullet {\n margin-bottom: ($gutter*1.5);\n}\n\n.list-underline {\n border-top: 1px solid #bfc1c3;\n}\n\n.list-underline li {\n border-bottom: 1px solid #bfc1c3;\n padding: 2px 0 3px 0;\n}\n\n.list-underline a {\n text-decoration: none;\n}\n\n.no-top-margin {\n margin-top: 0;\n}\n\n// deprecation notice\n.notification-summary {\n border: 4px solid $govuk-blue;\n\n margin-top: $gutter-half;\n margin-bottom: $gutter-half;\n\n padding: $gutter-half 10px;\n\n p {\n max-width: 38em;\n }\n\n @include media(tablet) {\n border: 5px solid $govuk-blue;\n\n margin-top: $gutter;\n margin-bottom: $gutter;\n\n padding: $gutter-two-thirds $gutter-half $gutter-half;\n }\n}\n\n// Example boxes\n// ==========================================================================\n\n.example {\n @extend %contain-floats;\n position: relative;\n overflow: hidden;\n border: 1px solid $grey-2;\n margin-top: $gutter-half;\n margin-bottom: $gutter-half;\n\n padding-top: $gutter;\n padding-right: $gutter-half;\n padding-bottom: $gutter-half;\n padding-left: $gutter-half;\n\n @include media(tablet) {\n padding-top: $gutter*1.5;\n padding-right: $gutter;\n padding-bottom: $gutter;\n padding-left: $gutter;\n }\n\n &:before {\n content: \"EXAMPLE\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n padding: em(4) em(15) em(4) em(15);\n\n @include core-14;\n background: $grey-2;\n color: white;\n }\n\n // Blue text for heading sizes\n .highlight {\n font-style: normal;\n color: $hm-government;\n }\n\n // Lists (reset this to elements default)\n .list-bullet {\n margin-bottom: 20px;\n }\n\n // Fix grid layout within example boxes for IE7 and below\n // where box-sizing isn't supported: http://caniuse.com/#search=box-sizing\n @mixin example-box-column($width) {\n width: (($site-width - $gutter) * $width) - $gutter;\n }\n\n @include ie-lte(7){\n\n // Set example box width to 900px (removing left and right padding)\n $example-box-width: $site-width - ($gutter * 2);\n width: $example-box-width;\n\n // Recalculate grid column widths\n .column-quarter {\n @include example-box-column( 1/4 );\n }\n .column-half {\n @include example-box-column( 1/2 );\n }\n .column-third {\n @include example-box-column( 1/3 );\n }\n .column-two-thirds {\n @include example-box-column( 2/3 );\n }\n\n // Scale images to fit grid columns\n img {\n width: 100%;\n }\n }\n\n}\n\n\n// 1. Layout\n// ==========================================================================\n\n$grid-stripe-light: #7DADD3;\n$grid-stripe-dark: #B7CFE1;\n\n.example-grid p {\n width: 100%;\n background-color: $grid-stripe-light;\n background-image: repeating-linear-gradient(180deg, $grid-stripe-light, $grid-stripe-light $gutter-half, $grid-stripe-dark $gutter-half, $grid-stripe-dark $gutter);\n margin-bottom: 0;\n height: 30px;\n @include media(tablet) {\n height: 60px;\n }\n overflow: hidden;\n text-indent: -999em;\n}\n\n\n// 2. Typography\n// ==========================================================================\n\n\n// 3. Colour\n// ==========================================================================\n\n// Colour swatches\n.swatch {\n width: 60px;\n height: 60px;\n border-radius: 100%;\n @include media(mobile) {\n clear: both;\n float: left;\n margin-right: $gutter-half;\n margin-bottom: $gutter-half;\n }\n @include media(tablet) {\n margin: 0 auto $gutter-half auto;\n }\n}\n\n// Sass list for colour palette\n$palette: (\n (\"purple\", $purple),\n (\"mauve\", $mauve),\n (\"fuschia\", $fuschia),\n (\"pink\", $pink),\n (\"baby-pink\", $baby-pink),\n (\"red\", $red),\n (\"mellow-red\", $mellow-red),\n (\"orange\", $orange),\n (\"brown\", $brown),\n (\"yellow\", $yellow),\n (\"green\", $green),\n (\"grass-green\", $grass-green),\n (\"turquoise\", $turquoise),\n (\"light-blue\", $light-blue),\n (\"govuk-blue\", $govuk-blue)\n);\n\n@mixin color-swatches {\n @each $color in $palette {\n $color-name: nth($color, 1);\n $color-var: nth($color, 2);\n .swatch-#{$color-name} {\n background-color: $color-var;\n }\n }\n}\n\n// Generate swatch classes for each colour in palette list\n@include color-swatches;\n\n.swatch-alpha {\n background-color: $alpha-colour;\n}\n\n.swatch-beta {\n background-color: $beta-colour;\n}\n\n.swatch-discovery {\n background-color: $discovery-colour;\n}\n\n.swatch-live {\n background-color: $live-colour;\n}\n\n.swatch-error {\n background-color: $error-colour;\n}\n\n.swatch-focus {\n background-color: $focus-colour;\n}\n\n.swatch-button-colour {\n background-color: $button-colour;\n}\n\n.swatch-black {\n background-color: $black;\n}\n\n.swatch-grey-1 {\n background-color: $grey-1;\n}\n\n.swatch-grey-2 {\n background-color: $grey-2;\n}\n\n.swatch-grey-3 {\n background-color: $grey-3;\n}\n\n.swatch-grey-4 {\n background-color: $grey-4;\n}\n\n.swatch-white {\n background-color: $white;\n border: 1px solid $grey-3;\n}\n\n.swatch-text-colour {\n background-color: $text-colour;\n}\n\n.swatch-text-secondary {\n background-color: $secondary-text-colour;\n}\n\n.swatch-page-colour {\n background-color: $page-colour;\n border: 1px solid $grey-3;\n}\n\n.swatch-button-colour {\n background-color: $button-colour;\n}\n\n.swatch-link-colour {\n background-color: $link-colour;\n}\n\n.swatch-link-colour-visited {\n background-color: $link-visited-colour;\n}\n\n.swatch-link-colour-hover {\n background-color: $link-hover-colour;\n}\n\n.swatch-border-colour {\n background-color: $border-colour;\n}\n\n.swatch-panel-colour {\n background-color: $panel-colour;\n}\n\n.swatch-highlight-colour {\n background-color: $highlight-colour;\n}\n\n// Colour swatch layout\n.swatch-wrapper {\n @include media(tablet) {\n float: left;\n width: 20%;\n text-align: center;\n }\n\n .heading-small {\n margin-bottom: em(10);\n }\n\n ul {\n list-style-type: none;\n padding-bottom: $gutter-half;\n @include media(mobile) {\n min-height: 50px;\n padding-top: 10px;\n }\n }\n li {\n @include core-16;\n }\n b {\n font-weight: bold;\n text-transform: uppercase;\n }\n}\n\n\n// 4. Images and icons\n// ==========================================================================\n\n.example-images img {\n max-width: 100%;\n vertical-align: top;\n}\n\n\n// 5. Data\n// ==========================================================================\n\n.example .data {\n margin-bottom: 0;\n}\n\n\n// 6. Forms\n// ==========================================================================\n\n\n// 7. Buttons\n// ==========================================================================\n\n// Remove top margin from headings in the \"Creating buttons\" example\n.example-button .heading-small {\n margin-top: 0;\n}\n\n// Make swatch wrapper full width for \"Creating buttons\" example\n.example-button .swatch-wrapper {\n width: 100%;\n}\n\n\n// 9. Alpha beta banners\n// ==========================================================================\n","// Cross-browser shims\n// Ways of normalising properties across browsers.\n\n@import \"conditionals\";\n\n// From: https://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/\n\n// Usage:\n//\n// @include inline-block\n// or\n// @include inline-block(\"250px\")\n//\n// which gives a min-height to the inline-block elements.\n\n\n@mixin inline-block($min-height: \"\") {\n display: -moz-inline-stack;\n display: inline-block;\n\n @if $min-height != \"\" {\n min-height: $min-height;\n }\n\n @include ie-lte(7) {\n zoom: 1;\n display: inline;\n }\n\n @include ie(6) {\n @if $min-height != \"\" {\n height: $min-height;\n }\n }\n}\n\n\n// Contain floats usage:\n//\n// .this-has-floated-children {\n// @extend %contain-floats;\n// }\n\n\n%contain-floats {\n &:after {\n content: \"\";\n display: block;\n clear: both;\n }\n\n @include ie-lte(7) {\n zoom: 1;\n }\n}\n","@import 'conditionals';\n@import 'css3';\n@import 'measurements';\n@import 'shims';\n\n$site-width: 960px;\n\n// An extendable selector to wrap your entire site content block\n// It limits the sites width to be 960px wide and maintains consistent margins\n// on the site of the page and shrinks the margins for mobile.\n//\n// Usage:\n//\n// #page-container {\n// @extend %site-width-container;\n// }\n\n%site-width-container {\n max-width: $site-width;\n\n @include ie-lte(8) {\n width: $site-width;\n }\n\n margin: 0 $gutter-half;\n\n @include media(tablet) {\n margin: 0 $gutter;\n }\n\n @include media($min-width: ($site-width + $gutter * 2)) {\n margin: 0 auto;\n }\n}\n\n// An extendable selector to outdent to the full page-width\n// So that you can create elements that take up the gutters on the side of the\n// page and butt up to the edge of the browser on smaller screens (rather than\n// leaving a gutter at the edge of the page).\n//\n// Usage:\n//\n// .hero-image-container {\n// @extend %outdent-to-full-width;\n// }\n%outdent-to-full-width {\n margin-left: -$gutter-half;\n margin-right: -$gutter-half;\n\n @include media(tablet) {\n margin-left: -$gutter;\n margin-right: -$gutter;\n }\n}\n\n// An extendable selector to define a row for grid columns to sit in\n//\n// Usage:\n//\n// .grid-row {\n// @extend %grid-row;\n// }\n\n%grid-row {\n @extend %contain-floats;\n margin: 0 (-$gutter-half);\n}\n\n// A mixin for a grid column\n// Creates a cross browser grid column with a standardised gutter between the\n// columns. Widths should be defined as fractions of the full desktop width\n// they want to fill. By default they break to become full width at tablet size\n// but that can be configured to be desktop using the `$full-width` argument.\n//\n// Usage:\n//\n// .column-quarter {\n// @include grid-column( 1/4 );\n// }\n// .column-half {\n// @include grid-column( 1/2 );\n// }\n// .column-third {\n// @include grid-column( 1/3 );\n// }\n// .column-two-thirds {\n// @include grid-column( 2/3 );\n// }\n// .column-desktop-third {\n// @include grid-column( 1/3, $full-width: desktop );\n// }\n\n@mixin grid-column($width, $full-width: tablet, $float: left) {\n\n @include media($full-width) {\n float: $float;\n width: percentage($width);\n }\n\n @include ie-lte(7) {\n width: (($site-width + $gutter) * $width) - $gutter;\n }\n\n padding: 0 $gutter-half;\n @include box-sizing(border-box);\n}\n\n\n// OLD deprecated grid mixins\n// You should migrate to the mixins above in the future\n\n// Outer block sets a max width\n@mixin outer-block {\n @warn \"The @mixin outer-block is deprecated and should be updated to use new grid helpers\";\n margin: 0 auto;\n width: auto;\n max-width: 960 + $gutter * 2;\n @extend %contain-floats;\n\n @include ie-lte(8) {\n width: 1020px;\n }\n}\n\n// Inner block sets either margin or padding\n// to align content with header and footer\n@mixin inner-block($margin-or-padding: padding) {\n @warn \"The @mixin inner-block is deprecated and should be updated to use new grid helpers\";\n #{$margin-or-padding}-left: $gutter-half;\n #{$margin-or-padding}-right: $gutter-half;\n\n @include media(tablet) {\n #{$margin-or-padding}-left: $gutter;\n #{$margin-or-padding}-right: $gutter;\n }\n}\n","// Measurements used across GOV.UK\n\n$full-width: 100%;\n$one-quarter: $full-width / 4;\n$one-third: $full-width / 3;\n$half: $full-width / 2;\n$two-thirds: ($full-width) - ($one-third);\n$three-quarters: ($full-width) - ($one-quarter);\n\n$gutter: 30px;\n$gutter-one-quarter: $gutter / 4;\n$gutter-one-third: $gutter / 3;\n$gutter-half: $gutter / 2;\n$gutter-two-thirds: $gutter - $gutter-one-third;\n","// Helpers\n// ==========================================================================\n\n// Return ems from a pixel value\n// This assumes a base of 19px\n@function em($px, $base: 19) {\n @return ($px / $base) + em;\n}\n\n// Hide, but not for screenreaders\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n}\n\n.visually-hidden,\n.visuallyhidden {\n @include visually-hidden;\n}\n","@import 'font_stack';\n@import 'conditionals';\n@import 'device-pixels';\n@import 'url-helpers';\n\n// GOV.UK typography palettes\n\n// ANATOMY OF A TYPE STYLE\n// -----------------------\n// These are a collection of graphic styles. They are deliberately\n// abstracted from semantic HTML context to enable flexible re-use.\n// Although there is a lot of duplication within this file, as long\n// as you GZIP your CSS it shouldnt cause any bloat.\n\n\n// CORE FONTS - NEW TRANSPORT\n\n// Allow uppercase letters in font stack variable names\n// scss-lint:disable NameFormat\n\n$is-print: false !default;\n\n@mixin _core-font-generator($font-size: 19px, $font-size-640: 16px, $font-size-print: 14pt, $line-height: (25 / 19), $line-height-640: (20 / 16), $tabular-numbers: false, $font-weight: 400) {\n @if $tabular-numbers == true {\n font-family: $toolkit-font-stack-tabular;\n } @else if $is-print {\n font-family: $Print-reset;\n } @else {\n font-family: $toolkit-font-stack;\n @if $toolkit-font-stack == \"$NTA-Light\" {\n @if $font-weight > 400 {\n font-size-adjust: 0.525;\n } @else {\n font-size-adjust: 0.5;\n }\n }\n }\n font-weight: $font-weight;\n text-transform: none;\n\n @if $is-print {\n font-size: $font-size-print;\n line-height: $line-height;\n\n } @else {\n font-size: $font-size-640;\n line-height: $line-height-640;\n\n @include media(tablet) {\n font-size: $font-size;\n line-height: $line-height;\n }\n }\n}\n// scss-lint:enable NameFormat\n\n@mixin core-80($line-height: (80 / 80), $line-height-640: (55 / 53), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 80px;\n $font-size-640: 53px;\n $font-size-print: 28pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-48($line-height: (50 / 48), $line-height-640: (35 / 32), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 48px;\n $font-size-640: 32px;\n $font-size-print: 18pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-36($line-height: (40 / 36), $line-height-640: (25 / 24), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 36px;\n $font-size-640: 24px;\n $font-size-print: 18pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-27($line-height: (30 / 27), $line-height-640: (20 / 18), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 27px;\n $font-size-640: 20px;\n $font-size-print: 16pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-24($line-height: (30 / 24), $line-height-640: (24 / 20), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 24px;\n $font-size-640: 18px;\n $font-size-print: 16pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-19($line-height: (25 / 19), $line-height-640: (20 / 16), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 19px;\n $font-size-640: 16px;\n $font-size-print: 14pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-16($line-height: (20 / 16), $line-height-640: (16 / 14), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 16px;\n $font-size-640: 14px;\n $font-size-print: 12pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin core-14($line-height: (20 / 14), $line-height-640: (15 / 12), $tabular-numbers: false, $font-weight: 400) {\n $font-size: 14px;\n $font-size-640: 12px;\n $font-size-print: 11pt;\n @include _core-font-generator($font-size, $font-size-640, $font-size-print, $line-height, $line-height-640, $tabular-numbers, $font-weight);\n}\n\n@mixin bold-80($line-height: (80 / 80), $line-height-640: (55 / 53), $tabular-numbers: false) {\n @include core-80($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-48($line-height: (50 / 48), $line-height-640: (35 / 32), $tabular-numbers: false) {\n @include core-48($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-36($line-height: (40 / 36), $line-height-640: (25 / 24), $tabular-numbers: false) {\n @include core-36($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-27($line-height: (30 / 27), $line-height-640: (20 / 18), $tabular-numbers: false) {\n @include core-27($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-24($line-height: (30 / 24), $line-height-640: (24 / 20), $tabular-numbers: false) {\n @include core-24($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-19($line-height: (25 / 19), $line-height-640: (20 / 16), $tabular-numbers: false) {\n @include core-19($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-16($line-height: (20 / 16), $line-height-640: (16 / 14), $tabular-numbers: false) {\n @include core-16($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin bold-14($line-height: (20 / 14), $line-height-640: (15 / 12), $tabular-numbers: false) {\n @include core-14($line-height, $line-height-640, $tabular-numbers: $tabular-numbers, $font-weight: 700);\n}\n\n@mixin heading-80($tabular-numbers: false) {\n @include core-80($tabular-numbers: $tabular-numbers);\n\n display: block;\n\n padding-top: 8px;\n padding-bottom: 7px;\n\n @include media(tablet) {\n padding-top: 6px;\n padding-bottom: 14px;\n }\n}\n\n@mixin heading-48($tabular-numbers: false) {\n @include core-48($tabular-numbers: $tabular-numbers);\n\n display: block;\n\n padding-top: 10px;\n padding-bottom: 10px;\n\n @include media(tablet) {\n padding-top: 7px;\n padding-bottom: 13px;\n }\n}\n\n@mixin heading-36($tabular-numbers: false) {\n @include core-36($tabular-numbers: $tabular-numbers);\n\n display: block;\n\n padding-top: 8px;\n padding-bottom: 7px;\n\n @include media(tablet) {\n padding-top: 6px;\n padding-bottom: 9px;\n }\n}\n\n@mixin heading-27($tabular-numbers: false) {\n @include core-27($tabular-numbers: $tabular-numbers);\n\n display: block;\n\n padding-top: 8px;\n padding-bottom: 7px;\n\n @include media(tablet) {\n padding-top: 4px;\n padding-bottom: 6px;\n }\n}\n\n@mixin heading-24($tabular-numbers: false) {\n @include core-24($tabular-numbers: $tabular-numbers);\n\n display: block;\n\n padding-top: 9px;\n padding-bottom: 6px;\n\n @include media(tablet) {\n padding-top: 6px;\n padding-bottom: 4px;\n }\n}\n\n@mixin copy-19($tabular-numbers: false) {\n @include core-19($tabular-numbers: $tabular-numbers);\n\n padding-top: 2px;\n padding-bottom: 8px;\n\n @include media(tablet) {\n padding-top: 0;\n padding-bottom: 5px;\n }\n}\n\n@mixin copy-16($tabular-numbers: false) {\n @include core-16($tabular-numbers: $tabular-numbers);\n\n padding-top: 8px;\n padding-bottom: 7px;\n\n @include media(tablet) {\n padding-top: 5px;\n padding-bottom: 5px;\n }\n}\n\n@mixin copy-14($tabular-numbers: false) {\n @include core-14($tabular-numbers: $tabular-numbers);\n\n padding-top: 8px;\n padding-bottom: 7px;\n\n @include media(tablet) {\n padding-top: 5px;\n padding-bottom: 5px;\n }\n}\n","// New Transport Light\n$nta-light: 'Roboto', arial, helvetica, verdana;\n$nta-light-tabular: 'ntatabularnumbers', $nta-light;\n\n// Helvetica Regular\n$helvetica-regular: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;\n\n// Allow font stack to be overridden\n// Not all apps using toolkit use New Transport\n$toolkit-font-stack: $nta-light !default;\n$toolkit-font-stack-tabular: $nta-light-tabular !default;\n\n// Font reset for print\n$print-reset: sans-serif;\n\n// Fallback variable names after renaming previous uppercase names to be lowercase\n// @deprecated, please only use the lowercase versions\n// Make an exception to the linting as these are still used a lot\n// scss-lint:disable NameFormat\n$NTA-Light: $nta-light;\n$NTA-Light-Tabular: $nta-light-tabular;\n$Helvetica-Regular: $helvetica-regular;\n$Print-reset: $print-reset;\n","// DIT colour palette\n\n// Red\n$flag-red: #b00d23; // rgb(176, 13, 35)\n$great-red: #e41f13; // rgb(228, 31, 19)\n$great-red-alt: #ef5f56; // rgb(239, 95, 86)\n\n// Grey\n$light-grey: #d8d8d8; // rgb(216, 216, 216)\n$mid-grey: #666666;\n$grey: #333333; // rgb( 51, 51, 51)\n\n\n// White\n$offwhite: #fafafa; // rgb(220, 224, 223)\n$white: #ffffff; // rgb(255, 255, 255)\n\n// Blue\n$active-blue: #006ccc; // rgb(0, 108, 204)\n$active-blue-alt: #328dc2; // rgb(50, 141, 194)\n$active-blue-disabled: #9bc6e9; // rgb(155, 198, 233)\n$dark-blue: #132965; // rgb(19, 41, 101)\n$dark-navy: #160d37; // rgb(22, 13, 55)\n$great-blue: #1e1348; // rgb(30, 19, 72)\n$lightened-great-blue: #3b3458;\n$mid-blue: #00549f; // rgb(0, 84, 159)\n$hero-blue: rgba(0, 82, 157, 0.8);\n$aqua: #007ea3; // rgb(0, 126, 163)\n$teal: #00a699;\n$light-blue: #2b8cc4; // from govuk elements\n$light-aqua: #8ae2fb; // rgb(138, 226, 251)\n\n// Other\n$black: #000000; // rgb(0, 0, 0)\n$focus-yellow: #ffbf47; // rgb(255, 191, 71)\n$purple: #4f0b7b; // rgb( 79, 11, 123)\n\n// Stone\n$stone: #dfd5c5; // rgb(223, 213, 197)\n$stone-90: #e2d9cb;\n$stone-80: #e5ddd1;\n$stone-70: #e9e2d6;\n$stone-60: #ece6dc;\n$stone-50: #efeae2;\n$stone-40: #f2eee8;\n$stone-30: #f5f2ed; // rgb(245, 242, 237)\n$stone-20: #fcfbf9;\n$stone-10: #fdfdfc;\n\n$stone-light: #f5f2ed; // rgb(245, 242, 237)\n$tap-highlight: rgba(0, 0, 0, 0.3);\n","// Brand colours\n$govuk-blue: #005ea5;\n$mainstream-brand: $govuk-blue;\n\n// Standard palette, colours\n$purple: #2e358b;\n$purple-50: #9799c4;\n$purple-25: #d5d6e7;\n$mauve: #6f72af;\n$mauve-50: #b7b9d7;\n$mauve-25: #e2e2ef;\n$fuschia: #912b88;\n$fuschia-50: #c994c3;\n$fuschia-25: #e9d4e6;\n$pink: #d53880;\n$pink-50: #eb9bbe;\n$pink-25: #f6d7e5;\n$baby-pink: #f499be;\n$baby-pink-50: #faccdf;\n$baby-pink-25: #fdebf2;\n$red: #b10e1e;\n$red-50: #d9888c;\n$red-25: #efcfd1;\n$mellow-red: #df3034;\n$mellow-red-50: #ef9998;\n$mellow-red-25: #f9d6d6;\n$orange: #f47738;\n$orange-50: #fabb96;\n$orange-25: #fde4d4;\n$brown: #b58840;\n$brown-50: #dac39c;\n$brown-25: #f0e7d7;\n$yellow: #ffbf47;\n$yellow-50: #ffdf94;\n$yellow-25: #fff2d3;\n$grass-green: #85994b;\n$grass-green-50: #c2cca3;\n$grass-green-25: #e7ebda;\n$green: #006435;\n$green-50: #7fb299;\n$green-25: #cce0d6;\n$turquoise: #28a197;\n$turquoise-50: #95d0cb;\n$turquoise-25: #d5ecea;\n$light-blue: #2b8cc4;\n$light-blue-50: #96c6e2;\n$light-blue-25: #d5e8f3;\n\n// Standard palette, greys\n$black: #0b0c0c;\n$grey-1: #6f777b;\n$grey-2: #bfc1c3;\n$grey-3: #dee0e2;\n$grey-4: #f8f8f8;\n$white: #fff;\n\n// Semantic colour names\n$link-colour: $govuk-blue;\n$link-active-colour: $light-blue;\n$link-hover-colour: $light-blue;\n$link-visited-colour: #4c2c92;\n$button-colour: #00823b;\n$focus-colour: $yellow;\n$text-colour: $black; // Standard text colour\n$secondary-text-colour: $grey-1; // Section headers, help text etc.\n$border-colour: $grey-2; // Borders, seperators, rules, keylines etc.\n$panel-colour: $grey-3; // Related links panel, page footer etc.\n$canvas-colour: $grey-4; // Page background\n$highlight-colour: $grey-4; // Table stripes etc.\n$page-colour: $white; // The page\n$discovery-colour: $govuk-blue; // Discovery badges and banners\n$alpha-colour: $govuk-blue; // Alpha badges and banners\n$beta-colour: $govuk-blue; // Beta badges and banners\n$live-colour: $grass-green; // Live badges and banners\n$banner-text-colour: #000; // Text colour for Alpha & Beta banners\n$error-colour: $red; // Error text and border colour\n$error-background: #fef7f7; // Error background colour\n","// We use `websafe` to mean strong enough contrast against white to\n// be used for copy and meet the AAA (large text) and AA (smaller\n// copy) WCAG guidelines.\n\n$attorney-generals-office: #9f1888;\n$attorney-generals-office-websafe: #a03a88;\n$cabinet-office: #005abb;\n$cabinet-office-websafe: #347da4;\n$civil-service: #af292e;\n$department-for-business-innovation-skills: #003479;\n$department-for-business-innovation-skills-websafe: #347da4;\n$department-for-communities-and-local-government: #00857e;\n$department-for-communities-and-local-government-websafe: #37836e;\n$department-for-culture-media-sport: #d40072;\n$department-for-culture-media-sport-websafe: #a03155;\n$department-for-education: #003a69;\n$department-for-education-websafe: #347ca9;\n$department-for-environment-food-rural-affairs: #00a33b;\n$department-for-environment-food-rural-affairs-websafe: #008938;\n$department-for-international-development: #002878;\n$department-for-international-development-websafe: #405e9a;\n$department-for-international-trade: #CF102D;\n$department-for-international-trade-websafe: $link-colour;\n$department-for-transport: #006c56;\n$department-for-transport-websafe: #398373;\n$department-for-work-pensions: #00beb7;\n$department-for-work-pensions-websafe: #37807b;\n$department-of-energy-climate-change: #009ddb;\n$department-of-energy-climate-change-websafe: #2b7cac;\n$department-of-health: #00ad93;\n$department-of-health-websafe: #39836e;\n$foreign-commonwealth-office: #003e74;\n$foreign-commonwealth-office-websafe: #406e97;\n$government-equalities-office: #9325b2;\n$hm-government: #0076c0;\n$hm-government-websafe: #347da4;\n$hm-revenue-customs: #009390;\n$hm-revenue-customs-websafe: #008670;\n$hm-treasury: #af292e;\n$hm-treasury-websafe: #832322;\n$home-office: #9325b2;\n$home-office-websafe: #9440b2;\n$ministry-of-defence: #4d2942;\n$ministry-of-defence-websafe: #5a5c92;\n$ministry-of-justice: #231f20;\n$ministry-of-justice-websafe: #5a5c92;\n$northern-ireland-office: #002663;\n$northern-ireland-office-websafe: #3e598c;\n$office-of-the-advocate-general-for-scotland: #002663;\n$office-of-the-advocate-general-for-scotland-websafe: $link-colour;\n$office-of-the-leader-of-the-house-of-lords: #9c132e;\n$office-of-the-leader-of-the-house-of-lords-websafe: #c2395d;\n$scotland-office: #002663;\n$scotland-office-websafe: #405c8a;\n// Note: the 'the' part here will get dropped\n$the-office-of-the-leader-of-the-house-of-commons: #317023;\n$the-office-of-the-leader-of-the-house-of-commons-websafe: #005f8f;\n$uk-export-finance: #005747;\n$uk-export-finance-websafe: $link-colour;\n$uk-trade-investment: #C80651;\n$uk-trade-investment-websafe: $link-colour;\n$wales-office: #a33038;\n$wales-office-websafe: #7a242a;\n\n// All organisation colours in a list\n// (class_name, brand colour, WCAG acceptible text colour)\n//\n// example usage:\n// @each $organisation in $all-organisation-brand-colours {\n// .#{nth($organisation, 1)} {\n// border-color: nth($organisation, 2);\n// }\n// }\n\n$all-organisation-brand-colours:\n 'attorney-generals-office' $attorney-generals-office $attorney-generals-office-websafe,\n 'cabinet-office' $cabinet-office $cabinet-office-websafe,\n 'civil-service' $civil-service $civil-service,\n 'department-for-business-innovation-skills' $department-for-business-innovation-skills $department-for-business-innovation-skills-websafe,\n 'department-for-communities-and-local-government' $department-for-communities-and-local-government $department-for-communities-and-local-government-websafe,\n 'department-for-culture-media-sport' $department-for-culture-media-sport $department-for-culture-media-sport-websafe,\n 'department-for-education' $department-for-education $department-for-education-websafe,\n 'department-for-environment-food-rural-affairs' $department-for-environment-food-rural-affairs $department-for-environment-food-rural-affairs-websafe,\n 'department-for-international-development' $department-for-international-development $department-for-international-development-websafe,\n 'department-for-international-trade' $department-for-international-trade $department-for-international-trade-websafe,\n 'department-for-transport' $department-for-transport $department-for-transport-websafe,\n 'department-for-work-pensions' $department-for-work-pensions $department-for-work-pensions-websafe,\n 'department-of-energy-climate-change' $department-of-energy-climate-change $department-of-energy-climate-change-websafe,\n 'department-of-health' $department-of-health $department-of-health-websafe,\n 'foreign-commonwealth-office' $foreign-commonwealth-office $foreign-commonwealth-office-websafe,\n 'hm-government' $hm-government $hm-government-websafe,\n 'hm-revenue-customs' $hm-revenue-customs $hm-revenue-customs-websafe,\n 'hm-treasury' $hm-treasury $hm-treasury-websafe,\n 'home-office' $home-office $home-office-websafe,\n 'ministry-of-defence' $ministry-of-defence $ministry-of-defence-websafe,\n 'ministry-of-justice' $ministry-of-justice $ministry-of-justice-websafe,\n 'northern-ireland-office' $northern-ireland-office $northern-ireland-office-websafe,\n 'office-of-the-advocate-general-for-scotland' $office-of-the-advocate-general-for-scotland $office-of-the-advocate-general-for-scotland-websafe,\n 'office-of-the-leader-of-the-house-of-lords' $office-of-the-leader-of-the-house-of-lords $office-of-the-leader-of-the-house-of-lords-websafe,\n 'scotland-office' $scotland-office $scotland-office-websafe,\n 'the-office-of-the-leader-of-the-house-of-commons' $the-office-of-the-leader-of-the-house-of-commons $the-office-of-the-leader-of-the-house-of-commons-websafe,\n 'uk-export-finance' $uk-export-finance $uk-export-finance-websafe,\n 'uk-trade-investment' $uk-trade-investment $uk-trade-investment-websafe,\n 'wales-office' $wales-office $wales-office-websafe;\n"]}