diff --git a/.gitignore b/.gitignore index a39f40595..aca6ef03d 100644 --- a/.gitignore +++ b/.gitignore @@ -62,7 +62,4 @@ target/ app/assets/stylesheets/govuk_template/.sass-cache/ .sass-cache/ cache/ -app/static/stylesheets/govuk-template* -app/static/css* -app/static/css_all.css -app/static/.webassets-cache/ \ No newline at end of file +app/static/* diff --git a/.gitmodules b/.gitmodules index d7acf1f34..698b9d0b6 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,3 +1,6 @@ -[submodule "app/assets/govuk_frontend_toolkit"] - path = app/assets/govuk_frontend_toolkit +[submodule "app/assets/stylesheets/govuk_frontend_toolkit"] + path = app/assets/stylesheets/govuk_frontend_toolkit url = https://github.com/alphagov/govuk_frontend_toolkit.git +[submodule "app/assets/stylesheets/govuk_elements"] + path = app/assets/stylesheets/govuk_elements + url = https://github.com/alphagov/govuk_elements.git diff --git a/.travis.yml b/.travis.yml index 912413eb2..7147b7582 100644 --- a/.travis.yml +++ b/.travis.yml @@ -7,6 +7,7 @@ addons: env: - SQLALCHEMY_DATABASE_URI=postgresql://postgres:@localhost:5433/test_notifications_admin install: +- bundle install - pip install -r requirements_for_test.txt env: secure: jT9BIioqBMkOdLZhU+WJNdnRJ+06G7qUx4QqEVldp96dJwmWpPEvA0XbitdnQt/WXYkpMlDbgSApvvGj2ZNvdpowRRe5HFX8D2Udhi2g9+cXgKrQxH6zv0evJyQLOjCINW6KtgMCJ5wkYR3qQ4BQawlDt6ecpmeboKTmvs2W8jZ09aV4IKKvdd7BwFon10QVPF5ny10G83unLtKnKgRMjSSLnaEiA78pE/LSUkekK4mhmtl+yfQf60cIuQGcN9NCYIt5PrdYYyMkbUaht9ykwL2C11sp5JYPClI9k6lrlpGJCdL9wbJwejGhR/pEqwJ4tKK8Zv+mngmkbzE6fd5ehuRMnIUAifG4t3p6WbhKwY5pJsdVyPgWcRSPXOJA7yEcAeTAvWcC++6mCIFBeMxt/yQNw02jkFHeNKRh2twTRvr4xWZHq9FsVxTEVz89OOuue3IkkyDNmVusGJ9+AVRIn9Oa+U/r3bDnrs7jz+meSwb82GZUBzFpUe2pe8qeBE572Ay7yHB73VHUgp/2A1qkZ4SnTjTpMbnS5RdXTgwtMkOs5MLZgteCVxFL3sHcr9e/B3UIUnzKUSPXXOjHyDxBwrABWo81V9Vp2IPV7P9Ofv8zroudjQxK5MOcbmiPQF+eEB9L4DvkUBNsGxtJ/nmPp6tmN0Xjo0xXVdZCEVj29Og= diff --git a/Gemfile b/Gemfile index e46ea120f..e7389e695 100644 --- a/Gemfile +++ b/Gemfile @@ -1,2 +1,2 @@ source 'https://rubygems.org' -gem 'sass' +gem 'sass' \ No newline at end of file diff --git a/app/__init__.py b/app/__init__.py index 30795420a..cc3705a93 100644 --- a/app/__init__.py +++ b/app/__init__.py @@ -1,6 +1,7 @@ import os +import re -from flask import Flask, session +from flask import Flask, session, Markup from flask._compat import string_types from flask.ext import assets from flask.ext.sqlalchemy import SQLAlchemy @@ -44,6 +45,9 @@ def create_app(config_name): application.session_interface = ItsdangerousSessionInterface() admin_api_client.init_app(application) + application.add_template_filter(placeholders) + application.add_template_filter(replace_placeholders) + return application @@ -79,11 +83,12 @@ def init_asset_environment(app): # Tell flask-assets where to look for our sass files. env.load_path = [ - os.path.join(os.path.dirname(__file__), 'assets/stylesheets'), os.path.join(os.path.dirname(__file__), 'assets'), + os.path.join(os.path.dirname(__file__), 'assets/stylesheets'), os.path.join(os.path.dirname(__file__), 'assets/stylesheets/stylesheets/govuk_frontend_toolkit'), - os.path.join(os.path.dirname(__file__), 'assets/stylesheets/govuk_template') - + os.path.join(os.path.dirname(__file__), 'assets/stylesheets/govuk_template'), + os.path.join(os.path.dirname(__file__), 'assets/stylesheets/views'), + os.path.join(os.path.dirname(__file__), 'assets/stylesheets/components'), ] scss = get_filter('scss', as_output=True) @@ -93,7 +98,7 @@ def init_asset_environment(app): assets.Bundle( 'main.scss', filters='scss', - output='css_all.css' + output='stylesheets/css_all.css' ) ) @@ -152,3 +157,23 @@ def convert_to_boolean(value): return False return value + + +def placeholders(value): + if not value: + return value + return Markup(re.sub( + r"\(\(([^\)]+)\)\)", # anything that looks like ((registration number)) + lambda match: "{}".format(match.group(1)), + value + )) + + +def replace_placeholders(template, values): + if not template: + return template + return Markup(re.sub( + r"\(\(([^\)]+)\)\)", # anything that looks like ((registration number)) + lambda match: values.get(match.group(1), ''), + template + )) diff --git a/app/assets/stylesheets/components/placeholder.scss b/app/assets/stylesheets/components/placeholder.scss new file mode 100644 index 000000000..c0ed059cb --- /dev/null +++ b/app/assets/stylesheets/components/placeholder.scss @@ -0,0 +1,8 @@ +.placeholder { + display: inline; + background: $light-blue; + color: $white; + white-space: nowrap; + padding: 0 5px; + border-radius: 3px; +} diff --git a/app/assets/stylesheets/components/sms-message.scss b/app/assets/stylesheets/components/sms-message.scss new file mode 100644 index 000000000..9263b8ec5 --- /dev/null +++ b/app/assets/stylesheets/components/sms-message.scss @@ -0,0 +1,47 @@ +.sms-message { + + position: relative; + margin: 0 0 $gutter 0; + + &:before { + content: ''; + position: absolute; + z-index: 10; + bottom: -12px; + right: 5px; + width: 20px; + height: 25px; + border-radius: 100%; + background: $panel-colour; + } + + &:after { + content: ''; + position: absolute; + z-index: 20; + bottom: -15px; + right: -5px; + border-radius: 100%; + width: 20px; + height: 20px; + background: $white; + } + + &-wrapper { + display: inline-block; + box-sizing: border-box; + position: relative; + z-index: 30; + padding: $gutter/2; + background: $panel-colour; + border-radius: 5px; + white-space: normal; + } + + &-recipient { + @include copy-19; + color: $secondary-text-colour; + margin: 0; + } + +} diff --git a/app/assets/stylesheets/components/submit-form.scss b/app/assets/stylesheets/components/submit-form.scss new file mode 100644 index 000000000..041c71773 --- /dev/null +++ b/app/assets/stylesheets/components/submit-form.scss @@ -0,0 +1,12 @@ +.submit-form { + + margin-bottom: 50px; + + &-back-link { + @include button($grey-1); + padding: 0.52632em 0.78947em 0.26316em 0.78947em; + @include inline-block; + margin-left: 5px; + } + +} diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss new file mode 100644 index 000000000..33ff865ef --- /dev/null +++ b/app/assets/stylesheets/components/table.scss @@ -0,0 +1,7 @@ +.table { + + &-heading { + text-align: left; + } + +} diff --git a/app/assets/stylesheets/components/template-picker.scss b/app/assets/stylesheets/components/template-picker.scss new file mode 100644 index 000000000..1b2851194 --- /dev/null +++ b/app/assets/stylesheets/components/template-picker.scss @@ -0,0 +1,33 @@ +.template-picker { + + &-name { + @include bold-19; + padding-left: 5px; + } + + &-option { + + white-space: nowrap; + clear: both; + + &-radio { + padding-right: 10px; + box-sizing: border-box; + vertical-align: top; + width: 33%; + display: inline-block; + } + + .block-label { + display: inline-block; + } + + .sms-message { + display: inline-block; + vertical-align: top; + max-width: 66%; + } + + } + +} diff --git a/app/assets/stylesheets/govuk_elements b/app/assets/stylesheets/govuk_elements new file mode 160000 index 000000000..9e44a8d74 --- /dev/null +++ b/app/assets/stylesheets/govuk_elements @@ -0,0 +1 @@ +Subproject commit 9e44a8d74cbbab9d32fd006bfba05814c8b0dc83 diff --git a/app/assets/stylesheets/govuk_elements/elements-page-ie6.scss b/app/assets/stylesheets/govuk_elements/elements-page-ie6.scss deleted file mode 100644 index 261825a52..000000000 --- a/app/assets/stylesheets/govuk_elements/elements-page-ie6.scss +++ /dev/null @@ -1,5 +0,0 @@ -$is-ie: true; -$ie-version: 6; -$mobile-ie6: false; - -@import "elements-page"; diff --git a/app/assets/stylesheets/govuk_elements/elements-page-ie7.scss b/app/assets/stylesheets/govuk_elements/elements-page-ie7.scss deleted file mode 100644 index 37a062e4b..000000000 --- a/app/assets/stylesheets/govuk_elements/elements-page-ie7.scss +++ /dev/null @@ -1,4 +0,0 @@ -$is-ie: true; -$ie-version: 7; - -@import "elements-page"; diff --git a/app/assets/stylesheets/govuk_elements/elements-page-ie8.scss b/app/assets/stylesheets/govuk_elements/elements-page-ie8.scss deleted file mode 100644 index 7182acb2a..000000000 --- a/app/assets/stylesheets/govuk_elements/elements-page-ie8.scss +++ /dev/null @@ -1,4 +0,0 @@ -$is-ie: true; -$ie-version: 8; - -@import "elements-page"; diff --git a/app/assets/stylesheets/govuk_elements/elements-page.scss b/app/assets/stylesheets/govuk_elements/elements-page.scss deleted file mode 100644 index 4750b1121..000000000 --- a/app/assets/stylesheets/govuk_elements/elements-page.scss +++ /dev/null @@ -1,380 +0,0 @@ -@import "main"; - -// ========================================================================== -// Elements page styles -// ========================================================================== - -// These are example styles, used only for the elements pages - -.elements-index { - // Reduce top and bottom margins - .heading-medium { - margin: 1em 0 0 0; - } - // Add spacing above - .divider { - margin-top: 4em; - } -} - -// Increase spacing above headings -.heading-xlarge { - @include media(tablet) { - margin-top: em(60, 48); - margin-bottom: em(30, 48); - } -} - -// Page contents -.heading-contents { - margin-top: 3em; -} - -.list-contents li { - @include core-16; -} - -// Use for paragraphs before lists -.lead-in { - margin-bottom: 0; -} - -// Lists -.list-bullet { - margin-bottom: ($gutter*1.5); -} - - -// Example boxes -// ========================================================================== - -.example { - @extend %contain-floats; - position: relative; - overflow: hidden; - border: 1px solid $grey-2; - margin-top: $gutter-half; - margin-bottom: $gutter-half; - - padding-top: $gutter; - padding-right: $gutter-half; - padding-bottom: $gutter-half; - padding-left: $gutter-half; - - @include media(tablet) { - padding-top: $gutter*1.5; - padding-right: $gutter; - padding-bottom: $gutter; - padding-left: $gutter; - } - - &:before { - content: "EXAMPLE"; - - position: absolute; - top: 0; - left: 0; - - padding: em(4) em(15) em(4) em(15); - - @include core-14; - background: $grey-2; - color: white; - } - - // Blue text for heading sizes - .highlight { - font-style: normal; - color: $hm-government; - } - - // Fix grid layout within example boxes for IE7 and below - // where box-sizing isn't supported: http://caniuse.com/#search=box-sizing - @mixin example-box-column($width) { - width: (($site-width - $gutter) * $width) - $gutter; - } - - @include ie-lte(7){ - - // Set example box width to 900px (removing left and right padding) - $example-box-width: $site-width - ($gutter * 2); - width: $example-box-width; - - // Recalculate grid column widths - .column-quarter { - @include example-box-column( 1/4 ); - } - .column-half { - @include example-box-column( 1/2 ); - } - .column-third { - @include example-box-column( 1/3 ); - } - .column-two-thirds { - @include example-box-column( 2/3 ); - } - - // Scale images to fit grid columns - img { - width: 100%; - } - } - -} - - -// 1. Layout -// ========================================================================== - -.example-grid p { - width: 100%; - background: file-url("examples/grid.png") 0 0 repeat; - margin-bottom: 0; - height: 30px; - @include media(tablet) { - height: 60px; - } - overflow: hidden; - text-indent: -999em; -} - - -// 2. Typography -// ========================================================================== - - -// 3. Colour -// ========================================================================== - -// Colour swatches -.swatch { - width: 60px; - height: 60px; - @include border-radius(100%); - @include media(mobile) { - clear: both; - float: left; - margin-right: $gutter-half; - margin-bottom: $gutter-half; - } - @include media(tablet) { - margin: 0 auto $gutter-half auto; - } -} - -// Sass list for colour palette -$palette: ( - ("purple", $purple), - ("mauve", $mauve), - ("fuschia", $fuschia), - ("pink", $pink), - ("baby-pink", $baby-pink), - ("red", $red), - ("mellow-red", $mellow-red), - ("orange", $orange), - ("brown", $brown), - ("yellow", $yellow), - ("green", $green), - ("grass-green", $grass-green), - ("turquoise", $turquoise), - ("light-blue", $light-blue) -); - -@mixin color-swatches { - @each $color in $palette { - $color-name: nth($color, 1); - $color-var: nth($color, 2); - .swatch-#{$color-name} { - background-color: $color-var; - } - } -} - -// Generate swatch classes for each colour in palette list -@include color-swatches; - -.swatch-alpha { - background-color: $alpha-colour; -} - -.swatch-beta { - background-color: $beta-colour; -} - -.swatch-discovery { - background-color: $discovery-colour; -} - -.swatch-live { - background-color: $live-colour; -} - -.swatch-error { - background-color: $error-colour; -} - -.swatch-focus { - background-color: $focus-colour; -} - -.swatch-button-colour { - background-color: $button-colour; -} - -.swatch-black { - background-color: $black; -} - -.swatch-grey-1 { - background-color: $grey-1; -} - -.swatch-grey-2 { - background-color: $grey-2; -} - -.swatch-grey-3 { - background-color: $grey-3; -} - -.swatch-grey-4 { - background-color: $grey-4; -} - -.swatch-white { - background-color: $white; - border: 1px solid $grey-3; -} - -.swatch-text-colour { - background-color: $text-colour; -} - -.swatch-text-secondary { - background-color: $secondary-text-colour; -} - -.swatch-page-colour { - background-color: $page-colour; - border: 1px solid $grey-3; -} - -.swatch-button-colour { - background-color: $button-colour; -} - -.swatch-link-colour { - background-color: $link-colour; -} - -.swatch-link-colour-visited { - background-color: $link-visited-colour; -} - -.swatch-link-colour-hover { - background-color: $link-hover-colour; -} - -.swatch-border-colour { - background-color: $border-colour; -} - -.swatch-panel-colour { - background-color: $panel-colour; -} - -.swatch-highlight-colour { - background-color: $highlight-colour; -} - -// Colour swatch layout -.swatch-wrapper { - @include media(tablet) { - float: left; - width: 20%; - text-align: center; - } - - .heading-small { - margin-bottom: em(10); - } - - ul { - padding-bottom: $gutter-half; - @include media(mobile) { - min-height: 50px; - padding-top: 10px; - } - } - li { - @include core-16; - } - b { - font-weight: bold; - text-transform: uppercase; - } -} - - -// 4. Images and icons -// ========================================================================== - -.example-images img { - max-width: 100%; - vertical-align: top; -} - - -// 5. Data -// ========================================================================== - -.data .bold-xlarge, -.data .bold-xxlarge { - line-height: 0.8; -} - -.example .data p { - margin-bottom: 0; -} - - -// 6. Forms -// ========================================================================== - - -// 7. Buttons -// ========================================================================== - -// Increase spacing under buttons in example boxes -.example-button .button { - margin-bottom: 15px; -} - -// Remove top margin from "Creating buttons" example -.example-button .heading-small { - margin-top: 0; -} - -// Make swatch wrapper full width for "Creating buttons" example -.example-button .swatch-wrapper { - width: 100%; -} - -// Remove bottom padding to keep "Creating buttons" example -.example-button ul { - padding-bottom: 0; -} - - -// 9. Alpha beta banners -// ========================================================================== - -// Alpha -.phase-banner-alpha { - @include phase-banner($state: alpha); -} - -// Beta -.phase-banner-beta { - @include phase-banner($state: beta); -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss b/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss deleted file mode 100644 index 0fd659f0e..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss +++ /dev/null @@ -1,50 +0,0 @@ -// Global breadcrumb from Alphagov - static -// https://github.com/alphagov/static/blob/da8aeeaa749093eab30286d7fc9f965533b66f47/app/assets/stylesheets/helpers/_header.scss#L224 -// Modified to use the new grid layout mixins - -#global-breadcrumb { - - @extend %grid-row; - - ol { - - @include grid-column(1); - padding-top: 0.75em; - padding-bottom: 0.75em; - - li { - - @include core-16; - float: left; - - background-image: file-url("separator.png"); - @include device-pixel-ratio() { - background-image: file-url("separator-2x.png"); - background-size: 6px 11px; - } - - background-position: 100% 50%; - background-repeat: no-repeat; - - list-style: none; - - margin-right: 0.5em; - margin-bottom: 0.4em; - margin-left: 0; - padding-right: 1em; - - a { - color: $text-colour; - } - - strong { - font-weight: normal; - } - - &:last-child { - background-image: none; - margin-right: 0 - } - } - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_buttons.scss b/app/assets/stylesheets/govuk_elements/elements/_buttons.scss deleted file mode 100644 index c7ed26455..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_buttons.scss +++ /dev/null @@ -1,51 +0,0 @@ -// Buttons -// ========================================================================== - -.button { - @include button ($button-colour); - @include box-sizing (border-box); - margin: 0 $gutter-half $gutter-half 0; - padding: em(10) em(15) em(5) em(15); - vertical-align: top; - @include media (mobile) { - width: 100%; - } -} - -// Fix unwanted button padding in Firefox -.button::-moz-focus-inner { - border: 0; - padding: 0; -} - -.button:focus { - outline: 3px solid $focus-colour; -} - -// Disabled buttons -.button[disabled="disabled"] { - background: $button-colour; -} - -.button[disabled="disabled"]:focus { - outline: none; -} - -// Start now buttons -.button-start, -.button-get-started { - @include bold-24; - background-image: file-url("icons/icon-pointer.png"); - background-repeat: no-repeat; - background-position: 100% 50%; - padding: em(7) em(41) em(4) em(16); - - @include device-pixel-ratio { - background-image: file-url("icons/icon-pointer-2x.png"); - background-size: 30px 19px; - } - - @include ie(6) { - background-image: file-url("icons/icon-pointer-2x.png"); - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_components.scss b/app/assets/stylesheets/govuk_elements/elements/_components.scss deleted file mode 100644 index d5f9a613b..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_components.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Box with turquoise background and white text -// Used for transaction end pages, and Bank Holidays -.govuk-box-highlight { - margin: 1em 0 1em 0; - padding: 2em 0 1em 0; - color: $white; - background: $turquoise; - text-align: center; -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_details.scss b/app/assets/stylesheets/govuk_elements/elements/_details.scss deleted file mode 100644 index 8fcec7e18..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_details.scss +++ /dev/null @@ -1,34 +0,0 @@ -// Details -// ========================================================================== - -details { - display: block; - - summary { - display: inline-block; - color: $govuk-blue; - cursor: pointer; - position: relative; - margin-bottom: em(5); - - &:hover { - color: $link-hover-colour; - } - - &:focus { - outline: 3px solid $focus-colour; - } - } - - // Underline only summary text (not the arrow) - .summary { - text-decoration: underline; - } - - // Match fallback arrow spacing with -webkit default - .arrow { - margin-right: .35em; - font-style: normal; - } - -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss b/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss deleted file mode 100644 index 88c6342bf..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss +++ /dev/null @@ -1,276 +0,0 @@ -// Typography -// ========================================================================== - -// Increase the base font size to 19px for the main content area -// Using the core-19 mixin from the govuk_toolkit _typography.scss file - -main { - @include core-19; - -webkit-font-smoothing: antialiased; -} - -// Core font sizes -.font-xxlarge { - @include core-80; -} - -.font-xlarge { - @include core-48; -} - -.font-large { - @include core-36; -} - -.font-medium { - @include core-24; -} - -.font-small { - @include core-19; -} - -.font-xsmall { - @include core-16; -} - -// Bold font sizes -.bold-xxlarge { - @include bold-80(); -} - -.bold-xlarge { - @include bold-48(); -} - -.bold-large { - @include bold-36(); -} - -.bold-medium { - @include bold-24(); -} - -.bold-small { - @include bold-19(); -} - -.bold-xsmall { - @include bold-16(); -} - -// Common heading sizes -// Using the bold-xx mixins from the govuk_toolkit _typography.scss file -// Spacing is set in em, using the px to em function in the elements _helpers.scss file - -// Headings -.heading-xlarge { - @include bold-48(); - - margin-top: em(15, 32); - margin-bottom: em(30, 32); - - @include media(tablet) { - margin-top: em(30, 48); - margin-bottom: em(60, 48); - } - - .heading-secondary { - @include heading-27(); - - display: block; - color: $secondary-text-colour; - } - -} - -.heading-large { - @include bold-36(); - - margin-top: em(25, 24); - margin-bottom: em(10, 24); - - @include media(tablet) { - margin-top: em(45, 36); - margin-bottom: em(20, 36); - } - - .heading-secondary { - @include heading-24(); - - display: block; - color: $secondary-text-colour; - } - -} - -.heading-medium { - @include bold-24(); - - margin-top: em(25, 20); - margin-bottom: em(10, 20); - - @include media(tablet) { - margin-top: em(45, 24); - margin-bottom: em(20, 24); - } - -} - -.heading-small { - @include bold-19(); - - margin-top: em(10, 16); - margin-bottom: em(5, 16); - - @include media(tablet) { - margin-top: em(20, 19); - } - -} - -// Text -p { - margin-top: em(5, 16); - margin-bottom: em(20, 16); - - @include media(tablet) { - margin-top: em(5); - margin-bottom: em(20); - } - -} - -// Lede, or intro text -.lede { - @include core-24; -} - -// Set a max-width for text blocks -// Less than 75 characters per line of text -.text { - max-width: 30em; -} - -.text-secondary { - color: $secondary-text-colour; -} - -// Link styles -.link { - color: $link-colour; - text-decoration: underline; -} - -.link:visited { - color: $link-visited-colour; -} - -.link:hover { - color: $link-hover-colour; -} - -.link:active { - color: $link-colour; -} - -// Back link styles - with left pointing arrow - -.link-back { - @include inline-block; - position: relative; - - @include core-16; - - margin-top: $gutter-half; - margin-bottom: $gutter-half; - padding-left: 14px; - - color: $black; - - &:link, - &:visited, - &:hover, - &:active { - color: $black; - } - - text-decoration: none; - border-bottom: 1px solid $black; - - // Back arrow - left pointing black arrow - &::before { - content: ''; - display: block; - width: 0; - height: 0; - - border-top: 5px solid transparent; - border-right: 6px solid #0b0c0c; - border-bottom: 5px solid transparent; - - position: absolute; - left: 0; - top: 50%; - margin-top: -6px; - } - - // Improve arrow shape in Firefox - @-moz-document url-prefix() { - &::before { - border-top: 5px dotted rgba(255, 0, 0, 0); - border-bottom: 5px dotted rgba(255, 0, 0, 0); - } - } - - // Fallback - // IE8 doesn't support rgba and only supports the single colon syntax for :before - // IE7 doesn't support pseudo-elements, let's fallback to an image instead. - // Ref: http://caniuse.com/#search=%3Abefore, http://caniuse.com/#search=rgba - @include ie-lte(8) { - background: file-url("icon-arrow-left.png") no-repeat 0 4px; - } - -} - -// Code styles -.code { - color: black; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - line-height: 1.5; - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - - color: $black; - background-color: $highlight-colour; - border: 1px solid $border-colour; - padding: 4px 4px 2px 4px; -} - -// Horizontal rule style -hr { - display: block; - background: $border-colour; - border: 0; - height: 1px; - margin-top: $gutter; - margin-bottom: $gutter; - padding: 0; - @include ie-lte(7) { - color: $border-colour; - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_forms.scss b/app/assets/stylesheets/govuk_elements/elements/_forms.scss deleted file mode 100644 index a2b94cc83..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_forms.scss +++ /dev/null @@ -1,225 +0,0 @@ -// Forms -// ========================================================================== - -// Contents: -// -// 1. Helpers -// 2. Form wrappers -// 3. Form labels -// 4. Form hints -// 5. Form controls -// 6. Form control widths - -// 1. Helpers -// ========================================================================== - -// Fieldset is used to group more than one .form-group -fieldset { - @extend %contain-floats; - width: 100%; -} - -// Fix left hand gap in IE7 and below -@include ie-lte(7) { - legend { - margin-left: -7px; - } -} - -// Remove margin under textarea in Chrome and FF -textarea{ - display: block; -} - - -// 2. Form wrappers -// ========================================================================== - -// Form group is used to wrap label and input pairs -.form-group { - @extend %contain-floats; - @include box-sizing(border-box); - - float: left; - width: 100%; - - margin-bottom: $gutter-half; - - @include media(tablet) { - margin-bottom: $gutter; - } -} - -// Form group related is used to reduce the space between label and input pairs -.form-group-related { - margin-bottom: 10px; - - @include media(tablet) { - margin-bottom: 20px; - } -} - -// Form group compound is used to reduce the space between label and input pairs -.form-group-compound { - margin-bottom: 10px; -} - - -// 3. Form labels -// ========================================================================== - -// Form labels, or for legends styled to look like labels -// TODO: Amend so there is only one label style -.form-label, -.form-label-bold { - display: block; - color: $text-colour; -} - -.form-label { - @include core-19; -} - -.form-label-bold { - @include bold-19; -} - -// Add spacing under spans within labels -legend { - .form-label, - .form-label-bold { - padding-bottom: 7px; - } -} - -// Remove spacing when error messages are shown -// TODO: Move into /forms/_form-validation.scss -.error legend { - .form-label, - .form-label-bold { - padding-bottom: 0; - } -} - -// Used for the 'or' in between block label options -.form-block { - @extend %contain-floats; - float: left; - width: 100%; - - margin-top: -5px; - margin-bottom: 5px; - - @include media(tablet) { - margin-top: 0; - margin-bottom: 10px; - } -} - -// 4. Form hints -// ========================================================================== - -// Form hints and example text are light grey and sit above a form control -.form-hint { - @include core-19; - display: block; - color: $secondary-text-colour; - font-weight: normal; - margin-bottom: 5px; -} - - -// 5. Form controls -// ========================================================================== - -// By default, form controls are 50% width for desktop, -// and 100% width for mobile -.form-control { - @include box-sizing(border-box); - @include core-19; - width: 100%; - - padding: 4px; - background-color: $white; - border: 2px solid $grey-1; - - // TODO: Remove 50% width set for tablet and up - // !! BREAKING CHANGE !! - @include media(tablet) { - width: 50%; - } - -} - -// Radio buttons -.form-radio { - display: block; - margin: 10px 0; - - input { - vertical-align: middle; - margin: -4px 5px 0 0; - } -} - -// Checkboxes -.form-checkbox { - display: block; - margin: $gutter-half 0; - - input { - vertical-align: middle; - margin: -2px 5px 0 0; - } -} - - -// 6. Form control widths -// ========================================================================== - -// TODO: Update these -// Form control widths - -.form-control-3-4 { - width: 100%; - - @include media(tablet) { - width: 75%; - } -} - -.form-control-2-3 { - width: 100%; - @include media(tablet) { - width: 66.66%; - } -} - -.form-control-1-2 { - width: 100%; - - @include media(tablet) { - width: 50%; - } -} - -.form-control-1-3 { - width: 100%; - @include media(tablet) { - width: 33.33%; - } -} - -.form-control-1-4 { - width: 100%; - @include media(tablet) { - width: 25%; - } -} - -.form-control-1-8 { - width: 100%; - @include media(tablet) { - width: 12.5%; - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_helpers.scss b/app/assets/stylesheets/govuk_elements/elements/_helpers.scss deleted file mode 100644 index 68caab433..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_helpers.scss +++ /dev/null @@ -1,44 +0,0 @@ -// Helpers -// ========================================================================== - -// Path to assets for use with file-url() is not already defined -@if ($path == false) { - $path: "/public/images/"; -} - -// Return ems from a pixel value -// This assumes a base of 19px -@function em($px, $base: 19) { - @return ($px / $base) + em; -} - -// Want to see how the grid works? -// add this class to the body to see how grid padding is set -.example-highlight-grid { - .grid-row { - background: $grey-2; - } - - .column-highlight { - background: $grey-3; - width: 100%; - } - -} - -// Hide, but not for screenreaders -.visuallyhidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; -} - -// Hide, only when JavaScript is enabled -.js-enabled .js-hidden { - display: none; -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_icons.scss b/app/assets/stylesheets/govuk_elements/elements/_icons.scss deleted file mode 100644 index f0c683541..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_icons.scss +++ /dev/null @@ -1,244 +0,0 @@ -// GOV.UK icons - -.icon { - background-position: 0 0; - background-repeat: no-repeat; -} - -.icon-calendar { - width: 27px; - height: 27px; - background-image: file-url("icons/icon-calendar.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-calendar-2x.png"); - background-size: 100%; - } -} - -.icon-download { - width: 30px; - height: 39px; - background-image: file-url("icons/icon-file-download.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-file-download-2x.png"); - background-size: 100%; - } -} - -.icon-important { - width: 34px; - height: 34px; - background-image: file-url("icons/icon-important.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-important-2x.png"); - background-size: 100%; - } -} - -.icon-information { - width: 27px; - height: 27px; - background-image: file-url("icons/icon-information.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-information-2x.png"); - background-size: 100%; - } -} - -.icon-locator { - width: 26px; - height: 36px; - background-image: file-url("icons/icon-locator.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-locator-2x.png"); - background-size: 100%; - } -} - -.icon-search { - width: 30px; - height: 22px; - background-color: $black; - background-image: file-url("icons/icon-search.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-search-2x.png"); - background-size: 100%; - } -} - -// GOV.UK arrow icons -.icon-pointer { - width: 30px; - height: 19px; - background-color: $black; - background-image: file-url("icons/icon-pointer.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-pointer-2x.png"); - background-size: 100%; - } -} - -.icon-pointer-black { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-pointer-black.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-pointer-black-2x.png"); - background-size: 100%; - } -} - -// GOV.UK external link icons -// TODO (Are these provided by the template?) - -// GOV.UK step icons -.icon-step-1 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-1.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-1-2x.png"); - background-size: 100%; - } -} - -.icon-step-2 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-2.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-2-2x.png"); - background-size: 100%; - } -} - -.icon-step-3 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-3.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-3-2x.png"); - background-size: 100%; - } -} - -.icon-step-4 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-4.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-4-2x.png"); - background-size: 100%; - } -} - -.icon-step-5 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-5.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-5-2x.png"); - background-size: 100%; - } -} - -.icon-step-6 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-6.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-6-2x.png"); - background-size: 100%; - } -} - -.icon-step-7 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-7.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-7-2x.png"); - background-size: 100%; - } -} - -.icon-step-8 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-8.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-8-2x.png"); - background-size: 100%; - } -} - -.icon-step-9 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-9.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-9-2x.png"); - background-size: 100%; - } -} - -.icon-step-10 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-10.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-10-2x.png"); - background-size: 100%; - } -} - -.icon-step-11 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-11.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-11-2x.png"); - background-size: 100%; - } -} - -.icon-step-12 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-12.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-12-2x.png"); - background-size: 100%; - } -} - -.icon-step-13 { - width: 23px; - height: 23px; - background-image: file-url("icons/icon-steps/icon-step-13.png"); - - @include device-pixel-ratio() { - background-image: file-url("icons/icon-steps/icon-step-13-2x.png"); - background-size: 100%; - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_layout.scss b/app/assets/stylesheets/govuk_elements/elements/_layout.scss deleted file mode 100644 index dacae96e8..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_layout.scss +++ /dev/null @@ -1,63 +0,0 @@ -// Layout -// ========================================================================== - -// Content -// ========================================================================== - -// Content wraps the entire site content block -#content { - @extend %site-width-container; - @extend %contain-floats; - padding-bottom: $gutter; - - @include media(desktop) { - padding-bottom: $gutter*3; - } -} - - -// Phase banner -// ========================================================================== - -.phase-banner { - @include phase-banner(alpha); -} - - -// Grid layout -// ========================================================================== - -// Usage: -// For two equal columns - -//
-//
-// -//
-//
-// -//
-//
- -// Use .grid-row to define a row for grid columns to sit in -.grid-row { - @extend %grid-row; -} - -// Use .grid-column to create a grid column with 15px gutter -// By default grid columns break to become full width at tablet size -.column-quarter { - @include grid-column(1/4); -} - -.column-half { - @include grid-column(1/2); -} - -.column-third { - @include grid-column(1/3); -} - -.column-two-thirds { - @include grid-column(2/3); -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_lists.scss b/app/assets/stylesheets/govuk_elements/elements/_lists.scss deleted file mode 100644 index 839cd3e7b..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_lists.scss +++ /dev/null @@ -1,36 +0,0 @@ -// Lists -// ========================================================================== - -ul, -ol { - list-style-type: none; - padding: 0; -} - -// Bulleted lists -.list-bullet { - list-style-type: disc; - padding-left: 20px; -} - -// Numbered lists -.list-number { - list-style-type: decimal; - padding-left: 20px; - - @include ie-lte(7) { - padding-left: 28px; - } -} - -.list-bullet, -.list-number { - margin-top: 5px; - margin-bottom: 20px; -} - -.list-bullet li, -.list-number li { - margin-bottom: 5px; -} - diff --git a/app/assets/stylesheets/govuk_elements/elements/_panels.scss b/app/assets/stylesheets/govuk_elements/elements/_panels.scss deleted file mode 100644 index 8bb2a8633..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_panels.scss +++ /dev/null @@ -1,31 +0,0 @@ -// Panels -// ========================================================================== - -// Indented panels with a grey left hand border -.panel-indent { - @extend %contain-floats; - clear: both; - border-left: 5px solid $border-colour; - - padding: em(15,19); - margin-bottom: em(15,19); - - :first-child { - margin-top: 0; - } - - :only-child, - :last-child { - margin-bottom: 0; - } - -} - -.panel-indent-info { - border-left-width: 10px; -} - -// Indented panels within form groups -.form-group .panel-indent { - padding-bottom: 0; -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_reset.scss b/app/assets/stylesheets/govuk_elements/elements/_reset.scss deleted file mode 100644 index d157dbeed..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_reset.scss +++ /dev/null @@ -1,33 +0,0 @@ -// Reset -// ========================================================================== -// flatten all browser defaults and styles inherited from gov.uk template - -/* Borrowed from http://meyerweb.com/eric/tools/css/reset/ */ -div, span, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark { - border: none; - margin: 0; - padding: 0; -} - -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -input, textarea, -table, caption, tbody, tfoot, thead, tr, th, td { - font-size: inherit; - font-family: inherit; - line-height: inherit; - font-weight: normal; -} diff --git a/app/assets/stylesheets/govuk_elements/elements/_tables.scss b/app/assets/stylesheets/govuk_elements/elements/_tables.scss deleted file mode 100644 index 9afb7b1a9..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/_tables.scss +++ /dev/null @@ -1,32 +0,0 @@ -// Tables -// ========================================================================== - -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; - - th, - td { - @include core-16; - padding: em(12, 16) em(20, 16) em(9, 16) 0; - - text-align: left; - color: $black; - border-bottom: 1px solid $border-colour; - } - - th { - font-weight: 700; - // Right align headings for numeric content - &.numeric { - text-align: right; - } - } - - // Use tabular numbers for numeric table cells - td.numeric { - @include core-16($tabular-numbers: true); - text-align: right; - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss b/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss deleted file mode 100644 index 17321ee55..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss +++ /dev/null @@ -1,70 +0,0 @@ -// Large hit area -// Radio buttons & checkboxes - -// By default, block labels stack vertically -.block-label { - - display: block; - float: none; - clear: left; - position: relative; - - background: $panel-colour; - border: 1px solid $panel-colour; - padding: (18px $gutter $gutter-half $gutter*1.8); - - margin-bottom: 10px; - cursor: pointer; // Encourage clicking on block labels - - @include media(tablet) { - float: left; - // width: 25%; - Test : check that text within labels will wrap - } - - // Absolutely position inputs within label, to allow text to wrap - input { - position: absolute; - top: 15px; - left: $gutter-half; - cursor: pointer; - margin: 0; - width: 29px; - height: 29px; - @include ie(8) { - top: 12px; - } - } - - // Change border on hover - &:hover { - border-color: $black; - } -} - -.block-label:last-child { - margin-bottom: 0; -} - -// To stack horizontally, use .inline on parent, to sit block labels next to each other -.inline .block-label { - clear: none; - margin-right: 10px; -} - -// Selected and focused states - -// Add selected state -.js-enabled label.selected { - background: $white; - border-color: $black; -} - -// Add focus to block labels -.js-enabled label.focused { - outline: 3px solid $focus-colour; -} - -// Remove focus from radio/checkboxes -.js-enabled .focused input:focus { - outline: none; -} diff --git a/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss b/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss deleted file mode 100644 index c5f94c780..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss +++ /dev/null @@ -1,38 +0,0 @@ -// Date pattern - -// Hide the 'spinner' for webkit -// and also for Firefox -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -input[type=number] { - -moz-appearance: textfield; -} - -.form-date { - - .form-group { - float: left; - width: 50px; - - margin-right: 20px; - margin-bottom: 0; - clear: none; - - label { - display: block; - margin-bottom: 5px; - } - - input { - width: 100%; - } - } - - .form-group-year { - width: 70px; - } -} diff --git a/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss b/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss deleted file mode 100644 index 2b15b7700..000000000 --- a/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss +++ /dev/null @@ -1,104 +0,0 @@ -// Form validation -// ========================================================================== - -// Using the classname .error as it's shorter than .validation and easier to type! -.error { - - // Ensure the .error class is applied to .form-group, otherwide box-sizing(border-box) will need to be used - // @include box-sizing(border-box); - margin-right: 15px; - - // Error messages should be red and bold - .error-message { - color: $error-colour; - font-weight: bold; - } - - // Form inputs should have a red border - .form-control { - border: 4px solid $error-colour; - } - - .form-hint { - margin-bottom: 0; - } - -} - -.error, -.error-summary { - - // Add a red border to the left of the field - border-left: 4px solid $error-colour; - padding-left: 10px; - - @include media(tablet) { - border-left: 5px solid $error-colour; - padding-left: $gutter-half; - } -} - -.error-message { - @include core-19; - - display: block; - clear: both; - - margin: 0; - padding: 5px 0 7px 0; -} - -// Summary of multiple error messages -.error-summary { - - // Error summary has a border on all sides - border: 4px solid $error-colour; - - margin-top: $gutter-half; - margin-bottom: $gutter-half; - - padding: $gutter-half 10px; - - @include media(tablet) { - border: 5px solid $error-colour; - - margin-top: $gutter; - margin-bottom: $gutter; - - padding: 20px $gutter-half $gutter-half $gutter-half; - } - - @include ie-lte(6) { - zoom: 1; - } - - // Use the GOV.UK outline focus style - &:focus { - outline: 3px solid $focus-colour; - } - - .error-summary-heading { - margin-top: 0; - } - - p { - margin-bottom: 10px; - } - - .error-summary-list { - padding-left: 0; - - li { - - @include media(tablet) { - margin-bottom: 5px; - } - } - - a { - color: $error-colour; - font-weight: bold; - text-decoration: underline; - } - } -} diff --git a/app/assets/stylesheets/govuk_elements/main-ie6.scss b/app/assets/stylesheets/govuk_elements/main-ie6.scss deleted file mode 100644 index 19bc97b8d..000000000 --- a/app/assets/stylesheets/govuk_elements/main-ie6.scss +++ /dev/null @@ -1,5 +0,0 @@ -$is-ie: true; -$ie-version: 6; -$mobile-ie6: false; - -@import "main"; diff --git a/app/assets/stylesheets/govuk_elements/main-ie7.scss b/app/assets/stylesheets/govuk_elements/main-ie7.scss deleted file mode 100644 index b7d73b866..000000000 --- a/app/assets/stylesheets/govuk_elements/main-ie7.scss +++ /dev/null @@ -1,4 +0,0 @@ -$is-ie: true; -$ie-version: 7; - -@import "main"; diff --git a/app/assets/stylesheets/govuk_elements/main-ie8.scss b/app/assets/stylesheets/govuk_elements/main-ie8.scss deleted file mode 100644 index 2bfc4904c..000000000 --- a/app/assets/stylesheets/govuk_elements/main-ie8.scss +++ /dev/null @@ -1,4 +0,0 @@ -$is-ie: true; -$ie-version: 8; - -@import "main"; diff --git a/app/assets/stylesheets/govuk_elements/main.scss b/app/assets/stylesheets/govuk_elements/main.scss deleted file mode 100644 index 5f7915154..000000000 --- a/app/assets/stylesheets/govuk_elements/main.scss +++ /dev/null @@ -1,28 +0,0 @@ -// GOV.UK front end toolkit -// Sass mixins and variables -// https://github.com/alphagov/govuk_frontend_toolkit/tree/master/stylesheets - - -@import "../../govuk_frontend_toolkit/stylesheets/design-patterns/alpha-beta"; -@import "../../govuk_frontend_toolkit/stylesheets/design-patterns/buttons"; - -// GOV.UK elements -@import "elements/helpers"; -@import "elements/reset"; -@import "elements/elements-typography"; -@import "elements/layout"; - -@import "elements/forms"; -@import "elements/forms/form-block-labels"; -@import "elements/forms/form-date"; -@import "elements/forms/form-validation"; - -@import "elements/tables"; -@import "elements/lists"; -@import "elements/details"; -@import "elements/panels"; -@import "elements/buttons"; -@import "elements/icons"; - -@import "elements/components"; -@import "elements/breadcrumb"; diff --git a/app/assets/govuk_frontend_toolkit b/app/assets/stylesheets/govuk_frontend_toolkit similarity index 100% rename from app/assets/govuk_frontend_toolkit rename to app/assets/stylesheets/govuk_frontend_toolkit diff --git a/app/assets/stylesheets/govuk_template/govuk-template.scss b/app/assets/stylesheets/govuk_template/govuk-template.scss index c22c2a769..bebebe5a2 100644 --- a/app/assets/stylesheets/govuk_template/govuk-template.scss +++ b/app/assets/stylesheets/govuk_template/govuk-template.scss @@ -1,15 +1,11 @@ /* govuk_frontend_toolkit includes */ -@import "../../govuk_frontend_toolkit/stylesheets/colours"; -@import "../../govuk_frontend_toolkit/stylesheets/conditionals"; -@import "../../govuk_frontend_toolkit/stylesheets/css3"; -@import "../../govuk_frontend_toolkit/stylesheets/device-pixels"; -@import "../../govuk_frontend_toolkit/stylesheets/typography"; -@import "../../govuk_frontend_toolkit/stylesheets/grid_layout"; -@import "../../govuk_frontend_toolkit/stylesheets/design-patterns/_buttons"; - -// Edited version of govuk_elements repo -// https://github.com/alphagov/govuk_elements -@import "../govuk_elements/main"; +@import "../govuk_frontend_toolkit/stylesheets/colours"; +@import "../govuk_frontend_toolkit/stylesheets/conditionals"; +@import "../govuk_frontend_toolkit/stylesheets/css3"; +@import "../govuk_frontend_toolkit/stylesheets/device-pixels"; +@import "../govuk_frontend_toolkit/stylesheets/typography"; +@import "../govuk_frontend_toolkit/stylesheets/grid_layout"; +@import "../govuk_frontend_toolkit/stylesheets/design-patterns/_buttons"; /* local styleguide includes */ @import "styleguide/colours"; @@ -20,8 +16,3 @@ @import "accessibility"; @import "header"; @import "footer"; - -// Extra CSS for this application -@import "../app"; - - diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index 119b8758a..e0591db04 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -7,31 +7,32 @@ @import "govuk_frontend_toolkit/stylesheets/colours"; @import "govuk_frontend_toolkit/stylesheets/typography"; @import "govuk_frontend_toolkit/stylesheets/grid_layout"; +@import "govuk_frontend_toolkit/stylesheets/helpers"; @import "govuk_frontend_toolkit/stylesheets/url-helpers"; @import "govuk_frontend_toolkit/stylesheets/design-patterns/buttons"; @import "govuk_frontend_toolkit/stylesheets/design-patterns/alpha-beta"; -// Edited version of govuk_template repo -// https://github.com/alphagov/govuk_template -@import "govuk_template/govuk-template"; -@import "govuk_template/govuk-template-ie6"; -@import "govuk_template/govuk-template-ie7"; -@import "govuk_template/govuk-template-ie8"; -@import "govuk_template/govuk-template-print"; - // Edited version of govuk_elements repo // https://github.com/alphagov/govuk_elements -@import "govuk_elements/elements/reset"; -@import "govuk_elements/elements/buttons"; -@import "govuk_elements/elements/details"; -@import "govuk_elements/elements/elements-typography"; -@import "govuk_elements/elements/forms"; -@import "govuk_elements/elements/helpers"; -@import "govuk_elements/elements/icons"; -@import "govuk_elements/elements/layout"; -@import "govuk_elements/elements/lists"; -@import "govuk_elements/elements/panels"; -@import "govuk_elements/elements/tables"; +@import "govuk_elements/public/sass/elements/helpers"; +@import "govuk_elements/public/sass/elements/reset"; +@import "govuk_elements/public/sass/elements/buttons"; +@import "govuk_elements/public/sass/elements/details"; +@import "govuk_elements/public/sass/elements/elements-typography"; +@import "govuk_elements/public/sass/elements/forms"; +@import "govuk_elements/public/sass/elements/forms/form-block-labels"; +@import "govuk_elements/public/sass/elements/icons"; +@import "govuk_elements/public/sass/elements/layout"; +@import "govuk_elements/public/sass/elements/lists"; +@import "govuk_elements/public/sass/elements/panels"; +@import "govuk_elements/public/sass/elements/tables"; // Extra CSS for this application +@import "components/template-picker"; +@import "components/placeholder"; +@import "components/sms-message"; +@import "components/submit-form"; +@import "components/table"; + +// TODO: break this up @import "app"; diff --git a/app/main/__init__.py b/app/main/__init__.py index c4c2c8ab2..2f617456e 100644 --- a/app/main/__init__.py +++ b/app/main/__init__.py @@ -3,4 +3,4 @@ from flask import Blueprint main = Blueprint('main', __name__) -from app.main.views import index, sign_in, register, two_factor, verify +from app.main.views import index, sign_in, register, two_factor, verify, sms diff --git a/app/main/views/index.py b/app/main/views/index.py index d3e10d8cd..f1525d4cd 100644 --- a/app/main/views/index.py +++ b/app/main/views/index.py @@ -6,126 +6,116 @@ from app.main import main @main.route('/') def index(): - return render_template('signedout.html') + return render_template('views/signedout.html') @main.route("/govuk") def govuk(): - return render_template('govuk_template.html') + return render_template('views/govuk_template.html') @main.route("/register-from-invite") def registerfrominvite(): - return render_template('register-from-invite.html') + return render_template('views/register-from-invite.html') @main.route("/verify-mobile") def verifymobile(): - return render_template('verify-mobile.html') + return render_template('views/verify-mobile.html') @main.route("/text-not-received-2") def textnotreceived2(): - return render_template('text-not-received-2.html') + return render_template('views/text-not-received-2.html') @main.route("/dashboard") @login_required def dashboard(): - return render_template('dashboard.html') + return render_template('views/dashboard.html') @main.route("/add-service") @login_required def addservice(): - return render_template('add-service.html') - - -@main.route("/send-sms") -def sendsms(): - return render_template('send-sms.html') - - -@main.route("/check-sms") -def checksms(): - return render_template('check-sms.html') + return render_template('views/add-service.html') @main.route("/email-not-received") def emailnotreceived(): - return render_template('email-not-received.html') + return render_template('views/email-not-received.html') @main.route("/text-not-received") def textnotreceived(): - return render_template('text-not-received.html') + return render_template('views/text-not-received.html') @main.route("/send-email") def sendemail(): - return render_template('send-email.html') + return render_template('views/send-email.html') @main.route("/check-email") def checkemail(): - return render_template('check-email.html') + return render_template('views/check-email.html') @main.route("/jobs") def showjobs(): - return render_template('jobs.html') + return render_template('views/jobs.html') @main.route("/jobs/job") def showjob(): - return render_template('job.html') + return render_template('views/job.html') @main.route("/jobs/job/notification") def shownotification(): - return render_template('notification.html') + return render_template('views/notification.html') @main.route("/forgot-password") def forgotpassword(): - return render_template('forgot-password.html') + return render_template('views/forgot-password.html') @main.route("/new-password") def newpassword(): - return render_template('new-password.html') + return render_template('views/new-password.html') @main.route("/user-profile") def userprofile(): - return render_template('user-profile.html') + return render_template('views/user-profile.html') @main.route("/manage-users") def manageusers(): - return render_template('manage-users.html') + return render_template('views/manage-users.html') @main.route("/service-settings") def servicesettings(): - return render_template('service-settings.html') + return render_template('views/service-settings.html') @main.route("/api-keys") def apikeys(): - return render_template('api-keys.html') + return render_template('views/api-keys.html') @main.route("/verification-not-received") def verificationnotreceived(): - return render_template('verification-not-received.html') + return render_template('views/verification-not-received.html') @main.route("/manage-templates") def managetemplates(): - return render_template('manage-templates.html') + return render_template('views/manage-templates.html') @main.route("/edit-template") def edittemplate(): - return render_template('edit-template.html') + return render_template('views/edit-template.html') diff --git a/app/main/views/register.py b/app/main/views/register.py index 44476b2ca..cd8830db9 100644 --- a/app/main/views/register.py +++ b/app/main/views/register.py @@ -14,7 +14,7 @@ from app.models import User @main.route("/register", methods=['GET']) def render_register(): - return render_template('register.html', form=RegisterUserForm()) + return render_template('views/register.html', form=RegisterUserForm()) @main.route('/register', methods=['POST']) diff --git a/app/main/views/sign_in.py b/app/main/views/sign_in.py index 8b2364b86..b2b4a34be 100644 --- a/app/main/views/sign_in.py +++ b/app/main/views/sign_in.py @@ -11,7 +11,7 @@ from app.main.views import send_sms_code @main.route("/sign-in", methods=(['GET'])) def render_sign_in(): - return render_template('signin.html', form=LoginForm()) + return render_template('views/signin.html', form=LoginForm()) @main.route('/sign-in', methods=(['POST'])) diff --git a/app/main/views/sms.py b/app/main/views/sms.py new file mode 100644 index 000000000..891502fc5 --- /dev/null +++ b/app/main/views/sms.py @@ -0,0 +1,66 @@ +from flask import request, render_template, redirect, url_for +from flask_login import login_required + +from app.main import main + +message_templates = [ + { + 'name': 'Reminder', + 'body': """ + Vehicle tax: Your vehicle tax for ((registration number)) expires on ((date)). + Tax your vehicle at www.gov.uk/vehicle-tax + """ + }, + { + 'name': 'Warning', + 'body': """ + Vehicle tax: Your vehicle tax for ((registration number)) has expired. + Tax your vehicle at www.gov.uk/vehicle-tax + """ + }, +] + + +@main.route("/sms/send", methods=['GET', 'POST']) +def sendsms(): + if request.method == 'GET': + return render_template( + 'views/send-sms.html', + message_templates=message_templates + ) + elif request.method == 'POST': + return redirect(url_for('.checksms')) + + +@main.route("/sms/check", methods=['GET', 'POST']) +def checksms(): + + recipients = [ + {'phone': "+44 7700 900989", 'registration number': 'LC12 BFL', 'date': '24 December 2015'}, + {'phone': "+44 7700 900479", 'registration number': 'DU04 AOM', 'date': '25 December 2015'}, + {'phone': "+44 7700 900964", 'registration number': 'M91 MJB', 'date': '26 December 2015'}, + {'phone': "+44 7700 900703", 'registration number': 'Y249 NPU', 'date': '31 December 2015'}, + {'phone': "+44 7700 900730", 'registration number': 'LG55 UGB', 'date': '1 January 2016'}, + {'phone': "+44 7700 900989", 'registration number': 'LC12 BFL', 'date': '24 December 2015'}, + {'phone': "+44 7700 900479", 'registration number': 'DU04 AOM', 'date': '25 December 2015'}, + {'phone': "+44 7700 900964", 'registration number': 'M91 MJB', 'date': '26 December 2015'}, + {'phone': "+44 7700 900703", 'registration number': 'Y249 NPU', 'date': '31 December 2015'}, + {'phone': "+44 7700 900730", 'registration number': 'LG55 UGB', 'date': '1 January 2016'}, + ] + + number_of_recipients = len(recipients) + too_many_recipients_to_display = number_of_recipients > 7 + + if request.method == 'GET': + return render_template( + 'views/check-sms.html', + number_of_recipients=number_of_recipients, + recipients={ + "first_three": recipients[:3] if too_many_recipients_to_display else [], + "last_three": recipients[number_of_recipients - 3:] if too_many_recipients_to_display else [], + "all": recipients if not too_many_recipients_to_display else [] + }, + message_template=message_templates[0]['body'] + ) + elif request.method == 'POST': + return redirect(url_for('.showjob')) diff --git a/app/main/views/two_factor.py b/app/main/views/two_factor.py index 093bd6a51..7d8b53326 100644 --- a/app/main/views/two_factor.py +++ b/app/main/views/two_factor.py @@ -8,7 +8,7 @@ from app.main.forms import TwoFactorForm @main.route("/two-factor", methods=['GET']) def render_two_factor(): - return render_template('two-factor.html', form=TwoFactorForm()) + return render_template('views/two-factor.html', form=TwoFactorForm()) @main.route('/two-factor', methods=['POST']) diff --git a/app/main/views/verify.py b/app/main/views/verify.py index 3e3c139af..1cbfa63ce 100644 --- a/app/main/views/verify.py +++ b/app/main/views/verify.py @@ -8,7 +8,7 @@ from app.main.forms import VerifyForm @main.route('/verify', methods=['GET']) def render_verify(): - return render_template('verify.html', form=VerifyForm()) + return render_template('views/verify.html', form=VerifyForm()) @main.route('/verify', methods=['POST']) diff --git a/app/static/stylesheets/govuk-template.css b/app/static/stylesheets/govuk-template.css index 3ea16228b..ebda91bf9 100644 --- a/app/static/stylesheets/govuk-template.css +++ b/app/static/stylesheets/govuk-template.css @@ -28,45 +28,40 @@ @-o-viewport { width: device-width; } -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_shims.scss */ -.grid-row:after, #global-breadcrumb:after, #content:after, fieldset:after, .form-group:after, .form-block:after, .panel-indent:after, #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, +/* line 46, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_shims.scss */ +#global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, #global-header .header-proposition #proposition-links:after, #footer .footer-wrapper:after, #footer .footer-meta:after { content: ""; display: block; clear: both; } -/* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ -#content, #global-header-bar, #global-cookie-message p { +/* line 18, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ +#global-header-bar, #global-cookie-message p { max-width: 960px; margin: 0 15px; } @media (min-width: 641px) { - /* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ - #content, #global-header-bar, #global-cookie-message p { + /* line 18, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ + #global-header-bar, #global-cookie-message p { margin: 0 30px; } } @media (min-width: 1020px) { - /* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ - #content, #global-header-bar, #global-cookie-message p { + /* line 18, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ + #global-header-bar, #global-cookie-message p { margin: 0 auto; } } -/* line 60, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ -.grid-row, #global-breadcrumb { - margin: 0 -15px; -} - @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_shims.scss */ -.grid-row:after, #global-breadcrumb:after, #content:after, fieldset:after, .form-group:after, .form-block:after, .panel-indent:after, #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, +/* line 46, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_shims.scss */ +#global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, #global-header .header-proposition #proposition-links:after, #footer .footer-wrapper:after, #footer .footer-meta:after { content: ""; display: block; @@ -79,1914 +74,26 @@ @-o-viewport { width: device-width; } -@font-face { - font-family: GDS-Logo; - src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); -} -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_shims.scss */ -.grid-row:after, #global-breadcrumb:after, #content:after, fieldset:after, .form-group:after, .form-block:after, .panel-indent:after, #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-wrapper:after, #footer .footer-meta:after { - content: ""; - display: block; - clear: both; -} - -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_shims.scss */ -.grid-row:after, #global-breadcrumb:after, #content:after, fieldset:after, .form-group:after, .form-block:after, .panel-indent:after, #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-wrapper:after, #footer .footer-meta:after { - content: ""; - display: block; - clear: both; -} - -/* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ -#content, #global-header-bar, #global-cookie-message p { - max-width: 960px; - margin: 0 15px; -} -@media (min-width: 641px) { - /* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ - #content, #global-header-bar, #global-cookie-message p { - margin: 0 30px; - } -} -@media (min-width: 1020px) { - /* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ - #content, #global-header-bar, #global-cookie-message p { - margin: 0 auto; - } -} - -/* line 60, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_grid_layout.scss */ -.grid-row, #global-breadcrumb { - margin: 0 -15px; -} - -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_shims.scss */ -.grid-row:after, #global-breadcrumb:after, #content:after, fieldset:after, .form-group:after, .form-block:after, .panel-indent:after, #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-wrapper:after, #footer .footer-meta:after { - content: ""; - display: block; - clear: both; -} - -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -/* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_helpers.scss */ -.example-highlight-grid .grid-row { - background: #bfc1c3; -} -/* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_helpers.scss */ -.example-highlight-grid .column-highlight { - background: #dee0e2; - width: 100%; -} - -/* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_helpers.scss */ -.visuallyhidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; -} - -/* line 42, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_helpers.scss */ -.js-enabled .js-hidden { - display: none; -} - -/* Borrowed from http://meyerweb.com/eric/tools/css/reset/ */ -/* line 6, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_reset.scss */ -div, span, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark { - border: none; - margin: 0; - padding: 0; -} - -/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_reset.scss */ -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -input, textarea, -table, caption, tbody, tfoot, thead, tr, th, td { - font-size: inherit; - font-family: inherit; - line-height: inherit; - font-weight: normal; -} - -/* line 7, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -main { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; - -webkit-font-smoothing: antialiased; -} -@media (min-width: 641px) { - /* line 7, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - main { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 13, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-xxlarge { - font-family: "nta", Arial, sans-serif; - font-size: 53px; - line-height: 1.03774; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 13, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-xxlarge { - font-size: 80px; - line-height: 1; - } -} - -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-xlarge { - font-family: "nta", Arial, sans-serif; - font-size: 32px; - line-height: 1.09375; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-xlarge { - font-size: 48px; - line-height: 1.04167; - } -} - -/* line 21, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-large { - font-family: "nta", Arial, sans-serif; - font-size: 24px; - line-height: 1.04167; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 21, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-large { - font-size: 36px; - line-height: 1.11111; - } -} - -/* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-medium { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-medium { - font-size: 24px; - line-height: 1.25; - } -} - -/* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-small { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-small { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 33, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.font-xsmall { - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 33, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .font-xsmall { - font-size: 16px; - line-height: 1.25; - } -} - -/* line 38, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-xxlarge { - font-family: "nta", Arial, sans-serif; - font-size: 53px; - line-height: 1.03774; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 38, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-xxlarge { - font-size: 80px; - line-height: 1; - } -} - -/* line 42, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-xlarge { - font-family: "nta", Arial, sans-serif; - font-size: 32px; - line-height: 1.09375; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 42, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-xlarge { - font-size: 48px; - line-height: 1.04167; - } -} - -/* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-large { - font-family: "nta", Arial, sans-serif; - font-size: 24px; - line-height: 1.04167; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 46, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-large { - font-size: 36px; - line-height: 1.11111; - } -} - -/* line 50, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-medium { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 50, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-medium { - font-size: 24px; - line-height: 1.25; - } -} - -/* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-small { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-small { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.bold-xsmall { - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .bold-xsmall { - font-size: 16px; - line-height: 1.25; - } -} - -/* line 67, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-xlarge { - font-family: "nta", Arial, sans-serif; - font-size: 32px; - line-height: 1.09375; - font-weight: 700; - text-transform: none; - margin-top: 0.46875em; - margin-bottom: 0.9375em; -} -@media (min-width: 641px) { - /* line 67, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-xlarge { - font-size: 48px; - line-height: 1.04167; - } -} -@media (min-width: 641px) { - /* line 67, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-xlarge { - margin-top: 0.625em; - margin-bottom: 1.25em; - } -} -/* line 78, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-xlarge .heading-secondary { - font-family: "nta", Arial, sans-serif; - font-size: 20px; - line-height: 1.11111; - font-weight: 400; - text-transform: none; - padding-top: 8px; - padding-bottom: 7px; - display: block; - color: #6f777b; -} -@media (min-width: 641px) { - /* line 78, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-xlarge .heading-secondary { - font-size: 27px; - line-height: 1.11111; - } -} -@media (min-width: 641px) { - /* line 78, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-xlarge .heading-secondary { - padding-top: 4px; - padding-bottom: 6px; - } -} - -/* line 87, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-large { - font-family: "nta", Arial, sans-serif; - font-size: 24px; - line-height: 1.04167; - font-weight: 700; - text-transform: none; - margin-top: 1.04167em; - margin-bottom: 0.41667em; -} -@media (min-width: 641px) { - /* line 87, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-large { - font-size: 36px; - line-height: 1.11111; - } -} -@media (min-width: 641px) { - /* line 87, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-large { - margin-top: 1.25em; - margin-bottom: 0.55556em; - } -} -/* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-large .heading-secondary { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 400; - text-transform: none; - padding-top: 9px; - padding-bottom: 6px; - display: block; - color: #6f777b; -} -@media (min-width: 641px) { - /* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-large .heading-secondary { - font-size: 24px; - line-height: 1.25; - } -} -@media (min-width: 641px) { - /* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-large .heading-secondary { - padding-top: 6px; - padding-bottom: 4px; - } -} - -/* line 107, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-medium { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 700; - text-transform: none; - margin-top: 1.25em; - margin-bottom: 0.5em; -} -@media (min-width: 641px) { - /* line 107, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-medium { - font-size: 24px; - line-height: 1.25; - } -} -@media (min-width: 641px) { - /* line 107, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-medium { - margin-top: 1.875em; - margin-bottom: 0.83333em; - } -} - -/* line 120, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.heading-small { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 700; - text-transform: none; - margin-top: 0.625em; - margin-bottom: 0.3125em; -} -@media (min-width: 641px) { - /* line 120, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-small { - font-size: 19px; - line-height: 1.31579; - } -} -@media (min-width: 641px) { - /* line 120, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .heading-small { - margin-top: 1.05263em; - } -} - -/* line 133, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -p { - margin-top: 0.3125em; - margin-bottom: 1.25em; -} -@media (min-width: 641px) { - /* line 133, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - p { - margin-top: 0.26316em; - margin-bottom: 1.05263em; - } -} - -/* line 145, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.lede { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 145, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .lede { - font-size: 24px; - line-height: 1.25; - } -} - -/* line 151, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.text { - max-width: 30em; -} - -/* line 155, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.text-secondary { - color: #6f777b; -} - -/* line 160, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link { - color: #005ea5; - text-decoration: underline; -} - -/* line 165, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link:visited { - color: #4c2c92; -} - -/* line 169, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link:hover { - color: #2e8aca; -} - -/* line 173, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link:active { - color: #005ea5; -} - -/* line 179, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link-back { - display: -moz-inline-stack; - display: inline-block; - position: relative; - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; - margin-top: 15px; - margin-bottom: 15px; - padding-left: 14px; - color: #0b0c0c; - text-decoration: none; - border-bottom: 1px solid #0b0c0c; -} -@media (min-width: 641px) { - /* line 179, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .link-back { - font-size: 16px; - line-height: 1.25; - } -} -/* line 191, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link-back:link, .link-back:visited, .link-back:hover, .link-back:active { - color: #0b0c0c; -} -/* line 202, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.link-back::before { - content: ''; - display: block; - width: 0; - height: 0; - border-top: 5px solid transparent; - border-right: 6px solid #0b0c0c; - border-bottom: 5px solid transparent; - position: absolute; - left: 0; - top: 50%; - margin-top: -6px; -} -@-moz-document url-prefix() { - /* line 220, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ - .link-back::before { - border-top: 5px dotted rgba(255, 0, 0, 0); - border-bottom: 5px dotted rgba(255, 0, 0, 0); - } -} -/* line 237, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -.code { - color: black; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - color: #0b0c0c; - background-color: #f8f8f8; - border: 1px solid #bfc1c3; - padding: 4px 4px 2px 4px; -} - -/* line 265, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_elements-typography.scss */ -hr { - display: block; - background: #bfc1c3; - border: 0; - height: 1px; - margin-top: 30px; - margin-bottom: 30px; - padding: 0; -} - -/* line 8, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -#content { - padding-bottom: 30px; -} -@media (min-width: 769px) { - /* line 8, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - #content { - padding-bottom: 90px; - } -} - -/* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -.phase-banner { - padding: 10px 0 8px 0; - border-bottom: 1px solid #bfc1c3; -} -@media (min-width: 641px) { - /* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - .phase-banner { - padding-bottom: 10px; - } -} -/* line 19, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ -.phase-banner p { - margin: 0; - color: #000; - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 19, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ - .phase-banner p { - font-size: 16px; - line-height: 1.25; - } -} -/* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ -.phase-banner .phase-tag { - display: -moz-inline-stack; - display: inline-block; - vertical-align: top; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 700; - text-transform: none; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: #fff; - background-color: #d53880; -} -@media (min-width: 641px) { - /* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ - .phase-banner .phase-tag { - vertical-align: baseline; - } -} -@media (min-width: 641px) { - /* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ - .phase-banner .phase-tag { - font-size: 16px; - line-height: 1.25; - } -} -/* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ -.phase-banner span { - vertical-align: top; -} -@media (min-width: 641px) { - /* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_alpha-beta.scss */ - .phase-banner span { - vertical-align: baseline; - } -} - -/* line 49, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -.column-quarter { - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -@media (min-width: 641px) { - /* line 49, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - .column-quarter { - float: left; - width: 25%; - } -} - -/* line 53, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -.column-half { - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -@media (min-width: 641px) { - /* line 53, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - .column-half { - float: left; - width: 50%; - } -} - -/* line 57, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -.column-third { - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -@media (min-width: 641px) { - /* line 57, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - .column-third { - float: left; - width: 33.33333%; - } -} - -/* line 61, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ -.column-two-thirds { - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -@media (min-width: 641px) { - /* line 61, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_layout.scss */ - .column-two-thirds { - float: left; - width: 66.66667%; - } -} - -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -fieldset { - width: 100%; -} - -/* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -textarea { - display: block; -} - -/* line 39, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-group { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - float: left; - width: 100%; - margin-bottom: 15px; -} -@media (min-width: 641px) { - /* line 39, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-group { - margin-bottom: 30px; - } -} - -/* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-group-related { - margin-bottom: 10px; -} -@media (min-width: 641px) { - /* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-group-related { - margin-bottom: 20px; - } -} - -/* line 63, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-group-compound { - margin-bottom: 10px; -} - -/* line 73, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-label, -.form-label-bold { - display: block; - color: #0b0c0c; -} - -/* line 79, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-label { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; -} -@media (min-width: 641px) { - /* line 79, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-label { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 83, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-label-bold { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 700; - text-transform: none; -} -@media (min-width: 641px) { - /* line 83, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-label-bold { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 89, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -legend .form-label, -legend .form-label-bold { - padding-bottom: 7px; -} - -/* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.error legend .form-label, -.error legend .form-label-bold { - padding-bottom: 0; -} - -/* line 105, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-block { - float: left; - width: 100%; - margin-top: -5px; - margin-bottom: 5px; -} -@media (min-width: 641px) { - /* line 105, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-block { - margin-top: 0; - margin-bottom: 10px; - } -} - -/* line 123, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-hint { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; - display: block; - color: #6f777b; - font-weight: normal; - margin-bottom: 5px; -} -@media (min-width: 641px) { - /* line 123, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-hint { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 137, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; - width: 100%; - padding: 4px; - background-color: #fff; - border: 2px solid #6f777b; -} -@media (min-width: 641px) { - /* line 137, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control { - font-size: 19px; - line-height: 1.31579; - } -} -@media (min-width: 641px) { - /* line 137, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control { - width: 50%; - } -} - -/* line 155, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-radio { - display: block; - margin: 10px 0; -} -/* line 159, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-radio input { - vertical-align: middle; - margin: -4px 5px 0 0; -} - -/* line 166, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-checkbox { - display: block; - margin: 15px 0; -} -/* line 170, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-checkbox input { - vertical-align: middle; - margin: -2px 5px 0 0; -} - -/* line 183, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-3-4 { - width: 100%; -} -@media (min-width: 641px) { - /* line 183, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-3-4 { - width: 75%; - } -} - -/* line 191, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-2-3 { - width: 100%; -} -@media (min-width: 641px) { - /* line 191, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-2-3 { - width: 66.66%; - } -} - -/* line 198, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-1-2 { - width: 100%; -} -@media (min-width: 641px) { - /* line 198, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-1-2 { - width: 50%; - } -} - -/* line 206, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-1-3 { - width: 100%; -} -@media (min-width: 641px) { - /* line 206, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-1-3 { - width: 33.33%; - } -} - -/* line 213, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-1-4 { - width: 100%; -} -@media (min-width: 641px) { - /* line 213, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-1-4 { - width: 25%; - } -} - -/* line 220, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ -.form-control-1-8 { - width: 100%; -} -@media (min-width: 641px) { - /* line 220, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_forms.scss */ - .form-control-1-8 { - width: 12.5%; - } -} - -/* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.block-label { - display: block; - float: none; - clear: left; - position: relative; - background: #dee0e2; - border: 1px solid #dee0e2; - padding: 18px 30px 15px 54px; - margin-bottom: 10px; - cursor: pointer; -} -@media (min-width: 641px) { - /* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ - .block-label { - float: left; - } -} -/* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.block-label input { - position: absolute; - top: 15px; - left: 15px; - cursor: pointer; - margin: 0; - width: 29px; - height: 29px; -} -/* line 39, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.block-label:hover { - border-color: #0b0c0c; -} - -/* line 44, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.block-label:last-child { - margin-bottom: 0; -} - -/* line 49, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.inline .block-label { - clear: none; - margin-right: 10px; -} - -/* line 57, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.js-enabled label.selected { - background: #fff; - border-color: #0b0c0c; -} - -/* line 63, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.js-enabled label.focused { - outline: 3px solid #ffbf47; -} - -/* line 68, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-block-labels.scss */ -.js-enabled .focused input:focus { - outline: none; -} - -/* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -/* line 11, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -input[type=number] { - -moz-appearance: textfield; -} - -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -.form-date .form-group { - float: left; - width: 50px; - margin-right: 20px; - margin-bottom: 0; - clear: none; -} -/* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -.form-date .form-group label { - display: block; - margin-bottom: 5px; -} -/* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -.form-date .form-group input { - width: 100%; -} -/* line 35, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-date.scss */ -.form-date .form-group-year { - width: 70px; -} - -/* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error { - margin-right: 15px; -} -/* line 12, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error .error-message { - color: #b10e1e; - font-weight: bold; -} -/* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error .form-control { - border: 4px solid #b10e1e; -} -/* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error .form-hint { - margin-bottom: 0; -} - -/* line 28, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error, -.error-summary { - border-left: 4px solid #b10e1e; - padding-left: 10px; -} -@media (min-width: 641px) { - /* line 28, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ - .error, - .error-summary { - border-left: 5px solid #b10e1e; - padding-left: 15px; - } -} - -/* line 41, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-message { - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; - display: block; - clear: both; - margin: 0; - padding: 5px 0 7px 0; -} -@media (min-width: 641px) { - /* line 41, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ - .error-message { - font-size: 19px; - line-height: 1.31579; - } -} - -/* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary { - border: 4px solid #b10e1e; - margin-top: 15px; - margin-bottom: 15px; - padding: 15px 10px; -} -@media (min-width: 641px) { - /* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ - .error-summary { - border: 5px solid #b10e1e; - margin-top: 30px; - margin-bottom: 30px; - padding: 20px 15px 15px 15px; - } -} -/* line 76, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary:focus { - outline: 3px solid #ffbf47; -} -/* line 80, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary .error-summary-heading { - margin-top: 0; -} -/* line 84, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary p { - margin-bottom: 10px; -} -/* line 88, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary .error-summary-list { - padding-left: 0; -} -@media (min-width: 641px) { - /* line 91, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ - .error-summary .error-summary-list li { - margin-bottom: 5px; - } -} -/* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/forms/_form-validation.scss */ -.error-summary .error-summary-list a { - color: #b10e1e; - font-weight: bold; - text-decoration: underline; -} - -/* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; -} -/* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ -table th, -table td { - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; - padding: 0.75em 1.25em 0.5625em 0; - text-align: left; - color: #0b0c0c; - border-bottom: 1px solid #bfc1c3; -} -@media (min-width: 641px) { - /* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ - table th, - table td { - font-size: 16px; - line-height: 1.25; - } -} -/* line 19, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ -table th { - font-weight: 700; -} -/* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ -table th.numeric { - text-align: right; -} -/* line 28, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ -table td.numeric { - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; - text-align: right; -} -@media (min-width: 641px) { - /* line 28, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_tables.scss */ - table td.numeric { - font-size: 16px; - line-height: 1.25; - } -} - -/* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_lists.scss */ -ul, -ol { - list-style-type: none; - padding: 0; -} - -/* line 11, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_lists.scss */ -.list-bullet { - list-style-type: disc; - padding-left: 20px; -} - -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_lists.scss */ -.list-number { - list-style-type: decimal; - padding-left: 20px; -} - -/* line 26, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_lists.scss */ -.list-bullet, -.list-number { - margin-top: 5px; - margin-bottom: 20px; -} - -/* line 32, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_lists.scss */ -.list-bullet li, -.list-number li { - margin-bottom: 5px; -} - -/* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details { - display: block; -} -/* line 7, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details summary { - display: inline-block; - color: #005ea5; - cursor: pointer; - position: relative; - margin-bottom: 0.26316em; -} -/* line 14, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details summary:hover { - color: #2e8aca; -} -/* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details summary:focus { - outline: 3px solid #ffbf47; -} -/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details .summary { - text-decoration: underline; -} -/* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_details.scss */ -details .arrow { - margin-right: .35em; - font-style: normal; -} - -/* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_panels.scss */ -.panel-indent { - clear: both; - border-left: 5px solid #bfc1c3; - padding: 0.78947em; - margin-bottom: 0.78947em; -} -/* line 13, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_panels.scss */ -.panel-indent :first-child { - margin-top: 0; -} -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_panels.scss */ -.panel-indent :only-child, -.panel-indent :last-child { - margin-bottom: 0; -} - -/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_panels.scss */ -.panel-indent-info { - border-left-width: 10px; -} - -/* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_panels.scss */ -.form-group .panel-indent { - padding-bottom: 0; -} - -/* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button { - background-color: #00823b; - position: relative; - display: -moz-inline-stack; - display: inline-block; - padding: 0.3em 0.6em 0.2em 0.6em; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - -webkit-appearance: none; - -webkit-box-shadow: 0 2px 0 #003618; - -moz-box-shadow: 0 2px 0 #003618; - box-shadow: 0 2px 0 #003618; - font-size: 1em; - line-height: 1.25; - text-decoration: none; - -webkit-font-smoothing: antialiased; - cursor: pointer; - color: #fff; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 0 15px 15px 0; - padding: 0.52632em 0.78947em 0.26316em 0.78947em; - vertical-align: top; -} -/* line 49, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:visited { - background-color: #00823b; -} -/* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:hover, .button:focus { - background-color: #00692f; -} -/* line 56, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:active { - top: 2px; - -webkit-box-shadow: 0 0 0 #00823b; - -moz-box-shadow: 0 0 0 #00823b; - box-shadow: 0 0 0 #00823b; -} -/* line 62, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button.disabled, .button[disabled="disabled"], .button[disabled] { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; -} -/* line 66, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover { - cursor: default; - background-color: #00823b; -} -/* line 70, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active { - top: 0; - -webkit-box-shadow: 0 2px 0 #003618; - -moz-box-shadow: 0 2px 0 #003618; - box-shadow: 0 2px 0 #003618; -} -/* line 82, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:link, .button:hover, .button:focus, .button:visited { - color: #fff; -} -/* line 100, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:before { - content: ""; - height: 110%; - width: 100%; - display: block; - background: transparent; - position: absolute; - top: 0; - left: 0; -} -/* line 110, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button:active:before { - top: -10%; - height: 120%; -} -/* line 123, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/design-patterns/_buttons.scss */ -.button[rel="external"]:after { - display: none; - content: none; - margin-left: 0; - margin-right: 0; -} -@media (max-width: 640px) { - /* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ - .button { - width: 100%; - } -} - -/* line 16, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* line 21, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button:focus { - outline: 3px solid #ffbf47; -} - -/* line 26, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button[disabled="disabled"] { - background: #00823b; -} - -/* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button[disabled="disabled"]:focus { - outline: none; -} - -/* line 35, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ -.button-start, -.button-get-started { - font-family: "nta", Arial, sans-serif; - font-size: 18px; - line-height: 1.2; - font-weight: 700; - text-transform: none; - background-image: url("/public/images/icons/icon-pointer.png"); - background-repeat: no-repeat; - background-position: 100% 50%; - padding: 0.36842em 2.15789em 0.21053em 0.84211em; -} -@media (min-width: 641px) { - /* line 35, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ - .button-start, - .button-get-started { - font-size: 24px; - line-height: 1.25; - } -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 35, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_buttons.scss */ - .button-start, - .button-get-started { - background-image: url("/public/images/icons/icon-pointer-2x.png"); - background-size: 30px 19px; - } -} - -/* line 3, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon { - background-position: 0 0; - background-repeat: no-repeat; -} - -/* line 8, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-calendar { - width: 27px; - height: 27px; - background-image: url("/public/images/icons/icon-calendar.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 8, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-calendar { - background-image: url("/public/images/icons/icon-calendar-2x.png"); - background-size: 100%; - } -} - -/* line 19, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-download { - width: 30px; - height: 39px; - background-image: url("/public/images/icons/icon-file-download.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 19, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-download { - background-image: url("/public/images/icons/icon-file-download-2x.png"); - background-size: 100%; - } -} - -/* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-important { - width: 34px; - height: 34px; - background-image: url("/public/images/icons/icon-important.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 30, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-important { - background-image: url("/public/images/icons/icon-important-2x.png"); - background-size: 100%; - } -} - -/* line 41, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-information { - width: 27px; - height: 27px; - background-image: url("/public/images/icons/icon-information.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 41, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-information { - background-image: url("/public/images/icons/icon-information-2x.png"); - background-size: 100%; - } -} - -/* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-locator { - width: 26px; - height: 36px; - background-image: url("/public/images/icons/icon-locator.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-locator { - background-image: url("/public/images/icons/icon-locator-2x.png"); - background-size: 100%; - } -} - -/* line 63, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-search { - width: 30px; - height: 22px; - background-color: #0b0c0c; - background-image: url("/public/images/icons/icon-search.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 63, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-search { - background-image: url("/public/images/icons/icon-search-2x.png"); - background-size: 100%; - } -} - -/* line 76, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-pointer { - width: 30px; - height: 19px; - background-color: #0b0c0c; - background-image: url("/public/images/icons/icon-pointer.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 76, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-pointer { - background-image: url("/public/images/icons/icon-pointer-2x.png"); - background-size: 100%; - } -} - -/* line 88, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-pointer-black { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-pointer-black.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 88, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-pointer-black { - background-image: url("/public/images/icons/icon-pointer-black-2x.png"); - background-size: 100%; - } -} - -/* line 103, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-1 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-1.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 103, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-1 { - background-image: url("/public/images/icons/icon-steps/icon-step-1-2x.png"); - background-size: 100%; - } -} - -/* line 114, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-2 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-2.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 114, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-2 { - background-image: url("/public/images/icons/icon-steps/icon-step-2-2x.png"); - background-size: 100%; - } -} - -/* line 125, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-3 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-3.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 125, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-3 { - background-image: url("/public/images/icons/icon-steps/icon-step-3-2x.png"); - background-size: 100%; - } -} - -/* line 136, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-4 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-4.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 136, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-4 { - background-image: url("/public/images/icons/icon-steps/icon-step-4-2x.png"); - background-size: 100%; - } -} - -/* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-5 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-5.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-5 { - background-image: url("/public/images/icons/icon-steps/icon-step-5-2x.png"); - background-size: 100%; - } -} - -/* line 158, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-6 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-6.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 158, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-6 { - background-image: url("/public/images/icons/icon-steps/icon-step-6-2x.png"); - background-size: 100%; - } -} - -/* line 169, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-7 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-7.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 169, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-7 { - background-image: url("/public/images/icons/icon-steps/icon-step-7-2x.png"); - background-size: 100%; - } -} - -/* line 180, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-8 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-8.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 180, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-8 { - background-image: url("/public/images/icons/icon-steps/icon-step-8-2x.png"); - background-size: 100%; - } -} - -/* line 191, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-9 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-9.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 191, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-9 { - background-image: url("/public/images/icons/icon-steps/icon-step-9-2x.png"); - background-size: 100%; - } -} - -/* line 202, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-10 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-10.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 202, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-10 { - background-image: url("/public/images/icons/icon-steps/icon-step-10-2x.png"); - background-size: 100%; - } -} - -/* line 213, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-11 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-11.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 213, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-11 { - background-image: url("/public/images/icons/icon-steps/icon-step-11-2x.png"); - background-size: 100%; - } -} - -/* line 224, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-12 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-12.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 224, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-12 { - background-image: url("/public/images/icons/icon-steps/icon-step-12-2x.png"); - background-size: 100%; - } -} - -/* line 235, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ -.icon-step-13 { - width: 23px; - height: 23px; - background-image: url("/public/images/icons/icon-steps/icon-step-13.png"); -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 235, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_icons.scss */ - .icon-step-13 { - background-image: url("/public/images/icons/icon-steps/icon-step-13-2x.png"); - background-size: 100%; - } -} - -/* line 3, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_components.scss */ -.govuk-box-highlight { - margin: 1em 0 1em 0; - padding: 2em 0 1em 0; - color: #fff; - background: #28a197; - text-align: center; -} - -/* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ -#global-breadcrumb ol { - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding-top: 0.75em; - padding-bottom: 0.75em; -} -@media (min-width: 641px) { - /* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ - #global-breadcrumb ol { - float: left; - width: 100%; - } -} -/* line 15, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ -#global-breadcrumb ol li { - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 400; - text-transform: none; - float: left; - background-image: url("/public/images/separator.png"); - background-position: 100% 50%; - background-repeat: no-repeat; - list-style: none; - margin-right: 0.5em; - margin-bottom: 0.4em; - margin-left: 0; - padding-right: 1em; -} -@media (min-width: 641px) { - /* line 15, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ - #global-breadcrumb ol li { - font-size: 16px; - line-height: 1.25; - } -} -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 15, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ - #global-breadcrumb ol li { - background-image: url("/public/images/separator-2x.png"); - background-size: 6px 11px; - } -} -/* line 36, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ -#global-breadcrumb ol li a { - color: #0b0c0c; -} -/* line 40, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ -#global-breadcrumb ol li strong { - font-weight: normal; -} -/* line 44, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_elements/elements/_breadcrumb.scss */ -#global-breadcrumb ol li:last-child { - background-image: none; - margin-right: 0; -} - /* local styleguide includes */ /* Old depricated greys, new things should use the toolkit greys */ -/* line 1, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 1, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ html, body, button, input, table, td, th { font-family: "nta", Arial, sans-serif; } -/* line 4, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 4, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section { margin: 0; padding: 0; vertical-align: baseline; } -/* line 11, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 11, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ main { display: block; } -/* line 16, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 16, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ .group:before, .group:after { content: "\0020"; @@ -1995,23 +102,23 @@ main { overflow: hidden; } -/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 24, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ .group:after { clear: both; } -/* line 27, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 27, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ .group { zoom: 1; } -/* line 32, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 32, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ .content-fixed { top: 0; position: fixed; } -/* line 36, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 36, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ .shim { display: block; } @@ -2020,7 +127,7 @@ main { * 1. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ -/* line 44, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 44, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ html { -webkit-text-size-adjust: 100%; /* 1 */ @@ -2032,12 +139,12 @@ html { /* Force the scrollbar to always display in IE10/11 */ -/* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 54, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ html { -ms-overflow-style: scrollbar; } -/* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 58, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ body { background: #fff; color: #0b0c0c; @@ -2047,88 +154,88 @@ body { -moz-osx-font-smoothing: grayscale; } -/* line 67, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 67, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ ol, ul, nav ol, nav ul { list-style: inherit; } -/* line 71, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 71, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ fieldset { border: none; padding: 0; } -/* line 76, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 76, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ a:link { color: #005ea5; } -/* line 80, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 80, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ a:visited { color: #4c2c92; } -/* line 84, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 84, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ a:hover { color: #2e8aca; } -/* line 88, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 88, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ a:active { color: #2e8aca; } -/* line 290, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 290, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:after { - background-image: url("/public/images/external-links/external-link.png"); + background-image: image-url("external-links/external-link.png"); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 290, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ + /* line 290, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:after { - background-image: url("/public/images/external-links/external-link-24x24.png"); + background-image: image-url("external-links/external-link-24x24.png"); background-size: 12px 400px; } } -/* line 231, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 231, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:after { content: "    "; background-position: right 6px; } -/* line 240, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 240, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:hover:after { background-position: right -382px; } @media (max-width: 640px) { - /* line 231, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ + /* line 231, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:after { content: "     "; background-position: right 3px; } - /* line 240, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ + /* line 240, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ a[rel="external"]:hover:after { background-position: right -385px; } } -/* line 231, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 231, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ .external-link:after { content: "        "; background-position: right 0px; } -/* line 240, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 240, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ .external-link:hover:after { background-position: right 0px; } -/* line 302, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ +/* line 302, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ .external-link:after { - background-image: url("/public/images/external-links/external-link-black-12x12.png"); + background-image: image-url("external-links/external-link-black-12x12.png"); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 302, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/govuk_frontend_toolkit/stylesheets/_typography.scss */ + /* line 302, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_frontend_toolkit/stylesheets/_typography.scss */ .external-link:after { - background-image: url("/public/images/external-links/external-link-black-24x24.png"); + background-image: image-url("external-links/external-link-black-24x24.png"); background-size: 12px 400px; } } @@ -2142,7 +249,7 @@ a[rel="external"]:hover:after { * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ */ -/* line 117, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 117, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ html { font-size: 62.5%; /* 1 */ @@ -2158,7 +265,7 @@ html { * (62.5% * 160% = 100%) * 2. Addresses margins handled incorrectly in IE6/7 */ -/* line 130, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 130, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ body { font-size: 160%; /* 1 */ @@ -2166,18 +273,18 @@ body { /* 2 */ } -/* line 135, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 135, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ b, strong { font-weight: 600; } -/* line 140, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 140, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ img { border: 0; } -/* line 150, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 150, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ abbr[title] { cursor: help; } @@ -2187,7 +294,7 @@ abbr[title] { * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ -/* line 160, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 160, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ @@ -2197,19 +304,19 @@ input[type="search"] { box-sizing: content-box; } -/* line 166, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 166, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; margin-right: 2px; } -/* line 171, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ +/* line 171, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_basic.scss */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* For image replacement */ -/* line 2, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 2, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .ir { display: block; text-indent: -999em; @@ -2218,20 +325,20 @@ input[type="search"]::-webkit-search-decoration { text-align: left; direction: ltr; } -/* line 10, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 10, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .ir br { display: none; } /* Hide for both screenreaders and browsers */ -/* line 16, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 16, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders */ -/* line 22, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 22, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .visually-hidden, .visuallyhidden { position: absolute; @@ -2241,7 +348,7 @@ input[type="search"]::-webkit-search-decoration { * focusable when navigated to via the keyboard */ } -/* line 31, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 31, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .visually-hidden.focusable:active, .visually-hidden.focusable:focus, .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { @@ -2254,54 +361,54 @@ input[type="search"]::-webkit-search-decoration { } /* Hide visually and from screenreaders, but maintain layout */ -/* line 43, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 43, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .invisible { visibility: hidden; } /* Give a strong clear visual idea as to what is currently in focus */ -/* line 48, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 48, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } -/* line 52, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 52, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ a:focus { background-color: #ffbf47; outline: 3px solid #ffbf47; } /* Make skiplinks visible when they are tabbed to */ -/* line 59, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 59, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .skiplink { position: absolute; left: -9999em; } -/* line 64, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 64, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ .skiplink:focus { position: static; } -/* line 68, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 68, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ #skiplink-container { text-align: center; background: #0b0c0c; } -/* line 72, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 72, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ #skiplink-container div { text-align: left; margin: 0 auto; max-width: 1020px; } -/* line 78, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 78, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ #skiplink-container .skiplink { display: -moz-inline-stack; display: inline-block; margin: 0.75em 0 0 30px; } -/* line 84, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 84, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ input:focus, textarea:focus, select:focus, @@ -2310,12 +417,12 @@ button:focus, outline: 3px solid #ffbf47; } -/* line 93, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 93, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ #global-header h1 a:focus { background-color: transparent; outline: none; } -/* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ +/* line 98, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_accessibility.scss */ #global-header a:focus { color: #0b0c0c; } @@ -2323,12 +430,12 @@ button:focus, /* @import '_shims'; */ /* @import '_conditionals'; */ /* @import '_measurements'; */ -/* line 5, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 5, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header { background-color: #0b0c0c; width: 100%; } -/* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 9, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper { background-color: #0b0c0c; max-width: 990px; @@ -2337,61 +444,61 @@ button:focus, padding-bottom: 8px; } @media (min-width: 641px) { - /* line 9, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 9, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper { padding-left: 15px; padding-right: 15px; } } -/* line 26, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 26, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper .header-global .header-logo { float: left; } @media (min-width: 769px) { - /* line 26, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 26, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper .header-global .header-logo { width: 33.33%; } } @media screen and (max-width: 379px) { - /* line 26, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 26, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper .header-global .header-logo { width: auto; float: none; } } -/* line 38, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 38, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper .header-global .header-logo .content { margin: 0 15px; } -/* line 42, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 42, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-wrapper .header-global .header-logo { margin: 5px 0 2px; } @media (min-width: 769px) { - /* line 49, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 49, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header.with-proposition .header-wrapper .header-global { float: left; width: 33.33%; } - /* line 54, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 54, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header.with-proposition .header-wrapper .header-global .header-logo, #global-header.with-proposition .header-wrapper .header-global .site-search { width: 100%; } } @media (min-width: 769px) { - /* line 60, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 60, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header.with-proposition .header-wrapper .header-proposition { width: 66.66%; float: left; } } -/* line 65, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 65, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header.with-proposition .header-wrapper .header-proposition .content { margin: 0 15px; } -/* line 72, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 72, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header #logo { float: left; position: relative; @@ -2412,7 +519,7 @@ button:focus, background-size: 35px 31px; background-position: 0 0; } -/* line 98, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 98, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header #logo img { position: relative; top: -2px; @@ -2425,26 +532,26 @@ button:focus, border: none; /* visibility: hidden; */ } -/* line 115, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 115, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header #logo:hover, #global-header #logo:focus { text-decoration: none; border-bottom-color: #fff; } -/* line 121, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 121, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header #logo:active { color: #2b8cc4; } -/* line 125, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 125, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition { padding-top: 10px; } @media (min-width: 769px) { - /* line 125, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 125, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition { padding-top: 0; } } -/* line 130, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 130, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-name { font-family: "nta", Arial, sans-serif; font-size: 18px; @@ -2456,17 +563,17 @@ button:focus, text-decoration: none; } @media (min-width: 641px) { - /* line 130, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 130, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-name { font-size: 24px; line-height: 1.25; } } -/* line 136, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 136, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a#proposition-name:hover { text-decoration: underline; } -/* line 139, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 139, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu { font-family: "nta", Arial, sans-serif; font-size: 14px; @@ -2480,23 +587,23 @@ button:focus, padding-top: 6px; } @media (min-width: 641px) { - /* line 139, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 139, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu { font-size: 16px; line-height: 1.25; } } @media (min-width: 769px) { - /* line 139, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 139, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu { display: none; } } -/* line 149, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 149, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu:hover { text-decoration: underline; } -/* line 152, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 152, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu:after { display: inline-block; font-size: 8px; @@ -2505,45 +612,45 @@ button:focus, vertical-align: middle; content: " \25BC"; } -/* line 160, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 160, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition a.menu.js-hidden:after { content: " \25B2"; } -/* line 164, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 164, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-menu { margin-top: 5px; } @media (min-width: 769px) { - /* line 168, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 168, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-menu.no-proposition-name { margin-top: 37px; } } -/* line 175, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 175, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link, #global-header .header-proposition #proposition-links { clear: both; margin: 2px 0 0 0; padding: 0; } -/* line 182, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 182, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ .js-enabled #global-header .header-proposition #proposition-link, .js-enabled #global-header .header-proposition #proposition-links { display: none; } @media (min-width: 769px) { - /* line 182, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 182, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ .js-enabled #global-header .header-proposition #proposition-link, .js-enabled #global-header .header-proposition #proposition-links { display: block; } } -/* line 187, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 187, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ .js-enabled #global-header .header-proposition #proposition-link.js-visible, .js-enabled #global-header .header-proposition #proposition-links.js-visible { display: block; } -/* line 192, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 192, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link li, #global-header .header-proposition #proposition-links li { float: left; @@ -2552,7 +659,7 @@ button:focus, border-bottom: 1px solid #2e3133; } @media (min-width: 769px) { - /* line 192, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 192, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link li, #global-header .header-proposition #proposition-links li { display: block; @@ -2560,13 +667,13 @@ button:focus, padding: 0 15px 0 0; border-bottom: 0; } - /* line 204, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 204, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link li.clear-child, #global-header .header-proposition #proposition-links li.clear-child { clear: left; } } -/* line 210, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 210, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a { color: #fff; @@ -2578,7 +685,7 @@ button:focus, text-transform: none; } @media (min-width: 641px) { - /* line 210, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 210, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a { font-size: 14px; @@ -2586,7 +693,7 @@ button:focus, } } @media (min-width: 769px) { - /* line 210, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 210, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a { font-family: "nta", Arial, sans-serif; @@ -2598,7 +705,7 @@ button:focus, } } @media (min-width: 769px) and (min-width: 641px) { - /* line 210, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 210, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a { font-size: 16px; @@ -2606,59 +713,59 @@ button:focus, } } -/* line 220, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 220, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a:hover, #global-header .header-proposition #proposition-links a:hover { text-decoration: underline; } -/* line 223, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 223, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a.active, #global-header .header-proposition #proposition-links a.active { color: #1d8feb; } -/* line 226, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 226, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link a:focus, #global-header .header-proposition #proposition-links a:focus { color: #0b0c0c; } -/* line 232, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 232, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link { float: right; line-height: 22px; } -/* line 235, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 235, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ .js-enabled #global-header .header-proposition #proposition-link { display: block; } @media (min-width: 769px) { - /* line 232, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 232, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header .header-proposition #proposition-link { float: none; } } /* Global header bar */ -/* line 247, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 247, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-header-bar { height: 10px; background-color: #005ea5; } /* Global cookie message */ -/* line 258, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 258, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ .js-enabled #global-cookie-message { display: none; /* shown with JS, always on for non-JS */ } -/* line 262, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 262, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-cookie-message { width: 100%; background-color: #d5e8f3; padding-top: 10px; padding-bottom: 10px; } -/* line 267, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ +/* line 267, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-cookie-message p { font-family: "nta", Arial, sans-serif; font-size: 14px; @@ -2669,7 +776,7 @@ button:focus, margin-bottom: 0; } @media (min-width: 641px) { - /* line 267, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ + /* line 267, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_header.scss */ #global-cookie-message p { font-size: 16px; line-height: 1.25; @@ -2677,12 +784,12 @@ button:focus, } /* Global footer */ -/* line 3, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 3, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer { background-color: #DEE0E2; border-top: 1px solid #a1acb2; } -/* line 7, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 7, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-wrapper { margin: 0 auto; width: auto; @@ -2692,20 +799,20 @@ button:focus, margin: 0 auto; } @media (min-width: 641px) { - /* line 7, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 7, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-wrapper { padding-top: 60px; } } -/* line 17, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 17, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer a { color: #454a4c; } -/* line 20, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 20, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer a:hover { color: #171819; } -/* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 25, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer h2 { font-family: "nta", Arial, sans-serif; font-size: 18px; @@ -2717,17 +824,17 @@ button:focus, margin: 0; } @media (min-width: 641px) { - /* line 25, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 25, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer h2 { font-size: 24px; line-height: 1.25; } } -/* line 31, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 31, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer h2 a { color: inherit; } -/* line 36, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 36, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta { padding-left: 15px; padding-right: 15px; @@ -2737,25 +844,25 @@ button:focus, color: #454a4c; } @media (min-width: 641px) { - /* line 36, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 36, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta { padding-left: 30px; padding-right: 30px; } } -/* line 44, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 44, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner { display: inline-block; vertical-align: bottom; width: 100%; } @media (min-width: 641px) { - /* line 44, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 44, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner { width: 75%; } } -/* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 58, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner ul { font-family: "nta", Arial, sans-serif; font-size: 14px; @@ -2768,41 +875,41 @@ button:focus, padding: 0; } @media (min-width: 641px) { - /* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 58, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner ul { font-size: 16px; line-height: 1.5; } } @media (min-width: 641px) { - /* line 58, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 58, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner ul { margin: 0 0 1em 0; } } -/* line 69, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 69, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner ul li { display: inline-block; margin: 0 15px 0 0; } -/* line 81, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 81, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence { clear: left; position: relative; } @media (min-width: 641px) { - /* line 81, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 81, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence { padding-left: 53px; } } -/* line 93, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 93, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence .logo { margin-bottom: 1em; padding-top: 0; } @media (min-width: 641px) { - /* line 93, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 93, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence .logo { position: absolute; left: 0; @@ -2811,7 +918,7 @@ button:focus, height: 100%; } } -/* line 104, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 104, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { display: block; width: 41px; @@ -2821,13 +928,13 @@ button:focus, background: image-url("/static/images/open-government-licence.png") 0 0 no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 104, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 104, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { background-image: image-url("/static/images/open-government-licence_2x.png"); background-size: 41px 17px; } } -/* line 118, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 118, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence p { font-family: "nta", Arial, sans-serif; font-size: 14px; @@ -2838,13 +945,13 @@ button:focus, padding-top: 0.1em; } @media (min-width: 641px) { - /* line 118, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 118, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .footer-meta-inner .open-government-licence p { font-size: 16px; line-height: 1.25; } } -/* line 126, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 126, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright { font-family: "nta", Arial, sans-serif; font-size: 14px; @@ -2856,14 +963,14 @@ button:focus, display: block; } @media (min-width: 641px) { - /* line 126, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 126, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright { font-size: 16px; line-height: 1.25; } } @media (min-width: 641px) { - /* line 126, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 126, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright { display: inline-block; text-align: inherit; @@ -2872,7 +979,7 @@ button:focus, margin-top: 0; } } -/* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ +/* line 147, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright a { display: block; background-image: url("/static/images/govuk-crest.png"); @@ -2883,94 +990,21 @@ button:focus, padding: 115px 0 0 0; } @media (min-width: 641px) { - /* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 147, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright a { background-position: 100% 0%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { - /* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 147, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright a { background-image: url("/static/images/govuk-crest-2x.png"); background-size: 125px 102px; } } @media (min-width: 641px) { - /* line 147, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ + /* line 147, /Users/chs/gdsworkspace/notifications-admin/app/assets/stylesheets/govuk_template/_footer.scss */ #footer .footer-meta .copyright a { text-align: right; } } - -/* line 3, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ -.form-control-2-3, .form-control-1-4 { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-family: "nta", Arial, sans-serif; - font-size: 16px; - line-height: 1.25; - font-weight: 400; - text-transform: none; - padding: 4px; - background-color: #fff; - border: 2px solid #6f777b; -} - -@media (min-width: 641px) { - /* line 18, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ - .form-control-2-3, .form-control-1-4 { - font-size: 19px; - line-height: 1.31579; - } -} -/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ -.phase-tag { - display: -moz-inline-stack; - display: inline-block; - vertical-align: top; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "nta", Arial, sans-serif; - font-size: 14px; - line-height: 1.14286; - font-weight: 700; - text-transform: none; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: #fff; - background-color: #f47738; -} -@media (min-width: 641px) { - /* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ - .phase-tag { - vertical-align: baseline; - } -} -@media (min-width: 641px) { - /* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ - .phase-tag { - font-size: 16px; - line-height: 1.25; - } -} - -@media (min-width: 641px) { - /* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ - .phase-tag { - font-size: 16px; - line-height: 1.25; - margin-top: 7px; - } -} -@media (max-width: 641px) { - /* line 38, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ - .phase-tag { - margin-top: 11px; - } -} -/* line 45, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ -#global-header #logo { - white-space: nowrap; -} diff --git a/app/templates/admin_template.html b/app/templates/admin_template.html index 7b8dd4227..b654bd9ed 100644 --- a/app/templates/admin_template.html +++ b/app/templates/admin_template.html @@ -1,5 +1,10 @@ {% extends "govuk_template.html" %} +{% block head %} + {% assets "css_all" %} + + {% endassets %} +{% endblock %} {% block page_title %} GOV.UK notifications admin @@ -12,9 +17,9 @@ GOV.UK notifications admin {% block inside_header %}
- + BETA - +
{% endblock %} @@ -27,4 +32,3 @@ GOV.UK notifications admin {% else %} {% set homepage_url = url_for('main.dashboard') %} {% endif %} - diff --git a/app/templates/check-sms.html b/app/templates/check-sms.html deleted file mode 100644 index 22fe983ee..000000000 --- a/app/templates/check-sms.html +++ /dev/null @@ -1,21 +0,0 @@ -{% extends "admin_template.html" %} - -{% block page_title %} -GOV.UK Notify | Send text messages -{% endblock %} - -{% block content %} - -
-
-

