@charset "UTF-8"; /*! PANCAKE v1.0.15 PANCAKE-SASS v1.0.10 */ /** * Sass versioning * * @description Version your scss modules and test them at compile time * @author @dominikwilkowski * @website https://dominikwilkowski.github.io/sass-versioning/sassdoc/ * @repository https://github.com/dominikwilkowski/sass-versioning * @license https://raw.githubusercontent.com/dominikwilkowski/sass-versioning/master/LICENSE GPL-3.0 */ /*! @gov.au/core v0.1.0 */ /** * Breakpoints */ /** * Line-height (‘leading’) */ /** * Font stacks */ /** * max-width for line lengths (the ‘measure’) */ /** * Colours */ /** * Border vars and styles */ /** * Clearing floats */ /** * Create media queries and wraps the @content code inside of it * * @param {keywords} $breakpoint - Either one of the following keywords: xs, sm, md, lg * * @return {string} - The code passed in via @content wrapped inside a media query */ /** * Hide an element from the screen but not a screen reader */ /** * The outline for focus */ /** * Add the outline to focus */ /** * Return a space value based on the line-height and the unit em * * @param {number} $number - The space as a multiplier of line-height * @param {number} $number - The line-height [optional] * * @return {number} - The space in ems */ /** * Replace a string with a string * http://codepen.io/jakob-e/pen/doMoML * * @author @eriksen_dk * * @param {string} $string - The haystack string to be manipulated * @param {string} $search - The needle to be replace * @param {string} $replace - The replacement * * @return {string} - The manipulated string with replaced values */ /** * Generate an optimized SVG data-uri for * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris * http://codepen.io/jakob-e/pen/doMoML * * @author @eriksen_dk * * @param {string} $svg - The SVG to be converted * * @return {string} - An optimized data-uri */ /** * Returns the factorial of a non-negative integer. * https://github.com/terkel/mathsass * * @author Pascal Duez @pascalduez * * @param {integer} $number - A non-negative integer. * * @return {integer} - The factorial log */ /** * Returns base to the exponent power. * https://github.com/terkel/mathsass * * @author Pascal Duez @pascalduez * * @param {integers} $base - The base number * @param {integers} $exponent - The exponent to which to raise base * * @return {integers} - The result of the math */ /** * Calculate color luminance * * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef * * @author Pelle Wessman @voxpelli * * @param {string} $colour - The color to calculate the luminance from * * @return {float} - The luminance */ /** * Get the contrast ratio of two colors and warn when it is below WCAG 2.0 AA standard 4.5:1 * * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef * * @author Pelle Wessman @voxpelli * * @param {string} $forground - Color one * @param {string} $background - Color two * * @return {integer} - The contrast ratio */ /*! @gov.au/body v0.1.1 */ @media print { .uikit-body * { text-shadow: none !important; color: #000 !important; background: #fff !important; box-shadow: none !important; border-color: #000 !important; } .uikit-body a, .uikit-body a:visited { text-decoration: underline; } .uikit-body a[href]:after { content: " (" attr(href) ")"; } .uikit-body abbr[title]:after { content: " (" attr(title) ")"; } .uikit-body a[href^="javascript:"]:after, .uikit-body a[href^="#"]:after { content: ""; } .uikit-body a[rel~='external']:after { display: none !important; } .uikit-body pre, .uikit-body blockquote { border: 1px solid #000; padding: 6px; page-break-inside: avoid; } .uikit-body thead { display: table-header-group; } .uikit-body tr, .uikit-body img { page-break-inside: avoid; } .uikit-body img { max-width: 100% !important; } .uikit-body p, .uikit-body h2, .uikit-body h3 { orphans: 3; widows: 3; } .uikit-body h2, .uikit-body h3 { page-break-after: avoid; } .uikit-body p a { word-wrap: break-word; } .uikit-body select { background: #fff !important; } } .uikit-body { margin: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.6; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; /** * Highlighting in-page sections that are in focus */ /** * Text selection and `mark` styling. */ /** * Vertical spacing of common text elements. */ /** * Emphasis and alt. voice/mood/diff. from prose text. */ /** * Important (leaving `b` out for now (and `u` also)). */ /** * `small`: for less important information (not stylistic purposes). */ /** * `s`: represents contents no longer accurate/relevant. */ /** * `del` & `ins`: editorial markup. * */ /** * Defining definition of a term. * * The paragraph, description list group, or section that is the nearest * ancestor of the `dfn` element must also contain the definition(s) for the term * given by the `dfn` element. * * Note: `abbr` can be nested inside `dfn`. */ /** * Abbreviations/acronyms. * * This styling removes any custom casing (mixing of u&lc chars in the `abbr`). * * Todo: test font stack fallbacks with the font-size adj. */ /** * Variables, eg. as used in mathematical expressions. * * We also provide semantic support for nested vars, and things like indices. */ /** * Code snippets and code blocks. */ /** * Pre-formatted text set by typographic characters. */ /** * Keyboard strokes. */ /** * Horizontal rule, used for paragraph-level thematic breaks. */ } .uikit-body a { -webkit-text-decoration-skip: objects; color: #313131; text-decoration: none; border-bottom: solid 1px #1B7991; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out; } .uikit-body a:hover, .uikit-body a:focus { background-color: #5bcbe3; border-color: transparent; } .uikit-body a:focus { outline: 1px solid #313131; outline-offset: 1px; } .uikit-body a[rel~='external']:after { content: ' '; display: inline-block; width: 0.7em; height: 0.8em; margin: 0 0.1em 0 0.25em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%231B7991' d='M24.002 8C15.155 8 8 15.164 8 24.002v79.996C8 112.845 15.164 120 24.002 120h79.996c8.847 0 16.002-7.164\a 16.002-16.002V82.005c0-1.107-.895-2.005-1.994-2.005h-12.012c-1.1 0-1.994.893-1.994 1.995v16.008c0 3.312-2.685 5.997-5.997 5.997H29.997C26.685\a 104 24 101.315 24 98.003V29.997C24 26.685 26.685 24 29.997 24h16.008C47.107 24 48 23.105 48 22.006V9.994C48 8.894 47.103 8 45.995 8H24.002z'/%3E\a %3Cpath fill='%231B7991' d='M127.416.584c-.36-.36-.86-.584-1.41-.584H73.994C72.904 0 72 .893 72 1.994v12.012c0 1.1.892 1.994 1.993 1.994H96L49.41\a 62.59c-.777.777-.774 2.046.01 2.83l13.16 13.16c.793.793 2.052.788 2.83.01L112 32v22.007c0 1.09.893 1.993 1.994 1.993h12.012c1.1 0 1.994-.892\a 1.994-1.993V1.993c0-.545-.223-1.043-.584-1.405V.584z'/%3E\a %3C/svg%3E"); background-repeat: no-repeat; background-position-y: 0.12em; } .ie8 .uikit-body a[rel~='external']:after, .lt-ie8 .uikit-body a[rel~='external']:after { content: '⇗'; color: #1B7991; } .uikit-body [tabindex="0"]:focus, .uikit-body :target { outline: 1px solid #313131; outline-offset: 1px; } .uikit-body mark, .uikit-body ::-moz-selection { background-color: rgba(250, 194, 102, 0.5); } .uikit-body mark, .uikit-body ::selection { background-color: rgba(250, 194, 102, 0.5); } .uikit-body p { max-width: 42em; margin: 0 0 1.6em 0; } .uikit-body ul, .uikit-body ol, .uikit-body dl, .uikit-body pre { margin-top: 0; margin-bottom: 1.6em; } .uikit-body ul, .uikit-body ol, .uikit-body dd { margin-left: 0; padding-left: 1.6em; } .uikit-body ul > li, .uikit-body ol > li { margin-bottom: 0.4em; } .uikit-body ul > li > ul, .uikit-body ul > li > ol, .uikit-body ol > li > ul, .uikit-body ol > li > ol { margin-top: 0.4em; margin-bottom: 0.8em; } .uikit-body ul > ul, .uikit-body ol > ul { list-style-type: disc; } .uikit-body dl > dd { margin-bottom: 1.6em; } .uikit-body dl > dt { font-weight: bold; margin-top: 0.8em; margin-bottom: 0.8em; } .uikit-body dl > dt:first-of-type { margin-top: 0; } .uikit-body em, .uikit-body i { font-style: italic; } .uikit-body strong { font-weight: bold; } .uikit-body small { font-size: 87.5%; color: #464646; } .uikit-body s { text-decoration: line-through; } .uikit-body del { text-decoration: line-through; color: #5a5a5a; } .uikit-body ins { -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } .uikit-body dfn { font-style: normal; } .uikit-body abbr, .uikit-body abbr[title] { font-size: 18px; font-variant: small-caps; text-transform: lowercase; letter-spacing: 1px; text-decoration: none; border-bottom: 1px dotted #555; cursor: help; } .uikit-body a abbr { padding-bottom: 1px; } .uikit-body var { padding: 0 1px; font-style: italic; font-family: serif; } .uikit-body var sup, .uikit-body var sub { font-family: "Open Sans", Verdana, "Bitstream Vera Sans", sans-serif; font-style: normal; padding: 0 1px; } .uikit-body sub, .uikit-body sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .uikit-body sub { bottom: -0.25em; } .uikit-body sup { top: -0.5em; } .uikit-body code, .uikit-body kbd, .uikit-body pre { font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; } .uikit-body pre code, .uikit-body pre samp, .uikit-body pre kbd { font-size: 14px; } .uikit-body kbd { display: inline-block; font-size: 14px; border: solid 1px #1B7991; border-radius: 3px; box-shadow: 0 1px 0 0 #1B7991; background-color: #fefefe; text-align: center; padding: 0 0.8em; margin: 0 2px; } .uikit-body hr { box-sizing: content-box; height: 0; overflow: visible; border: none; border-top: 1px solid #555; margin-bottom: 1.6em; } /*! @gov.au/link-list v0.1.0 */ /** * Block of links. */ .uikit-link-list { display: block; list-style-type: none; } .uikit-body .uikit-link-list { margin: 0; padding: 0.4em 0; } .uikit-link-list > li { display: block; margin: 0.4em; } .uikit-link-list.uikit-link-list--inline { display: inline-block; } .uikit-link-list.uikit-link-list--inline > li { display: inline-block; } .uikit-link-list.uikit-link-list--inverted { background-color: #313131; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uikit-link-list.uikit-link-list--inverted > li > a { color: #fff; border-color: #5bcbe3; transition: color 0.1s ease-in-out; } .uikit-link-list.uikit-link-list--inverted > li > a:hover, .uikit-link-list.uikit-link-list--inverted > li > a:focus { background-color: #5bcbe3; color: #313131; } /*! @gov.au/breadcrumbs v0.1.0 */ @media print { .uikit-breadcrumbs > .uikit-link-list > li:after { border-color: #000 !important; } } .uikit-breadcrumbs { display: none; width: 100%; margin: 0; color: #313131; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } @media (min-width: 768px) { .uikit-breadcrumbs { display: inline-block; } } .uikit-breadcrumbs > .uikit-link-list > li { margin: 0; } .uikit-breadcrumbs > .uikit-link-list > li:after { content: ' '; display: inline-block; width: 0.8em; height: 0.8em; margin: 0 0.8em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23555' d='M128 64l-64 64-16-16 64-64'/%3E\a %3Cpath fill='%23555' d='M128 64l-16 16-64-64L64 0'/%3E\a %3C/svg%3E"); } .uikit-breadcrumbs > .uikit-link-list > li:last-child:after { display: none; } .ie8 .uikit-breadcrumbs > .uikit-link-list > li:after, .lt-ie8 .uikit-breadcrumbs > .uikit-link-list > li:after { content: ' > '; display: inline-block; border: none; } .uikit-breadcrumbs.uikit-breadcrumbs--inverted { color: #fff; } .uikit-breadcrumbs.uikit-breadcrumbs--inverted > .uikit-link-list > li:not(:last-child):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23fff' d='M128 64l-64 64-16-16 64-64'/%3E\a %3Cpath fill='%23fff' d='M128 64l-16 16-64-64L64 0'/%3E\a %3C/svg%3E"); } /*! @gov.au/buttons v0.3.0 */ @media print { .uikit-btn { background-color: #fff !important; border: 2px solid #000 !important; color: #000 !important; } .uikit-btn:disabled { background-color: #ccc !important; } } .uikit-btn { display: inline-block; -webkit-appearance: none; border: none; background: none; font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold; color: #fff; text-decoration: none; border-radius: 3px; background-color: #1B7991; padding: 0.8em 1.2em; cursor: pointer; transition: background 0.1s ease; } .uikit-btn:focus, .uikit-btn:hover { background-color: #135566; } .uikit-btn:focus { outline: 1px solid #313131; outline-offset: 1px; } .uikit-btn:disabled { background-color: #cccccc; font-weight: normal; color: #313131; border: 1px dotted #313131; cursor: not-allowed; } .uikit-btn:disabled:focus, .uikit-btn:disabled:hover { background-color: #cccccc; } /** * SECONDARY */ .uikit-btn--secondary { background-color: #313131; } .uikit-btn--secondary:focus, .uikit-btn--secondary:hover { background-color: #6f6f6f; } /** * TERTIARY */ .uikit-btn--tertiary { background-color: #fff; color: #313131; border: 1px solid #1B7991; } .uikit-btn--tertiary:focus, .uikit-btn--tertiary:hover { background-color: #e8f2f4; } /** * BLOCK */ .uikit-btn--block { display: block; width: 100%; box-sizing: border-box; text-align: center; } .uikit-btn--block + .uikit-btn--block { margin-top: 0.4em; } /*! @gov.au/callout v0.1.1 */ @media print { .uikit-callout { border-top: 1px solid #000 !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; } } /** * The generic callout. */ .uikit-callout { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; line-height: 1.6; margin: 1.6em 0.4em; padding: 1.2em 1.2em 1.2em 0.8em; border-left: 6px solid #1B7991; border-radius: 3px; box-shadow: 2px 0 6px rgba(49, 49, 49, 0.7); max-width: 42em; } .uikit-callout :first-child { margin-top: 0; } .uikit-callout :last-child { margin-bottom: 0; } .ie8 .uikit-callout, .lt-ie8 .uikit-callout { border-top: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555; } /** * The calendar event callout */ .uikit-callout--calendar-event { background-color: #f0f3f5; } .uikit-callout--calendar-event__lede, .uikit-callout--calendar-event__time, .uikit-callout--calendar-event__name { display: block; } .uikit-callout--calendar-event__lede, .uikit-callout--calendar-event__time, .uikit-callout--calendar-event__name { margin-bottom: 0.8em; } .uikit-callout--calendar-event__lede { font-size: 18px; } .uikit-callout--calendar-event__time, .uikit-callout--calendar-event__name { font-size: 32px; } .uikit-callout--calendar-event__time { font-weight: bold; margin-bottom: 0; } /*! @gov.au/control-input v0.1.0 */ @media print { .uikit-control-input__text:after { display: none !important; } } .uikit-control-input { display: inline-block; position: relative; } .uikit-control-input__input { display: inline-block; line-height: 1.6; margin: 0 0px 0 7px; } .uikit-control-input__input:hover { cursor: pointer; } .uikit-control-input__input:hover + .uikit-control-input__text { cursor: pointer; } .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E\a %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E\a %3C/svg%3E"); } .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E\a %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E\a %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E\a %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68 41.42\a 53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E\a %3C/svg%3E"); } .uikit-control-input--full > .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E\a %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E\a %3C/svg%3E"); } .uikit-control-input--full > .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E\a %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E\a %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E\a %3C/svg%3E"); } .uikit-control-input__input[type=radio] + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E\a %3C/svg%3E"); } .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E\a %3Cpath fill='%23fff' fill-rule='nonzero' d='M94.588 53.412c.78-.78.784-2.04 0-2.824l-9.176-9.176c-.78-.78-2.05-.775-2.82-.004L56 68 45.412\a 57.412c-.78-.78-2.04-.784-2.824 0l-9.176 9.176c-.78.78-.782 2.042 0 2.824l21.176 21.176c.78.78 2.04.784 2.824 0l37.176-37.176z'/%3E\a %3C/svg%3E"); } .uikit-control-input--full > .uikit-control-input__input[type=radio] + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E\a %3C/svg%3E"); } .uikit-control-input--full > .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E\a %3C/svg%3E"); } .uikit-control-input__input:checked + .uikit-control-input__text { font-weight: bold; } .uikit-control-input__input:focus + .uikit-control-input__text { outline: 1px solid #313131; outline-offset: 1px; } .uikit-control-input__input:disabled + .uikit-control-input__text { color: #6f6f6f; } .uikit-control-input__input:disabled + .uikit-control-input__text:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='rgba(255, 255, 255, 0.3)' d='M0 0h128v128H0z'/%3E\a %3C/svg%3E"); z-index: 2; } .uikit-control-input__input:disabled:hover { cursor: not-allowed; } .uikit-control-input__input:disabled:hover + .uikit-control-input__text { cursor: not-allowed; } /** * The label text */ .uikit-control-input__text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; line-height: 1.6; font-size: 17px; margin-left: 12px; } .uikit-control-input__text:before, .uikit-control-input__text:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 27px; height: 27px; background-repeat: no-repeat; z-index: 1; } /*! @gov.au/footer v0.1.0 */ @media print { .uikit-footer { background: #fff !important; border-color: #000 !important; } } /** * Basic footer block styling. */ .uikit-footer { background-color: #f0f3f5; border-top: 6px solid #555; padding: 1.6em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; } .uikit-footer p:last-child { margin: 0; } /** * Footer `nav` navigation styling. */ .uikit-footer__navigation .uikit-link-list > li { margin-left: 0; } .uikit-footer__navigation + .uikit-footer__end { padding-top: 1.6em; border-top: 1px solid #555; margin-top: 1.6em; } /*! @gov.au/grid-12 v0.1.0 */ /** * Iterates through all 12 columns (≥2) to calculate the correct amount of left * and right padding for each of the classes. */ /** * Iterates through the columns to create a new list and then sets the float. */ /** * Calculates the correct widths as a percentage based on the column count, * column breakpoint class, and type (pull or offset). */ /** * Calls the above mixins and combines them. */ /** * Finally, we create the grid and all the necessary classes. */ .uikit-grid .container { box-sizing: border-box; } @media (min-width: 768px) { .uikit-grid .container { width: 744px; } } @media (min-width: 992px) { .uikit-grid .container { width: 968px; } } @media (min-width: 1200px) { .uikit-grid .container { width: 1176px; } } .uikit-grid .container, .uikit-grid .container-fluid { box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .uikit-grid .container:before, .uikit-grid .container:after, .uikit-grid .container-fluid:before, .uikit-grid .container-fluid:after { content: " "; display: table; } .uikit-grid .container:after, .uikit-grid .container-fluid:after { clear: both; } .uikit-grid .row { margin-left: -12px; margin-right: -12px; } .uikit-grid .row:before, .uikit-grid .row:after { content: " "; display: table; } .uikit-grid .row:after { clear: both; } .uikit-grid .col-xs-1, .uikit-grid .col-sm-1, .uikit-grid .col-md-1, .uikit-grid .col-lg-1, .uikit-grid .col-xs-2, .uikit-grid .col-sm-2, .uikit-grid .col-md-2, .uikit-grid .col-lg-2, .uikit-grid .col-xs-3, .uikit-grid .col-sm-3, .uikit-grid .col-md-3, .uikit-grid .col-lg-3, .uikit-grid .col-xs-4, .uikit-grid .col-sm-4, .uikit-grid .col-md-4, .uikit-grid .col-lg-4, .uikit-grid .col-xs-5, .uikit-grid .col-sm-5, .uikit-grid .col-md-5, .uikit-grid .col-lg-5, .uikit-grid .col-xs-6, .uikit-grid .col-sm-6, .uikit-grid .col-md-6, .uikit-grid .col-lg-6, .uikit-grid .col-xs-7, .uikit-grid .col-sm-7, .uikit-grid .col-md-7, .uikit-grid .col-lg-7, .uikit-grid .col-xs-8, .uikit-grid .col-sm-8, .uikit-grid .col-md-8, .uikit-grid .col-lg-8, .uikit-grid .col-xs-9, .uikit-grid .col-sm-9, .uikit-grid .col-md-9, .uikit-grid .col-lg-9, .uikit-grid .col-xs-10, .uikit-grid .col-sm-10, .uikit-grid .col-md-10, .uikit-grid .col-lg-10, .uikit-grid .col-xs-11, .uikit-grid .col-sm-11, .uikit-grid .col-md-11, .uikit-grid .col-lg-11, .uikit-grid .col-xs-12, .uikit-grid .col-sm-12, .uikit-grid .col-md-12, .uikit-grid .col-lg-12 { box-sizing: border-box; position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .uikit-grid .col-xs-1, .uikit-grid .col-xs-2, .uikit-grid .col-xs-3, .uikit-grid .col-xs-4, .uikit-grid .col-xs-5, .uikit-grid .col-xs-6, .uikit-grid .col-xs-7, .uikit-grid .col-xs-8, .uikit-grid .col-xs-9, .uikit-grid .col-xs-10, .uikit-grid .col-xs-11, .uikit-grid .col-xs-12 { float: left; } .uikit-grid .col-xs-1 { width: 8.33333%; } .uikit-grid .col-xs-2 { width: 16.66667%; } .uikit-grid .col-xs-3 { width: 25%; } .uikit-grid .col-xs-4 { width: 33.33333%; } .uikit-grid .col-xs-5 { width: 41.66667%; } .uikit-grid .col-xs-6 { width: 50%; } .uikit-grid .col-xs-7 { width: 58.33333%; } .uikit-grid .col-xs-8 { width: 66.66667%; } .uikit-grid .col-xs-9 { width: 75%; } .uikit-grid .col-xs-10 { width: 83.33333%; } .uikit-grid .col-xs-11 { width: 91.66667%; } .uikit-grid .col-xs-12 { width: 100%; } .uikit-grid .col-xs-pull-0 { right: auto; } .uikit-grid .col-xs-pull-1 { right: 8.33333%; } .uikit-grid .col-xs-pull-2 { right: 16.66667%; } .uikit-grid .col-xs-pull-3 { right: 25%; } .uikit-grid .col-xs-pull-4 { right: 33.33333%; } .uikit-grid .col-xs-pull-5 { right: 41.66667%; } .uikit-grid .col-xs-pull-6 { right: 50%; } .uikit-grid .col-xs-pull-7 { right: 58.33333%; } .uikit-grid .col-xs-pull-8 { right: 66.66667%; } .uikit-grid .col-xs-pull-9 { right: 75%; } .uikit-grid .col-xs-pull-10 { right: 83.33333%; } .uikit-grid .col-xs-pull-11 { right: 91.66667%; } .uikit-grid .col-xs-pull-12 { right: 100%; } .uikit-grid .col-xs-push-0 { left: auto; } .uikit-grid .col-xs-push-1 { left: 8.33333%; } .uikit-grid .col-xs-push-2 { left: 16.66667%; } .uikit-grid .col-xs-push-3 { left: 25%; } .uikit-grid .col-xs-push-4 { left: 33.33333%; } .uikit-grid .col-xs-push-5 { left: 41.66667%; } .uikit-grid .col-xs-push-6 { left: 50%; } .uikit-grid .col-xs-push-7 { left: 58.33333%; } .uikit-grid .col-xs-push-8 { left: 66.66667%; } .uikit-grid .col-xs-push-9 { left: 75%; } .uikit-grid .col-xs-push-10 { left: 83.33333%; } .uikit-grid .col-xs-push-11 { left: 91.66667%; } .uikit-grid .col-xs-push-12 { left: 100%; } .uikit-grid .col-xs-offset-0 { margin-left: 0%; } .uikit-grid .col-xs-offset-1 { margin-left: 8.33333%; } .uikit-grid .col-xs-offset-2 { margin-left: 16.66667%; } .uikit-grid .col-xs-offset-3 { margin-left: 25%; } .uikit-grid .col-xs-offset-4 { margin-left: 33.33333%; } .uikit-grid .col-xs-offset-5 { margin-left: 41.66667%; } .uikit-grid .col-xs-offset-6 { margin-left: 50%; } .uikit-grid .col-xs-offset-7 { margin-left: 58.33333%; } .uikit-grid .col-xs-offset-8 { margin-left: 66.66667%; } .uikit-grid .col-xs-offset-9 { margin-left: 75%; } .uikit-grid .col-xs-offset-10 { margin-left: 83.33333%; } .uikit-grid .col-xs-offset-11 { margin-left: 91.66667%; } .uikit-grid .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .uikit-grid .col-sm-1, .uikit-grid .col-sm-2, .uikit-grid .col-sm-3, .uikit-grid .col-sm-4, .uikit-grid .col-sm-5, .uikit-grid .col-sm-6, .uikit-grid .col-sm-7, .uikit-grid .col-sm-8, .uikit-grid .col-sm-9, .uikit-grid .col-sm-10, .uikit-grid .col-sm-11, .uikit-grid .col-sm-12 { float: left; } .uikit-grid .col-sm-1 { width: 8.33333%; } .uikit-grid .col-sm-2 { width: 16.66667%; } .uikit-grid .col-sm-3 { width: 25%; } .uikit-grid .col-sm-4 { width: 33.33333%; } .uikit-grid .col-sm-5 { width: 41.66667%; } .uikit-grid .col-sm-6 { width: 50%; } .uikit-grid .col-sm-7 { width: 58.33333%; } .uikit-grid .col-sm-8 { width: 66.66667%; } .uikit-grid .col-sm-9 { width: 75%; } .uikit-grid .col-sm-10 { width: 83.33333%; } .uikit-grid .col-sm-11 { width: 91.66667%; } .uikit-grid .col-sm-12 { width: 100%; } .uikit-grid .col-sm-pull-0 { right: auto; } .uikit-grid .col-sm-pull-1 { right: 8.33333%; } .uikit-grid .col-sm-pull-2 { right: 16.66667%; } .uikit-grid .col-sm-pull-3 { right: 25%; } .uikit-grid .col-sm-pull-4 { right: 33.33333%; } .uikit-grid .col-sm-pull-5 { right: 41.66667%; } .uikit-grid .col-sm-pull-6 { right: 50%; } .uikit-grid .col-sm-pull-7 { right: 58.33333%; } .uikit-grid .col-sm-pull-8 { right: 66.66667%; } .uikit-grid .col-sm-pull-9 { right: 75%; } .uikit-grid .col-sm-pull-10 { right: 83.33333%; } .uikit-grid .col-sm-pull-11 { right: 91.66667%; } .uikit-grid .col-sm-pull-12 { right: 100%; } .uikit-grid .col-sm-push-0 { left: auto; } .uikit-grid .col-sm-push-1 { left: 8.33333%; } .uikit-grid .col-sm-push-2 { left: 16.66667%; } .uikit-grid .col-sm-push-3 { left: 25%; } .uikit-grid .col-sm-push-4 { left: 33.33333%; } .uikit-grid .col-sm-push-5 { left: 41.66667%; } .uikit-grid .col-sm-push-6 { left: 50%; } .uikit-grid .col-sm-push-7 { left: 58.33333%; } .uikit-grid .col-sm-push-8 { left: 66.66667%; } .uikit-grid .col-sm-push-9 { left: 75%; } .uikit-grid .col-sm-push-10 { left: 83.33333%; } .uikit-grid .col-sm-push-11 { left: 91.66667%; } .uikit-grid .col-sm-push-12 { left: 100%; } .uikit-grid .col-sm-offset-0 { margin-left: 0%; } .uikit-grid .col-sm-offset-1 { margin-left: 8.33333%; } .uikit-grid .col-sm-offset-2 { margin-left: 16.66667%; } .uikit-grid .col-sm-offset-3 { margin-left: 25%; } .uikit-grid .col-sm-offset-4 { margin-left: 33.33333%; } .uikit-grid .col-sm-offset-5 { margin-left: 41.66667%; } .uikit-grid .col-sm-offset-6 { margin-left: 50%; } .uikit-grid .col-sm-offset-7 { margin-left: 58.33333%; } .uikit-grid .col-sm-offset-8 { margin-left: 66.66667%; } .uikit-grid .col-sm-offset-9 { margin-left: 75%; } .uikit-grid .col-sm-offset-10 { margin-left: 83.33333%; } .uikit-grid .col-sm-offset-11 { margin-left: 91.66667%; } .uikit-grid .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .uikit-grid .col-md-1, .uikit-grid .col-md-2, .uikit-grid .col-md-3, .uikit-grid .col-md-4, .uikit-grid .col-md-5, .uikit-grid .col-md-6, .uikit-grid .col-md-7, .uikit-grid .col-md-8, .uikit-grid .col-md-9, .uikit-grid .col-md-10, .uikit-grid .col-md-11, .uikit-grid .col-md-12 { float: left; } .uikit-grid .col-md-1 { width: 8.33333%; } .uikit-grid .col-md-2 { width: 16.66667%; } .uikit-grid .col-md-3 { width: 25%; } .uikit-grid .col-md-4 { width: 33.33333%; } .uikit-grid .col-md-5 { width: 41.66667%; } .uikit-grid .col-md-6 { width: 50%; } .uikit-grid .col-md-7 { width: 58.33333%; } .uikit-grid .col-md-8 { width: 66.66667%; } .uikit-grid .col-md-9 { width: 75%; } .uikit-grid .col-md-10 { width: 83.33333%; } .uikit-grid .col-md-11 { width: 91.66667%; } .uikit-grid .col-md-12 { width: 100%; } .uikit-grid .col-md-pull-0 { right: auto; } .uikit-grid .col-md-pull-1 { right: 8.33333%; } .uikit-grid .col-md-pull-2 { right: 16.66667%; } .uikit-grid .col-md-pull-3 { right: 25%; } .uikit-grid .col-md-pull-4 { right: 33.33333%; } .uikit-grid .col-md-pull-5 { right: 41.66667%; } .uikit-grid .col-md-pull-6 { right: 50%; } .uikit-grid .col-md-pull-7 { right: 58.33333%; } .uikit-grid .col-md-pull-8 { right: 66.66667%; } .uikit-grid .col-md-pull-9 { right: 75%; } .uikit-grid .col-md-pull-10 { right: 83.33333%; } .uikit-grid .col-md-pull-11 { right: 91.66667%; } .uikit-grid .col-md-pull-12 { right: 100%; } .uikit-grid .col-md-push-0 { left: auto; } .uikit-grid .col-md-push-1 { left: 8.33333%; } .uikit-grid .col-md-push-2 { left: 16.66667%; } .uikit-grid .col-md-push-3 { left: 25%; } .uikit-grid .col-md-push-4 { left: 33.33333%; } .uikit-grid .col-md-push-5 { left: 41.66667%; } .uikit-grid .col-md-push-6 { left: 50%; } .uikit-grid .col-md-push-7 { left: 58.33333%; } .uikit-grid .col-md-push-8 { left: 66.66667%; } .uikit-grid .col-md-push-9 { left: 75%; } .uikit-grid .col-md-push-10 { left: 83.33333%; } .uikit-grid .col-md-push-11 { left: 91.66667%; } .uikit-grid .col-md-push-12 { left: 100%; } .uikit-grid .col-md-offset-0 { margin-left: 0%; } .uikit-grid .col-md-offset-1 { margin-left: 8.33333%; } .uikit-grid .col-md-offset-2 { margin-left: 16.66667%; } .uikit-grid .col-md-offset-3 { margin-left: 25%; } .uikit-grid .col-md-offset-4 { margin-left: 33.33333%; } .uikit-grid .col-md-offset-5 { margin-left: 41.66667%; } .uikit-grid .col-md-offset-6 { margin-left: 50%; } .uikit-grid .col-md-offset-7 { margin-left: 58.33333%; } .uikit-grid .col-md-offset-8 { margin-left: 66.66667%; } .uikit-grid .col-md-offset-9 { margin-left: 75%; } .uikit-grid .col-md-offset-10 { margin-left: 83.33333%; } .uikit-grid .col-md-offset-11 { margin-left: 91.66667%; } .uikit-grid .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .uikit-grid .col-lg-1, .uikit-grid .col-lg-2, .uikit-grid .col-lg-3, .uikit-grid .col-lg-4, .uikit-grid .col-lg-5, .uikit-grid .col-lg-6, .uikit-grid .col-lg-7, .uikit-grid .col-lg-8, .uikit-grid .col-lg-9, .uikit-grid .col-lg-10, .uikit-grid .col-lg-11, .uikit-grid .col-lg-12 { float: left; } .uikit-grid .col-lg-1 { width: 8.33333%; } .uikit-grid .col-lg-2 { width: 16.66667%; } .uikit-grid .col-lg-3 { width: 25%; } .uikit-grid .col-lg-4 { width: 33.33333%; } .uikit-grid .col-lg-5 { width: 41.66667%; } .uikit-grid .col-lg-6 { width: 50%; } .uikit-grid .col-lg-7 { width: 58.33333%; } .uikit-grid .col-lg-8 { width: 66.66667%; } .uikit-grid .col-lg-9 { width: 75%; } .uikit-grid .col-lg-10 { width: 83.33333%; } .uikit-grid .col-lg-11 { width: 91.66667%; } .uikit-grid .col-lg-12 { width: 100%; } .uikit-grid .col-lg-pull-0 { right: auto; } .uikit-grid .col-lg-pull-1 { right: 8.33333%; } .uikit-grid .col-lg-pull-2 { right: 16.66667%; } .uikit-grid .col-lg-pull-3 { right: 25%; } .uikit-grid .col-lg-pull-4 { right: 33.33333%; } .uikit-grid .col-lg-pull-5 { right: 41.66667%; } .uikit-grid .col-lg-pull-6 { right: 50%; } .uikit-grid .col-lg-pull-7 { right: 58.33333%; } .uikit-grid .col-lg-pull-8 { right: 66.66667%; } .uikit-grid .col-lg-pull-9 { right: 75%; } .uikit-grid .col-lg-pull-10 { right: 83.33333%; } .uikit-grid .col-lg-pull-11 { right: 91.66667%; } .uikit-grid .col-lg-pull-12 { right: 100%; } .uikit-grid .col-lg-push-0 { left: auto; } .uikit-grid .col-lg-push-1 { left: 8.33333%; } .uikit-grid .col-lg-push-2 { left: 16.66667%; } .uikit-grid .col-lg-push-3 { left: 25%; } .uikit-grid .col-lg-push-4 { left: 33.33333%; } .uikit-grid .col-lg-push-5 { left: 41.66667%; } .uikit-grid .col-lg-push-6 { left: 50%; } .uikit-grid .col-lg-push-7 { left: 58.33333%; } .uikit-grid .col-lg-push-8 { left: 66.66667%; } .uikit-grid .col-lg-push-9 { left: 75%; } .uikit-grid .col-lg-push-10 { left: 83.33333%; } .uikit-grid .col-lg-push-11 { left: 91.66667%; } .uikit-grid .col-lg-push-12 { left: 100%; } .uikit-grid .col-lg-offset-0 { margin-left: 0%; } .uikit-grid .col-lg-offset-1 { margin-left: 8.33333%; } .uikit-grid .col-lg-offset-2 { margin-left: 16.66667%; } .uikit-grid .col-lg-offset-3 { margin-left: 25%; } .uikit-grid .col-lg-offset-4 { margin-left: 33.33333%; } .uikit-grid .col-lg-offset-5 { margin-left: 41.66667%; } .uikit-grid .col-lg-offset-6 { margin-left: 50%; } .uikit-grid .col-lg-offset-7 { margin-left: 58.33333%; } .uikit-grid .col-lg-offset-8 { margin-left: 66.66667%; } .uikit-grid .col-lg-offset-9 { margin-left: 75%; } .uikit-grid .col-lg-offset-10 { margin-left: 83.33333%; } .uikit-grid .col-lg-offset-11 { margin-left: 91.66667%; } .uikit-grid .col-lg-offset-12 { margin-left: 100%; } } /*! @gov.au/header v1.0.0 */ /** * Basic header block styling. */ .uikit-header { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #fff; background: #1B7991; padding: 1.6em 0 2em 0; margin-bottom: 1.6em; } .uikit-header.uikit-header--hero { padding: 3.2em 0 4em 0; } @media (min-width: 768px) { .uikit-header { padding: 3.2em 0 4.8em 0; } .uikit-header.uikit-header--hero { padding: 7.2em 0 13.6em 0; } } .uikit-header.uikit-header--light { background-color: #f0f3f5; color: #313131; } .uikit-header.uikit-header--dark { background-color: #313131; } .uikit-header-heading { font-size: 20px; line-height: 1.6; font-weight: bold; margin: 0; padding: 0; } @media (min-width: 768px) { .uikit-header-heading { font-size: 36px; } } .uikit-header-subline { font-size: 18px; line-height: 1.6; max-width: 42em; } @media (min-width: 768px) { .uikit-header-subline { font-size: 20px; } } /*! @gov.au/inpage-nav v0.1.1 */ .uikit-inpage-nav-links { margin: 3.2em 0; border-left: 0.4em solid #888888; padding: 0 0 0.8em 1.2em; } .uikit-body .uikit-inpage-nav-links > ul, .uikit-body .uikit-inpage-nav-links > ol { list-style-type: none; margin: 1.6em 0 0; padding: 0; } .uikit-body .uikit-inpage-nav-links > ul > li, .uikit-body .uikit-inpage-nav-links > ol > li { margin-left: 0; margin-bottom: 0.8em; font-weight: bold; } .uikit-body .uikit-inpage-nav-links > ul > li:last-child, .uikit-body .uikit-inpage-nav-links > ol > li:last-child { margin-bottom: 0; } .uikit-inpage-nav-links__heading { color: #6f6f6f; } .uikit-inpage-nav-section { position: relative; padding-right: 120px; } .uikit-inpage-nav-section-link { position: absolute; top: 0.4em; right: 0; font-size: 14px; } /*! @gov.au/page-alerts v0.1.1 */ @media print { .uikit-page-alerts { border-color: #000 !important; background-color: #fff !important; border-left: 2px solid #000 !important; padding-top: 3em !important; } .uikit-page-alerts:after { background: none !important; content: 'info' !important; top: 1em !important; left: 0 !important; font-size: 12px !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; padding: 0.5em !important; width: auto !important; } .uikit-page-alerts--success:after { content: 'success' !important; } .uikit-page-alerts--warning:after { content: 'warning' !important; } .uikit-page-alerts--error:after { content: 'error' !important; } } .uikit-page-alerts { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; line-height: 1.6; position: relative; margin: 1.6em 0; padding: 1.2em 0.8em 1.2em 0.8em; border: solid 2px #00bfe9; border-left: 48px solid #00bfe9; border-radius: 3px; max-width: 42em; } .uikit-page-alerts :first-child { margin-top: 0; } .uikit-page-alerts :last-child { margin-bottom: 0; } .uikit-page-alerts:after { content: ' '; position: absolute; display: block; left: -36px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Crect fill='%23fff' width='16' height='16' x='56' y='20' rx='2'/%3E\a %3Crect fill='%23fff' width='16' height='56' x='56' y='44' rx='2'/%3E\a %3Crect fill='%23fff' width='40' height='16' x='44' y='84' rx='2'/%3E\a %3Crect fill='%23fff' width='28' height='16' x='44' y='44' rx='2'/%3E\a %3C/svg%3E"); } .ie8 .uikit-page-alerts:after, .lt-ie8 .uikit-page-alerts:after { background: none; text-align: center; background-color: #313131; color: #fff; font-weight: bold; content: 'i'; } /** * Page alert success */ .uikit-page-alerts--success { border-color: #3dbd93; } .uikit-page-alerts--success:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E\a %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68\a 41.42 53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E\a %3C/svg%3E"); } .ie8 .uikit-page-alerts--success:after, .lt-ie8 .uikit-page-alerts--success:after { content: '✓'; } /** * Page alert warning. */ .uikit-page-alerts--warning { border-color: #f69900; } .uikit-page-alerts--warning:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317\a 3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01\a 12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E\a %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E\a %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1\a 0-2.07-.895-2.16-2l-3.667-44z'/%3E\a %3C/svg%3E"); } .ie8 .uikit-page-alerts--warning:after, .lt-ie8 .uikit-page-alerts--warning:after { content: '!'; } /** * Page alert error. */ .uikit-page-alerts--error { border-color: #ff635c; } .uikit-page-alerts--error:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E\a %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317\a 3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01\a 12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E\a %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E\a %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1\a 0-2.07-.895-2.16-2l-3.667-44z'/%3E\a %3C/svg%3E"); } .ie8 .uikit-page-alerts--error:after, .lt-ie8 .uikit-page-alerts--error:after { content: '!'; } /** * Screen-reader only class for interlinking error messages and corresponding form elements. */ .uikit-page-alerts__sronly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /*! @gov.au/progress-indicator v0.1.0 */ @media print { .progress-indicator { border-top-color: #000 !important; } .uikit-body .progress-indicator__link, .progress-indicator__link { border-bottom-color: #000 !important; border-left-color: transparent !important; padding-left: 6px !important; } .uikit-body .progress-indicator__link.progress-indicator--doing, .progress-indicator__link.progress-indicator--doing { border-left-color: #000 !important; } .uikit-body .progress-indicator__link:after, .progress-indicator__link:after { display: none; } } .uikit-body .progress-indicator, .progress-indicator { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; list-style: none; padding: 0; margin: 0 0 1.6em 0; border-top: 1px solid #bbbbbb; } .uikit-body .progress-indicator > li, .progress-indicator > li { margin: 0; } .uikit-body .progress-indicator__link, .progress-indicator__link { position: relative; display: block; padding: 0.4em 0 0.4em 41px; font-size: 17px; color: #313131; text-decoration: none; line-height: 1.45; border-bottom: 1px solid #bbbbbb; border-left: 3px solid transparent; transition: background-color 0.1s ease-in-out; } .uikit-body .progress-indicator__link:hover, .uikit-body .progress-indicator__link:focus, .progress-indicator__link:hover, .progress-indicator__link:focus { background-color: #def5f9; border-bottom-color: #bbbbbb; } .uikit-body .progress-indicator__link:focus, .progress-indicator__link:focus { outline: 1px solid #313131; outline-offset: 1px; } .uikit-body .progress-indicator__link:after, .progress-indicator__link:after { content: ''; position: absolute; left: 6px; top: 0; bottom: 0; width: 24px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E\a %3Cpath fill='%235a5a5a' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0\a 24,5.37481408 24,12 Z'%3E%3C/path%3E\a %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22\a 22,17.5208333 22,12 Z'%3E%3C/path%3E\a %3C/svg%3E"); background-repeat: no-repeat; background-position: 0 center; } .ie8 .uikit-body .progress-indicator__link:after, .lt-ie8 .uikit-body .progress-indicator__link:after, .ie8 .progress-indicator__link:after, .lt-ie8 .progress-indicator__link:after { top: 6px; content: '-'; } .uikit-body .progress-indicator__link.progress-indicator--doing, .progress-indicator__link.progress-indicator--doing { border-left-color: #115361; font-weight: bold; } .uikit-body .progress-indicator__link.progress-indicator--doing:after, .progress-indicator__link.progress-indicator--doing:after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E\a %3Cpath fill='%23115361' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0\a 24,5.37481408 24,12 Z'%3E%3C/path%3E\a %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22\a 22,17.5208333 22,12 Z'%3E%3C/path%3E\a %3Ccircle fill='%23115361' cx='6.5' cy='12' r='1.5'%3E%3C/circle%3E\a %3Ccircle fill='%23115361' cx='12' cy='12' r='1.5'%3E%3C/circle%3E\a %3Ccircle fill='%23115361' cx='17.5' cy='12' r='1.5'%3E%3C/circle%3E\a %3C/svg%3E"); } .ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after, .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after, .ie8 .progress-indicator__link.progress-indicator--doing:after, .lt-ie8 .progress-indicator__link.progress-indicator--doing:after { content: '...'; } .uikit-body .progress-indicator__link.progress-indicator--done:after, .progress-indicator__link.progress-indicator--done:after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E\a %3Cpath fill='%23115361' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0\a 24,5.37481408 24,12 Z'%3E%3C/path%3E\a %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22\a 22,17.5208333 22,12 Z'%3E%3C/path%3E\a %3Cpath fill='%23115361' d='M18.744186,9.23753281 C18.744186,9.48293963 18.6627907,9.71391076 18.5,9.88713911 L11.3895349,17.7257218\a C11.2267442,17.8989501 10.996124,18 10.7655039,18 C10.5484496,18 10.3178295,17.8989501 10.1550388,17.7257218 L5.24418605,12.5\a C5.08139535,12.3267717 5,12.0958005 5,11.8503937 C5,11.6049869 5.08139535,11.3595801 5.24418605,11.1863517 L6.47868217,9.88713911\a C6.64147287,9.71391076 6.85852713,9.61286089 7.08914729,9.61286089 C7.31976744,9.61286089 7.53682171,9.71391076 7.6996124,9.88713911\a L10.7655039,13.1496063 L16.0445736,7.27427822 C16.2073643,7.10104987 16.4244186,7 16.6550388,7 C16.8856589,7 17.1027132,7.10104987\a 17.2655039,7.27427822 L18.5,8.57349081 C18.6627907,8.74671916 18.744186,8.99212598 18.744186,9.23753281 Z'%3E%3C/path%3E\a %3C/svg%3E"); } .ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after, .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after, .ie8 .progress-indicator__link.progress-indicator--done:after, .lt-ie8 .progress-indicator__link.progress-indicator--done:after { content: '✓'; } .progress-indicator__status { display: block; font-size: 14px; font-weight: normal; color: #5a5a5a; } /*! @gov.au/text-inputs v0.1.1 */ @media print { .uikit-text-input { border-color: #000 !important; } :disabled { background-color: #f0f3f5 !important; border-color: transparent; } [disabled] { background-color: #f0f3f5 !important; } } /** * Text input labels. */ .uikit-text-input__label { display: block; margin-bottom: 0.8em; } .uikit-text-input__label > .uikit-text-input { margin-top: 0.8em; } /** * Generic text input styling. * * Also includes variants: * - invalid * - valid * - :focus * - :disabled/[disabled] */ .uikit-text-input { border: 2px solid #777777; padding: 0.4em; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #313131; } .uikit-text-input:focus { outline: 1px solid #313131; outline-offset: 1px; } .uikit-text-input:focus { background-color: #effafc; } .uikit-text-input::-moz-selection { background-color: rgba(250, 194, 102, 0.5); } .uikit-text-input::selection { background-color: rgba(250, 194, 102, 0.5); } .uikit-text-input:invalid { border: 2px solid #ff635c; } .uikit-text-input:invalid:focus { background-color: #ffefef; } .uikit-text-input.uikit-text-input--invalid { border: 2px solid #ff635c; } .uikit-text-input.uikit-text-input--invalid:focus { background-color: #ffefef; } .uikit-text-input.uikit-text-input--valid { border: 2px solid #0cac78; } .uikit-text-input.uikit-text-input--valid:focus { background-color: #e7f7f2; } .uikit-text-input:disabled { cursor: not-allowed; background: #f0f3f5; color: #5a5a5a; } .uikit-text-input[disabled] { cursor: not-allowed; background: #f0f3f5; color: #5a5a5a; } /** * Block modifier */ .uikit-text-input--block { display: block; width: 100%; box-sizing: border-box; } /** * Textarea styling. */ .uikit-text-input--textarea { line-height: 1.6; } /** * Number input styling. * * Numbers are easier to disambiguate from each other (and letters) when set in * monospace. */ .uikit-text-input--number { font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; letter-spacing: 2px; } /** * Hint text. * * Built so it can sit both in- and outside the `label`. */ .uikit-text-input__hint { display: block; margin-bottom: 0.4em; font-size: 87.5%; } .uikit-text-input__label > .uikit-text-input__hint, .uikit-text-input + .uikit-text-input__hint { margin-top: 0.4em; }