@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.0 */ @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 #8dbcc8; border-radius: 3px; box-shadow: 0 1px 0 0 #00bfe9; 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.0 */ @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 #00bfe9; 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/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/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; }