Send text messages

- -

This page will be where we check the text messages we're about to send

- -

- Send text messages -

-
-
- -{% endblock %} diff --git a/app/templates/components/placeholder.html b/app/templates/components/placeholder.html new file mode 100644 index 000000000..e9deb0f4a --- /dev/null +++ b/app/templates/components/placeholder.html @@ -0,0 +1,3 @@ +{% macro placeholder(variable) %} + {{variable}} +{% endmacro %} diff --git a/app/templates/components/sms-message.html b/app/templates/components/sms-message.html new file mode 100644 index 000000000..5d5f11d12 --- /dev/null +++ b/app/templates/components/sms-message.html @@ -0,0 +1,12 @@ +{% macro sms_message(body, recipient) %} + {% if recipient %} +

+ {{ recipient }} +

+ {% endif %} +
+
+ {{ body|placeholders }} +
+
+{% endmacro %} diff --git a/app/templates/components/submit-form.html b/app/templates/components/submit-form.html new file mode 100644 index 000000000..cd879a238 --- /dev/null +++ b/app/templates/components/submit-form.html @@ -0,0 +1,11 @@ +{% macro submit_form(button_text, back_link) %} +
+
+ + + {% if back_link %} + Back + {% endif %} +
+
+{% endmacro %} diff --git a/app/templates/components/table.html b/app/templates/components/table.html new file mode 100644 index 000000000..c104c926a --- /dev/null +++ b/app/templates/components/table.html @@ -0,0 +1,39 @@ +{% macro table(items, caption='', field_headings='', field_headings_visible=True) -%} + + + + + {% for field_heading in field_headings %} + + {% endfor %} + + + + {% if items %} + {% for item in items %} + + {{ caller(item) }} + + {% endfor %} + {% else %} +

+ {{ empty_message }} +

+ {% endif %} + +
+ {{ caption }} +
+ {% if field_headings_visible %} + {{ field_heading }} + {% else %} + {{ field_heading }} + {% endif %} +
+{%- endmacro %} + +{% macro field(first=False, wide=False, action=False) -%} + + {{ caller() }} + +{%- endmacro %} diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html deleted file mode 100644 index d807c57d2..000000000 --- a/app/templates/dashboard.html +++ /dev/null @@ -1,26 +0,0 @@ -{% extends "admin_template.html" %} - -{% block page_title %} -GOV.UK Notify | Dashboard -{% endblock %} - -{% block content %} - -
-
-

Dashboard

- - -
-
- -{% endblock %} diff --git a/app/templates/send-sms.html b/app/templates/send-sms.html deleted file mode 100644 index c2bbcd4d0..000000000 --- a/app/templates/send-sms.html +++ /dev/null @@ -1,21 +0,0 @@ -{% extends "admin_template.html" %} - -{% block page_title %} -GOV.UK Notify | Send text messages -{% endblock %} - -{% block content %} - -
-
-

Send text messages

- -

This page will be where we construct text messages

- -

- Continue -

-
-
- -{% endblock %} diff --git a/app/templates/add-service.html b/app/templates/views/add-service.html similarity index 100% rename from app/templates/add-service.html rename to app/templates/views/add-service.html diff --git a/app/templates/api-keys.html b/app/templates/views/api-keys.html similarity index 100% rename from app/templates/api-keys.html rename to app/templates/views/api-keys.html diff --git a/app/templates/check-email.html b/app/templates/views/check-email.html similarity index 100% rename from app/templates/check-email.html rename to app/templates/views/check-email.html diff --git a/app/templates/views/check-sms.html b/app/templates/views/check-sms.html new file mode 100644 index 000000000..13084123a --- /dev/null +++ b/app/templates/views/check-sms.html @@ -0,0 +1,67 @@ +{% extends "admin_template.html" %} +{% from "components/sms-message.html" import sms_message %} +{% from "components/table.html" import table, field %} +{% from "components/placeholder.html" import placeholder %} +{% from "components/submit-form.html" import submit_form %} + +{% block page_title %} + GOV.UK Notify | Send text messages +{% endblock %} + +{% block content %} + +
+
+

Send text messages

+ +

Check and confirm

+ + {{ submit_form( + "Send {} text messages".format(number_of_recipients), + url_for(".sendsms") + ) }} + +

First 3 messages

+ + {% if recipients.first_three and recipients.last_three %} + + {% for recipient in recipients.first_three %} + {{ sms_message( + message_template|replace_placeholders(recipient), + "{}".format(recipient['phone']) + ) }} + {% endfor %} + +

Last 3 messages

+ + {% for recipient in recipients.last_three %} + {{ sms_message( + message_template|replace_placeholders(recipient), + "{}".format(recipient['phone']) + ) }} + {% endfor %} + + {% else %} + + {% for recipient in recipients.all %} + {{ sms_message( + message_template|replace_placeholders(recipient), + "{}".format(recipient['phone']) + ) }} + {% endfor %} + + {% endif %} + +

+ See all +

+ + {{ submit_form( + "Send {} text messages".format(number_of_recipients), + url_for(".sendsms") + ) }} + +
+
+ +{% endblock %} diff --git a/app/templates/views/dashboard.html b/app/templates/views/dashboard.html new file mode 100644 index 000000000..a8d5e6e31 --- /dev/null +++ b/app/templates/views/dashboard.html @@ -0,0 +1,26 @@ +{% extends "admin_template.html" %} + +{% block page_title %} +GOV.UK Notify | Dashboard +{% endblock %} + +{% block content %} + +
+
+

Dashboard

+ + +
+
+ +{% endblock %} diff --git a/app/templates/edit-template.html b/app/templates/views/edit-template.html similarity index 100% rename from app/templates/edit-template.html rename to app/templates/views/edit-template.html diff --git a/app/templates/email-not-received.html b/app/templates/views/email-not-received.html similarity index 100% rename from app/templates/email-not-received.html rename to app/templates/views/email-not-received.html diff --git a/app/templates/forgot-password.html b/app/templates/views/forgot-password.html similarity index 100% rename from app/templates/forgot-password.html rename to app/templates/views/forgot-password.html diff --git a/app/templates/job.html b/app/templates/views/job.html similarity index 100% rename from app/templates/job.html rename to app/templates/views/job.html diff --git a/app/templates/jobs.html b/app/templates/views/jobs.html similarity index 100% rename from app/templates/jobs.html rename to app/templates/views/jobs.html diff --git a/app/templates/manage-templates.html b/app/templates/views/manage-templates.html similarity index 100% rename from app/templates/manage-templates.html rename to app/templates/views/manage-templates.html diff --git a/app/templates/manage-users.html b/app/templates/views/manage-users.html similarity index 100% rename from app/templates/manage-users.html rename to app/templates/views/manage-users.html diff --git a/app/templates/new-password.html b/app/templates/views/new-password.html similarity index 100% rename from app/templates/new-password.html rename to app/templates/views/new-password.html diff --git a/app/templates/notification.html b/app/templates/views/notification.html similarity index 100% rename from app/templates/notification.html rename to app/templates/views/notification.html diff --git a/app/templates/register-from-invite.html b/app/templates/views/register-from-invite.html similarity index 100% rename from app/templates/register-from-invite.html rename to app/templates/views/register-from-invite.html diff --git a/app/templates/register.html b/app/templates/views/register.html similarity index 100% rename from app/templates/register.html rename to app/templates/views/register.html diff --git a/app/templates/send-email.html b/app/templates/views/send-email.html similarity index 100% rename from app/templates/send-email.html rename to app/templates/views/send-email.html diff --git a/app/templates/views/send-sms.html b/app/templates/views/send-sms.html new file mode 100644 index 000000000..0915d7ab2 --- /dev/null +++ b/app/templates/views/send-sms.html @@ -0,0 +1,53 @@ +{% extends "admin_template.html" %} +{% from "components/sms-message.html" import sms_message %} + +{% block page_title %} + GOV.UK Notify | Send text messages +{% endblock %} + +{% block content %} +
+
+
+ +

Send text messages

+ +

1. Choose text message template

+ {% for template in message_templates %} +
+
+ +
+ {{ sms_message(template.body) }} +
+ {% endfor %} + +

+ or create a new template +

+ +

2. Add recipients

+ +

+ Upload a CSV file to add your recipients’ details. +

+

+ You can also download an example CSV. +

+

+ +

+ + +

+ + +

+
+
+
+ +{% endblock %} diff --git a/app/templates/service-settings.html b/app/templates/views/service-settings.html similarity index 100% rename from app/templates/service-settings.html rename to app/templates/views/service-settings.html diff --git a/app/templates/signedout.html b/app/templates/views/signedout.html similarity index 100% rename from app/templates/signedout.html rename to app/templates/views/signedout.html diff --git a/app/templates/signin.html b/app/templates/views/signin.html similarity index 100% rename from app/templates/signin.html rename to app/templates/views/signin.html diff --git a/app/templates/text-not-received-2.html b/app/templates/views/text-not-received-2.html similarity index 100% rename from app/templates/text-not-received-2.html rename to app/templates/views/text-not-received-2.html diff --git a/app/templates/text-not-received.html b/app/templates/views/text-not-received.html similarity index 100% rename from app/templates/text-not-received.html rename to app/templates/views/text-not-received.html diff --git a/app/templates/two-factor.html b/app/templates/views/two-factor.html similarity index 100% rename from app/templates/two-factor.html rename to app/templates/views/two-factor.html diff --git a/app/templates/user-profile.html b/app/templates/views/user-profile.html similarity index 100% rename from app/templates/user-profile.html rename to app/templates/views/user-profile.html diff --git a/app/templates/verification-not-received.html b/app/templates/views/verification-not-received.html similarity index 100% rename from app/templates/verification-not-received.html rename to app/templates/views/verification-not-received.html diff --git a/app/templates/verify-mobile.html b/app/templates/views/verify-mobile.html similarity index 100% rename from app/templates/verify-mobile.html rename to app/templates/views/verify-mobile.html diff --git a/app/templates/verify.html b/app/templates/views/verify.html similarity index 100% rename from app/templates/verify.html rename to app/templates/views/verify.html