defra_ruby_template 3.13.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +8 -0
- data/Gemfile +6 -0
- data/Gemfile.lock +20 -0
- data/README.md +71 -0
- data/Rakefile +50 -0
- data/app/views/layouts/defra_ruby_template.html.erb +83 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/defra_ruby_template.gemspec +24 -0
- data/lib/defra_ruby_template.rb +23 -0
- data/lib/defra_ruby_template/version.rb +3 -0
- data/node_modules/govuk-frontend/README.md +91 -0
- data/node_modules/govuk-frontend/govuk-prototype-kit.config.json +14 -0
- data/node_modules/govuk-frontend/govuk/_base.scss +3 -0
- data/node_modules/govuk-frontend/govuk/all-ie8.scss +6 -0
- data/node_modules/govuk-frontend/govuk/all.js +2616 -0
- data/node_modules/govuk-frontend/govuk/all.scss +9 -0
- data/node_modules/govuk-frontend/govuk/assets/fonts/bold-affa96571d-v2.woff +0 -0
- data/node_modules/govuk-frontend/govuk/assets/fonts/bold-b542beb274-v2.woff2 +0 -0
- data/node_modules/govuk-frontend/govuk/assets/fonts/light-94a07e06a1-v2.woff2 +0 -0
- data/node_modules/govuk-frontend/govuk/assets/fonts/light-f591b13f7d-v2.woff +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/favicon.ico +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-crest-2x.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-crest.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-logotype-crown.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg +7 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-opengraph-image.png +0 -0
- data/node_modules/govuk-frontend/govuk/common.js +39 -0
- data/node_modules/govuk-frontend/govuk/components/_all.scss +33 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +197 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +1011 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +250 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +76 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/template.njk +27 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +99 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/fixtures.json +62 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/macro-options.json +32 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/template.njk +2 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +138 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/fixtures.json +193 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/macro-options.json +52 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/template.njk +24 -0
- data/node_modules/govuk-frontend/govuk/components/button/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/button/_button.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/button/_index.scss +288 -0
- data/node_modules/govuk-frontend/govuk/components/button/button.js +724 -0
- data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +318 -0
- data/node_modules/govuk-frontend/govuk/components/button/macro-options.json +74 -0
- data/node_modules/govuk-frontend/govuk/components/button/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/button/template.njk +60 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +25 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +1194 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +240 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +111 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/template.njk +37 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +320 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js +1192 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +1189 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +161 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/template.njk +119 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss +51 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +443 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json +132 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/template.njk +73 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss +26 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +549 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +117 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/template.njk +97 -0
- data/node_modules/govuk-frontend/govuk/components/details/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/details/_details.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/details/_index.scss +87 -0
- data/node_modules/govuk-frontend/govuk/components/details/details.js +828 -0
- data/node_modules/govuk-frontend/govuk/components/details/fixtures.json +103 -0
- data/node_modules/govuk-frontend/govuk/components/details/implementation.md +43 -0
- data/node_modules/govuk-frontend/govuk/components/details/macro-options.json +50 -0
- data/node_modules/govuk-frontend/govuk/components/details/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/details/template.njk +10 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss +11 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/fixtures.json +77 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/macro-options.json +38 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/template.njk +6 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss +43 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js +853 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/fixtures.json +242 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/macro-options.json +70 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/template.njk +25 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss +64 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/fixtures.json +103 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/macro-options.json +70 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/template.njk +22 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +49 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/fixtures.json +198 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/macro-options.json +73 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/template.njk +44 -0
- data/node_modules/govuk-frontend/govuk/components/footer/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +241 -0
- data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json +501 -0
- data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +118 -0
- data/node_modules/govuk-frontend/govuk/components/footer/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/footer/template.njk +87 -0
- data/node_modules/govuk-frontend/govuk/components/header/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/header/_header.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/header/_index.scss +331 -0
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +378 -0
- data/node_modules/govuk-frontend/govuk/components/header/header.js +1066 -0
- data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +106 -0
- data/node_modules/govuk-frontend/govuk/components/header/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/header/template.njk +79 -0
- data/node_modules/govuk-frontend/govuk/components/hint/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/hint/_index.scss +44 -0
- data/node_modules/govuk-frontend/govuk/components/hint/fixtures.json +59 -0
- data/node_modules/govuk-frontend/govuk/components/hint/macro-options.json +32 -0
- data/node_modules/govuk-frontend/govuk/components/hint/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/hint/template.njk +4 -0
- data/node_modules/govuk-frontend/govuk/components/input/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/input/_index.scss +191 -0
- data/node_modules/govuk-frontend/govuk/components/input/_input.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/input/fixtures.json +628 -0
- data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +167 -0
- data/node_modules/govuk-frontend/govuk/components/input/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/input/template.njk +65 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss +24 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/fixtures.json +58 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/macro-options.json +32 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/template.njk +4 -0
- data/node_modules/govuk-frontend/govuk/components/label/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/label/_index.scss +41 -0
- data/node_modules/govuk-frontend/govuk/components/label/_label.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/label/fixtures.json +84 -0
- data/node_modules/govuk-frontend/govuk/components/label/macro-options.json +38 -0
- data/node_modules/govuk-frontend/govuk/components/label/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/label/template.njk +15 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss +89 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/fixtures.json +212 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/macro-options.json +68 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +61 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/template.njk +47 -0
- data/node_modules/govuk-frontend/govuk/components/panel/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +44 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/panel/fixtures.json +91 -0
- data/node_modules/govuk-frontend/govuk/components/panel/macro-options.json +44 -0
- data/node_modules/govuk-frontend/govuk/components/panel/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/panel/template.njk +13 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +27 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/fixtures.json +76 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/macro-options.json +33 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/template.njk +15 -0
- data/node_modules/govuk-frontend/govuk/components/radios/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +342 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +1183 -0
- data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +143 -0
- data/node_modules/govuk-frontend/govuk/components/radios/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/radios/radios.js +1148 -0
- data/node_modules/govuk-frontend/govuk/components/radios/template.njk +116 -0
- data/node_modules/govuk-frontend/govuk/components/select/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/select/_index.scss +49 -0
- data/node_modules/govuk-frontend/govuk/components/select/_select.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +327 -0
- data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +105 -0
- data/node_modules/govuk-frontend/govuk/components/select/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/select/template.njk +51 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +36 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/fixtures.json +84 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/macro-options.json +32 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/template.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +145 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +1084 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/macro-options.json +113 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/template.njk +47 -0
- data/node_modules/govuk-frontend/govuk/components/table/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/table/_index.scss +71 -0
- data/node_modules/govuk-frontend/govuk/components/table/_table.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +538 -0
- data/node_modules/govuk-frontend/govuk/components/table/macro-options.json +132 -0
- data/node_modules/govuk-frontend/govuk/components/table/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/table/template.njk +45 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +130 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/fixtures.json +286 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/macro-options.json +84 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js +1347 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/template.njk +32 -0
- data/node_modules/govuk-frontend/govuk/components/tag/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_index.scss +86 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tag/fixtures.json +131 -0
- data/node_modules/govuk-frontend/govuk/components/tag/macro-options.json +26 -0
- data/node_modules/govuk-frontend/govuk/components/tag/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/tag/template.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss +47 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/fixtures.json +250 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/macro-options.json +91 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/template.njk +45 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +66 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/fixtures.json +73 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/macro-options.json +32 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/template.njk +9 -0
- data/node_modules/govuk-frontend/govuk/core/_all.scss +6 -0
- data/node_modules/govuk-frontend/govuk/core/_global-styles.scss +25 -0
- data/node_modules/govuk-frontend/govuk/core/_links.scss +41 -0
- data/node_modules/govuk-frontend/govuk/core/_lists.scss +72 -0
- data/node_modules/govuk-frontend/govuk/core/_section-break.scss +62 -0
- data/node_modules/govuk-frontend/govuk/core/_template.scss +36 -0
- data/node_modules/govuk-frontend/govuk/core/_typography.scss +192 -0
- data/node_modules/govuk-frontend/govuk/helpers/_all.scss +12 -0
- data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss +15 -0
- data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +95 -0
- data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss +37 -0
- data/node_modules/govuk-frontend/govuk/helpers/_focused.scss +28 -0
- data/node_modules/govuk-frontend/govuk/helpers/_font-faces.scss +41 -0
- data/node_modules/govuk-frontend/govuk/helpers/_grid.scss +61 -0
- data/node_modules/govuk-frontend/govuk/helpers/_links.scss +427 -0
- data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss +91 -0
- data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss +80 -0
- data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +153 -0
- data/node_modules/govuk-frontend/govuk/helpers/_typography.scss +207 -0
- data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss +84 -0
- data/node_modules/govuk-frontend/govuk/objects/_all.scss +5 -0
- data/node_modules/govuk-frontend/govuk/objects/_button-group.scss +101 -0
- data/node_modules/govuk-frontend/govuk/objects/_form-group.scss +23 -0
- data/node_modules/govuk-frontend/govuk/objects/_grid.scss +24 -0
- data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss +68 -0
- data/node_modules/govuk-frontend/govuk/objects/_width-container.scss +88 -0
- data/node_modules/govuk-frontend/govuk/overrides/_all.scss +4 -0
- data/node_modules/govuk-frontend/govuk/overrides/_display.scss +30 -0
- data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss +64 -0
- data/node_modules/govuk-frontend/govuk/overrides/_typography.scss +27 -0
- data/node_modules/govuk-frontend/govuk/overrides/_width.scss +52 -0
- data/node_modules/govuk-frontend/govuk/settings/_all.scss +23 -0
- data/node_modules/govuk-frontend/govuk/settings/_assets.scss +82 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss +155 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss +139 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss +108 -0
- data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss +74 -0
- data/node_modules/govuk-frontend/govuk/settings/_global-styles.scss +13 -0
- data/node_modules/govuk-frontend/govuk/settings/_ie8.scss +18 -0
- data/node_modules/govuk-frontend/govuk/settings/_links.scss +62 -0
- data/node_modules/govuk-frontend/govuk/settings/_measurements.scss +105 -0
- data/node_modules/govuk-frontend/govuk/settings/_media-queries.scss +23 -0
- data/node_modules/govuk-frontend/govuk/settings/_spacing.scss +80 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font-families.scss +32 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +89 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss +183 -0
- data/node_modules/govuk-frontend/govuk/template.njk +60 -0
- data/node_modules/govuk-frontend/govuk/tools/_all.scss +8 -0
- data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +36 -0
- data/node_modules/govuk-frontend/govuk/tools/_exports.scss +33 -0
- data/node_modules/govuk-frontend/govuk/tools/_font-url.scss +25 -0
- data/node_modules/govuk-frontend/govuk/tools/_ie8.scss +51 -0
- data/node_modules/govuk-frontend/govuk/tools/_iff.scss +17 -0
- data/node_modules/govuk-frontend/govuk/tools/_image-url.scss +25 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss +20 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss +20 -0
- data/node_modules/govuk-frontend/govuk/utilities/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/utilities/_clearfix.scss +5 -0
- data/node_modules/govuk-frontend/govuk/utilities/_visually-hidden.scss +9 -0
- data/node_modules/govuk-frontend/govuk/vendor/_sass-mq.scss +347 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/DOMTokenList.js +272 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Document.js +34 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element.js +147 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/classList.js +589 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/closest.js +54 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/matches.js +31 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/nextElementSibling.js +254 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/previousElementSibling.js +254 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Event.js +504 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Function/prototype/bind.js +252 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Object/defineProperty.js +94 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Window.js +28 -0
- data/node_modules/govuk-frontend/package.json +56 -0
- data/package-lock.json +13 -0
- data/package.json +29 -0
- data/vendor/assets/fonts/bold-affa96571d-v2.woff +0 -0
- data/vendor/assets/fonts/bold-b542beb274-v2.woff2 +0 -0
- data/vendor/assets/fonts/light-94a07e06a1-v2.woff2 +0 -0
- data/vendor/assets/fonts/light-f591b13f7d-v2.woff +0 -0
- data/vendor/assets/images/favicon.ico +0 -0
- data/vendor/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
- data/vendor/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
- data/vendor/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
- data/vendor/assets/images/govuk-apple-touch-icon.png +0 -0
- data/vendor/assets/images/govuk-crest-2x.png +0 -0
- data/vendor/assets/images/govuk-crest.png +0 -0
- data/vendor/assets/images/govuk-logotype-crown.png +0 -0
- data/vendor/assets/images/govuk-mask-icon.svg +7 -0
- data/vendor/assets/images/govuk-opengraph-image.png +0 -0
- data/vendor/assets/javascripts/defra_ruby_template.js +2616 -0
- data/vendor/assets/stylesheets/_base.scss +3 -0
- data/vendor/assets/stylesheets/all-ie8.scss +6 -0
- data/vendor/assets/stylesheets/all.scss +9 -0
- data/vendor/assets/stylesheets/components/_all.scss +33 -0
- data/vendor/assets/stylesheets/components/accordion/_accordion.scss +2 -0
- data/vendor/assets/stylesheets/components/accordion/_index.scss +197 -0
- data/vendor/assets/stylesheets/components/back-link/_back-link.scss +2 -0
- data/vendor/assets/stylesheets/components/back-link/_index.scss +99 -0
- data/vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss +2 -0
- data/vendor/assets/stylesheets/components/breadcrumbs/_index.scss +138 -0
- data/vendor/assets/stylesheets/components/button/_button.scss +2 -0
- data/vendor/assets/stylesheets/components/button/_index.scss +288 -0
- data/vendor/assets/stylesheets/components/character-count/_character-count.scss +2 -0
- data/vendor/assets/stylesheets/components/character-count/_index.scss +25 -0
- data/vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss +2 -0
- data/vendor/assets/stylesheets/components/checkboxes/_index.scss +320 -0
- data/vendor/assets/stylesheets/components/cookie-banner/_cookie-banner.scss +2 -0
- data/vendor/assets/stylesheets/components/cookie-banner/_index.scss +51 -0
- data/vendor/assets/stylesheets/components/date-input/_date-input.scss +2 -0
- data/vendor/assets/stylesheets/components/date-input/_index.scss +26 -0
- data/vendor/assets/stylesheets/components/details/_details.scss +2 -0
- data/vendor/assets/stylesheets/components/details/_index.scss +87 -0
- data/vendor/assets/stylesheets/components/error-message/_error-message.scss +2 -0
- data/vendor/assets/stylesheets/components/error-message/_index.scss +11 -0
- data/vendor/assets/stylesheets/components/error-summary/_error-summary.scss +2 -0
- data/vendor/assets/stylesheets/components/error-summary/_index.scss +43 -0
- data/vendor/assets/stylesheets/components/fieldset/_fieldset.scss +2 -0
- data/vendor/assets/stylesheets/components/fieldset/_index.scss +64 -0
- data/vendor/assets/stylesheets/components/file-upload/_file-upload.scss +2 -0
- data/vendor/assets/stylesheets/components/file-upload/_index.scss +49 -0
- data/vendor/assets/stylesheets/components/footer/_footer.scss +2 -0
- data/vendor/assets/stylesheets/components/footer/_index.scss +241 -0
- data/vendor/assets/stylesheets/components/header/_header.scss +2 -0
- data/vendor/assets/stylesheets/components/header/_index.scss +331 -0
- data/vendor/assets/stylesheets/components/hint/_hint.scss +2 -0
- data/vendor/assets/stylesheets/components/hint/_index.scss +44 -0
- data/vendor/assets/stylesheets/components/input/_index.scss +191 -0
- data/vendor/assets/stylesheets/components/input/_input.scss +2 -0
- data/vendor/assets/stylesheets/components/inset-text/_index.scss +24 -0
- data/vendor/assets/stylesheets/components/inset-text/_inset-text.scss +2 -0
- data/vendor/assets/stylesheets/components/label/_index.scss +41 -0
- data/vendor/assets/stylesheets/components/label/_label.scss +2 -0
- data/vendor/assets/stylesheets/components/notification-banner/_index.scss +89 -0
- data/vendor/assets/stylesheets/components/notification-banner/_notification-banner.scss +2 -0
- data/vendor/assets/stylesheets/components/panel/_index.scss +44 -0
- data/vendor/assets/stylesheets/components/panel/_panel.scss +2 -0
- data/vendor/assets/stylesheets/components/phase-banner/_index.scss +27 -0
- data/vendor/assets/stylesheets/components/phase-banner/_phase-banner.scss +2 -0
- data/vendor/assets/stylesheets/components/radios/_index.scss +342 -0
- data/vendor/assets/stylesheets/components/radios/_radios.scss +2 -0
- data/vendor/assets/stylesheets/components/select/_index.scss +49 -0
- data/vendor/assets/stylesheets/components/select/_select.scss +2 -0
- data/vendor/assets/stylesheets/components/skip-link/_index.scss +36 -0
- data/vendor/assets/stylesheets/components/skip-link/_skip-link.scss +2 -0
- data/vendor/assets/stylesheets/components/summary-list/_index.scss +145 -0
- data/vendor/assets/stylesheets/components/summary-list/_summary-list.scss +2 -0
- data/vendor/assets/stylesheets/components/table/_index.scss +71 -0
- data/vendor/assets/stylesheets/components/table/_table.scss +2 -0
- data/vendor/assets/stylesheets/components/tabs/_index.scss +130 -0
- data/vendor/assets/stylesheets/components/tabs/_tabs.scss +2 -0
- data/vendor/assets/stylesheets/components/tag/_index.scss +86 -0
- data/vendor/assets/stylesheets/components/tag/_tag.scss +2 -0
- data/vendor/assets/stylesheets/components/textarea/_index.scss +47 -0
- data/vendor/assets/stylesheets/components/textarea/_textarea.scss +2 -0
- data/vendor/assets/stylesheets/components/warning-text/_index.scss +66 -0
- data/vendor/assets/stylesheets/components/warning-text/_warning-text.scss +2 -0
- data/vendor/assets/stylesheets/core/_all.scss +6 -0
- data/vendor/assets/stylesheets/core/_global-styles.scss +25 -0
- data/vendor/assets/stylesheets/core/_links.scss +41 -0
- data/vendor/assets/stylesheets/core/_lists.scss +72 -0
- data/vendor/assets/stylesheets/core/_section-break.scss +62 -0
- data/vendor/assets/stylesheets/core/_template.scss +36 -0
- data/vendor/assets/stylesheets/core/_typography.scss +192 -0
- data/vendor/assets/stylesheets/defra_ruby_template.scss +16 -0
- data/vendor/assets/stylesheets/helpers/_all.scss +12 -0
- data/vendor/assets/stylesheets/helpers/_clearfix.scss +15 -0
- data/vendor/assets/stylesheets/helpers/_colour.scss +95 -0
- data/vendor/assets/stylesheets/helpers/_device-pixels.scss +37 -0
- data/vendor/assets/stylesheets/helpers/_focused.scss +28 -0
- data/vendor/assets/stylesheets/helpers/_font-faces.scss +41 -0
- data/vendor/assets/stylesheets/helpers/_grid.scss +61 -0
- data/vendor/assets/stylesheets/helpers/_links.scss +427 -0
- data/vendor/assets/stylesheets/helpers/_media-queries.scss +91 -0
- data/vendor/assets/stylesheets/helpers/_shape-arrow.scss +80 -0
- data/vendor/assets/stylesheets/helpers/_spacing.scss +153 -0
- data/vendor/assets/stylesheets/helpers/_typography.scss +207 -0
- data/vendor/assets/stylesheets/helpers/_visually-hidden.scss +84 -0
- data/vendor/assets/stylesheets/objects/_all.scss +5 -0
- data/vendor/assets/stylesheets/objects/_button-group.scss +101 -0
- data/vendor/assets/stylesheets/objects/_form-group.scss +23 -0
- data/vendor/assets/stylesheets/objects/_grid.scss +24 -0
- data/vendor/assets/stylesheets/objects/_main-wrapper.scss +68 -0
- data/vendor/assets/stylesheets/objects/_width-container.scss +88 -0
- data/vendor/assets/stylesheets/overrides/_all.scss +4 -0
- data/vendor/assets/stylesheets/overrides/_display.scss +30 -0
- data/vendor/assets/stylesheets/overrides/_spacing.scss +64 -0
- data/vendor/assets/stylesheets/overrides/_typography.scss +27 -0
- data/vendor/assets/stylesheets/overrides/_width.scss +52 -0
- data/vendor/assets/stylesheets/settings/_all.scss +23 -0
- data/vendor/assets/stylesheets/settings/_assets.scss +82 -0
- data/vendor/assets/stylesheets/settings/_colours-applied.scss +155 -0
- data/vendor/assets/stylesheets/settings/_colours-organisations.scss +139 -0
- data/vendor/assets/stylesheets/settings/_colours-palette.scss +108 -0
- data/vendor/assets/stylesheets/settings/_compatibility.scss +74 -0
- data/vendor/assets/stylesheets/settings/_global-styles.scss +13 -0
- data/vendor/assets/stylesheets/settings/_ie8.scss +18 -0
- data/vendor/assets/stylesheets/settings/_links.scss +62 -0
- data/vendor/assets/stylesheets/settings/_measurements.scss +105 -0
- data/vendor/assets/stylesheets/settings/_media-queries.scss +23 -0
- data/vendor/assets/stylesheets/settings/_spacing.scss +80 -0
- data/vendor/assets/stylesheets/settings/_typography-font-families.scss +32 -0
- data/vendor/assets/stylesheets/settings/_typography-font.scss +89 -0
- data/vendor/assets/stylesheets/settings/_typography-responsive.scss +183 -0
- data/vendor/assets/stylesheets/tools/_all.scss +8 -0
- data/vendor/assets/stylesheets/tools/_compatibility.scss +36 -0
- data/vendor/assets/stylesheets/tools/_exports.scss +33 -0
- data/vendor/assets/stylesheets/tools/_font-url.scss +25 -0
- data/vendor/assets/stylesheets/tools/_ie8.scss +51 -0
- data/vendor/assets/stylesheets/tools/_iff.scss +17 -0
- data/vendor/assets/stylesheets/tools/_image-url.scss +25 -0
- data/vendor/assets/stylesheets/tools/_px-to-em.scss +20 -0
- data/vendor/assets/stylesheets/tools/_px-to-rem.scss +20 -0
- data/vendor/assets/stylesheets/utilities/_all.scss +2 -0
- data/vendor/assets/stylesheets/utilities/_clearfix.scss +5 -0
- data/vendor/assets/stylesheets/utilities/_visually-hidden.scss +9 -0
- data/vendor/assets/stylesheets/vendor/_sass-mq.scss +347 -0
- metadata +520 -0
@@ -0,0 +1,25 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools/assets
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Font URL
|
6
|
+
///
|
7
|
+
/// If a custom font-url handler is defined ($govuk-font-url-function) then
|
8
|
+
/// it will be called, otherwise a url will be returned with the filename
|
9
|
+
/// appended to the font path.
|
10
|
+
///
|
11
|
+
/// @param {String} $filename - Font filename
|
12
|
+
/// @return {String} URL for the filename, wrapped in `url()`
|
13
|
+
/// @access public
|
14
|
+
|
15
|
+
@function govuk-font-url($filename) {
|
16
|
+
$use-custom-function: variable-exists("govuk-font-url-function")
|
17
|
+
and $govuk-font-url-function
|
18
|
+
and function-exists($govuk-font-url-function);
|
19
|
+
|
20
|
+
@if ($use-custom-function) {
|
21
|
+
@return call(get-function($govuk-font-url-function), $filename);
|
22
|
+
} @else {
|
23
|
+
@return url($govuk-fonts-path + $filename);
|
24
|
+
}
|
25
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools/internet-explorer-8
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Conditionally include rules only for IE8
|
6
|
+
///
|
7
|
+
/// @content Passed content is only outputted if we're compiling a stylesheet
|
8
|
+
/// that targets IE8 (if `$govuk-is-ie8` is true)
|
9
|
+
///
|
10
|
+
/// @example scss - Usage
|
11
|
+
///
|
12
|
+
/// .foo {
|
13
|
+
/// min-width: 100px;
|
14
|
+
/// // Specify width for IE8 only
|
15
|
+
/// @include govuk-if-ie8 {
|
16
|
+
/// width: 100px;
|
17
|
+
/// }
|
18
|
+
/// }
|
19
|
+
///
|
20
|
+
/// @access public
|
21
|
+
|
22
|
+
@mixin govuk-if-ie8 {
|
23
|
+
@if $govuk-is-ie8 {
|
24
|
+
@content;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
/// Conditionally exclude rules for IE8
|
29
|
+
///
|
30
|
+
/// @content Passed content is only outputted if we're not compiling a
|
31
|
+
/// stylesheet that targets IE8 (if `$govuk-is-ie8` is false)
|
32
|
+
///
|
33
|
+
/// @example scss - Usage
|
34
|
+
///
|
35
|
+
/// .foo {
|
36
|
+
/// font-weight: bold;
|
37
|
+
///
|
38
|
+
/// // Enhance foo only for modern browsers (not IE8)
|
39
|
+
/// @include govuk-not-ie8 {
|
40
|
+
/// font-family: "Comic Sans MS", "Curlz MT" cursive, sans-serif;
|
41
|
+
/// color: #FF69B4;
|
42
|
+
/// }
|
43
|
+
/// }
|
44
|
+
///
|
45
|
+
/// @access public
|
46
|
+
|
47
|
+
@mixin govuk-not-ie8 {
|
48
|
+
@if not $govuk-is-ie8 {
|
49
|
+
@content;
|
50
|
+
}
|
51
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Syntactic sugar around Sass' built-in `if` function that does not require
|
6
|
+
/// you to pass a value for `$if-false`.
|
7
|
+
///
|
8
|
+
/// @param {Boolean} $condition - Whether to return the value of `$if-true`
|
9
|
+
/// @param {Mixed} $if-true - Value to return if `$condition` is truthy
|
10
|
+
/// @return {Mixed} Value of `$if-true` if `$condition` is truthy, else null
|
11
|
+
/// @access private
|
12
|
+
/// @deprecated We will be removing this function in a future release, use `if($condition, $if-true, null);` instead.
|
13
|
+
|
14
|
+
@function iff($condition, $if-true) {
|
15
|
+
@warn "The `iff` function will be removed in a future release, use `if($condition, $if-true, null);` instead.";
|
16
|
+
@return if($condition, $if-true, null);
|
17
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools/assets
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Image URL
|
6
|
+
///
|
7
|
+
/// If a custom image-url handler is defined ($govuk-image-url-function) then
|
8
|
+
/// it will be called, otherwise a url will be returned with the filename
|
9
|
+
/// appended to the image path.
|
10
|
+
///
|
11
|
+
/// @param {String} Filename for the image to load
|
12
|
+
/// @return {String} URL for the filename, wrapped in `url()`
|
13
|
+
/// @access public
|
14
|
+
|
15
|
+
@function govuk-image-url($filename) {
|
16
|
+
$use-custom-function: variable-exists("govuk-image-url-function")
|
17
|
+
and $govuk-image-url-function
|
18
|
+
and function-exists($govuk-image-url-function);
|
19
|
+
|
20
|
+
@if ($use-custom-function) {
|
21
|
+
@return call(get-function($govuk-image-url-function), $filename);
|
22
|
+
} @else {
|
23
|
+
@return url($govuk-images-path + $filename);
|
24
|
+
}
|
25
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools/unit-conversion
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Convert pixels to em
|
6
|
+
///
|
7
|
+
/// @param {Number} $value - Length in pixels
|
8
|
+
/// @param {Number} $context-font-size - Font size of element
|
9
|
+
/// @return {Number} Length in ems
|
10
|
+
/// @access public
|
11
|
+
|
12
|
+
@function govuk-em($value, $context-font-size) {
|
13
|
+
@if (unitless($value)) {
|
14
|
+
$value: $value * 1px;
|
15
|
+
}
|
16
|
+
@if (unitless($context-font-size)) {
|
17
|
+
$context-font-size: $context-font-size * 1px;
|
18
|
+
}
|
19
|
+
@return $value / $context-font-size * 1em;
|
20
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
////
|
2
|
+
/// @group tools/unit-conversion
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Convert pixels to rem
|
6
|
+
///
|
7
|
+
/// The $govuk-root-font-size (defined in settings/_typography-responsive.scss)
|
8
|
+
/// must be configured to match the font-size of your root (html) element
|
9
|
+
///
|
10
|
+
/// @param {Number} $value - Length in pixels
|
11
|
+
/// @return {Number} Length in rems
|
12
|
+
/// @access public
|
13
|
+
|
14
|
+
@function govuk-px-to-rem($value) {
|
15
|
+
@if (unitless($value)) {
|
16
|
+
$value: $value * 1px;
|
17
|
+
}
|
18
|
+
|
19
|
+
@return $value / $govuk-root-font-size * 1rem;
|
20
|
+
}
|
@@ -0,0 +1,347 @@
|
|
1
|
+
// mq() v4.0.2
|
2
|
+
// sass-mq/sass-mq
|
3
|
+
|
4
|
+
@charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
|
5
|
+
// See https://github.com/sass-mq/sass-mq/pull/10
|
6
|
+
|
7
|
+
/// Base font size on the `<body>` element
|
8
|
+
/// @type Number (unit)
|
9
|
+
$mq-base-font-size: 16px !default;
|
10
|
+
|
11
|
+
/// Responsive mode
|
12
|
+
///
|
13
|
+
/// Set to `false` to enable support for browsers that do not support @media queries,
|
14
|
+
/// (IE <= 8, Firefox <= 3, Opera <= 9)
|
15
|
+
///
|
16
|
+
/// You could create a stylesheet served exclusively to older browsers,
|
17
|
+
/// where @media queries are rasterized
|
18
|
+
///
|
19
|
+
/// @example scss
|
20
|
+
/// // old-ie.scss
|
21
|
+
/// $mq-responsive: false;
|
22
|
+
/// @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint
|
23
|
+
/// // larger breakpoints will be ignored
|
24
|
+
///
|
25
|
+
/// @type Boolean
|
26
|
+
/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation
|
27
|
+
$mq-responsive: true !default;
|
28
|
+
|
29
|
+
/// Breakpoint list
|
30
|
+
///
|
31
|
+
/// Name your breakpoints in a way that creates a ubiquitous language
|
32
|
+
/// across team members. It will improve communication between
|
33
|
+
/// stakeholders, designers, developers, and testers.
|
34
|
+
///
|
35
|
+
/// @type Map
|
36
|
+
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
|
37
|
+
$mq-breakpoints: (
|
38
|
+
mobile: 320px,
|
39
|
+
tablet: 740px,
|
40
|
+
desktop: 980px,
|
41
|
+
wide: 1300px
|
42
|
+
) !default;
|
43
|
+
|
44
|
+
/// Static breakpoint (for fixed-width layouts)
|
45
|
+
///
|
46
|
+
/// Define the breakpoint from $mq-breakpoints that should
|
47
|
+
/// be used as the target width for the fixed-width layout
|
48
|
+
/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss
|
49
|
+
///
|
50
|
+
/// @example scss
|
51
|
+
/// // tablet-only.scss
|
52
|
+
/// //
|
53
|
+
/// // Ignore all styles above tablet breakpoint,
|
54
|
+
/// // and fix the styles (e.g. layout) at tablet width
|
55
|
+
/// $mq-responsive: false;
|
56
|
+
/// $mq-static-breakpoint: tablet;
|
57
|
+
/// @import 'main'; // @media queries in this file will be rasterized up to tablet
|
58
|
+
/// // larger breakpoints will be ignored
|
59
|
+
///
|
60
|
+
/// @type String
|
61
|
+
/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples
|
62
|
+
$mq-static-breakpoint: desktop !default;
|
63
|
+
|
64
|
+
/// Show breakpoints in the top right corner
|
65
|
+
///
|
66
|
+
/// If you want to display the currently active breakpoint in the top
|
67
|
+
/// right corner of your site during development, add the breakpoints
|
68
|
+
/// to this list, ordered by width, e.g. (mobile, tablet, desktop).
|
69
|
+
///
|
70
|
+
/// @type map
|
71
|
+
$mq-show-breakpoints: () !default;
|
72
|
+
|
73
|
+
/// Customize the media type (e.g. `@media screen` or `@media print`)
|
74
|
+
/// By default sass-mq uses an "all" media type (`@media all and …`)
|
75
|
+
///
|
76
|
+
/// @type String
|
77
|
+
/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples
|
78
|
+
$mq-media-type: all !default;
|
79
|
+
|
80
|
+
/// Convert pixels to ems
|
81
|
+
///
|
82
|
+
/// @param {Number} $px - value to convert
|
83
|
+
/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size
|
84
|
+
///
|
85
|
+
/// @example scss
|
86
|
+
/// $font-size-in-ems: mq-px2em(16px);
|
87
|
+
/// p { font-size: mq-px2em(16px); }
|
88
|
+
///
|
89
|
+
/// @requires $mq-base-font-size
|
90
|
+
/// @returns {Number}
|
91
|
+
@function mq-px2em($px, $base-font-size: $mq-base-font-size) {
|
92
|
+
@if unitless($px) {
|
93
|
+
@warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
|
94
|
+
@return mq-px2em($px * 1px, $base-font-size);
|
95
|
+
} @else if unit($px) == em {
|
96
|
+
@return $px;
|
97
|
+
}
|
98
|
+
@return ($px / $base-font-size) * 1em;
|
99
|
+
}
|
100
|
+
|
101
|
+
/// Get a breakpoint's width
|
102
|
+
///
|
103
|
+
/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
|
104
|
+
///
|
105
|
+
/// @example scss
|
106
|
+
/// $tablet-width: mq-get-breakpoint-width(tablet);
|
107
|
+
/// @media (min-width: mq-get-breakpoint-width(desktop)) {}
|
108
|
+
///
|
109
|
+
/// @requires {Variable} $mq-breakpoints
|
110
|
+
///
|
111
|
+
/// @returns {Number} Value in pixels
|
112
|
+
@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
|
113
|
+
@if map-has-key($breakpoints, $name) {
|
114
|
+
@return map-get($breakpoints, $name);
|
115
|
+
} @else {
|
116
|
+
@warn "Breakpoint #{$name} wasn't found in $breakpoints.";
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
/// Media Query mixin
|
121
|
+
///
|
122
|
+
/// @param {String | Boolean} $from (false) - One of $mq-breakpoints
|
123
|
+
/// @param {String | Boolean} $until (false) - One of $mq-breakpoints
|
124
|
+
/// @param {String | Boolean} $and (false) - Additional media query parameters
|
125
|
+
/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…
|
126
|
+
///
|
127
|
+
/// @ignore Undocumented API, for advanced use only:
|
128
|
+
/// @ignore @param {Map} $breakpoints ($mq-breakpoints)
|
129
|
+
/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)
|
130
|
+
///
|
131
|
+
/// @content styling rules, wrapped into a @media query when $responsive is true
|
132
|
+
///
|
133
|
+
/// @requires {Variable} $mq-media-type
|
134
|
+
/// @requires {Variable} $mq-breakpoints
|
135
|
+
/// @requires {Variable} $mq-static-breakpoint
|
136
|
+
/// @requires {function} mq-px2em
|
137
|
+
/// @requires {function} mq-get-breakpoint-width
|
138
|
+
///
|
139
|
+
/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
|
140
|
+
///
|
141
|
+
/// @example scss
|
142
|
+
/// .element {
|
143
|
+
/// @include mq($from: mobile) {
|
144
|
+
/// color: red;
|
145
|
+
/// }
|
146
|
+
/// @include mq($until: tablet) {
|
147
|
+
/// color: blue;
|
148
|
+
/// }
|
149
|
+
/// @include mq(mobile, tablet) {
|
150
|
+
/// color: green;
|
151
|
+
/// }
|
152
|
+
/// @include mq($from: tablet, $and: '(orientation: landscape)') {
|
153
|
+
/// color: teal;
|
154
|
+
/// }
|
155
|
+
/// @include mq(950px) {
|
156
|
+
/// color: hotpink;
|
157
|
+
/// }
|
158
|
+
/// @include mq(tablet, $media-type: screen) {
|
159
|
+
/// color: hotpink;
|
160
|
+
/// }
|
161
|
+
/// // Advanced use:
|
162
|
+
/// $my-breakpoints: (L: 900px, XL: 1200px);
|
163
|
+
/// @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {
|
164
|
+
/// color: hotpink;
|
165
|
+
/// }
|
166
|
+
/// }
|
167
|
+
@mixin mq(
|
168
|
+
$from: false,
|
169
|
+
$until: false,
|
170
|
+
$and: false,
|
171
|
+
$media-type: $mq-media-type,
|
172
|
+
$breakpoints: $mq-breakpoints,
|
173
|
+
$responsive: $mq-responsive,
|
174
|
+
$static-breakpoint: $mq-static-breakpoint
|
175
|
+
) {
|
176
|
+
$min-width: 0;
|
177
|
+
$max-width: 0;
|
178
|
+
$media-query: '';
|
179
|
+
|
180
|
+
// From: this breakpoint (inclusive)
|
181
|
+
@if $from {
|
182
|
+
@if type-of($from) == number {
|
183
|
+
$min-width: mq-px2em($from);
|
184
|
+
} @else {
|
185
|
+
$min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));
|
186
|
+
}
|
187
|
+
}
|
188
|
+
|
189
|
+
// Until: that breakpoint (exclusive)
|
190
|
+
@if $until {
|
191
|
+
@if type-of($until) == number {
|
192
|
+
$max-width: mq-px2em($until);
|
193
|
+
} @else {
|
194
|
+
$max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;
|
195
|
+
}
|
196
|
+
}
|
197
|
+
|
198
|
+
// Responsive support is disabled, rasterize the output outside @media blocks
|
199
|
+
// The browser will rely on the cascade itself.
|
200
|
+
@if $responsive == false {
|
201
|
+
$static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);
|
202
|
+
$target-width: mq-px2em($static-breakpoint-width);
|
203
|
+
|
204
|
+
// Output only rules that start at or span our target width
|
205
|
+
@if (
|
206
|
+
$and == false
|
207
|
+
and $min-width <= $target-width
|
208
|
+
and (
|
209
|
+
$until == false or $max-width >= $target-width
|
210
|
+
)
|
211
|
+
and $media-type != 'print'
|
212
|
+
) {
|
213
|
+
@content;
|
214
|
+
}
|
215
|
+
}
|
216
|
+
|
217
|
+
// Responsive support is enabled, output rules inside @media queries
|
218
|
+
@else {
|
219
|
+
@if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }
|
220
|
+
@if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }
|
221
|
+
@if $and { $media-query: '#{$media-query} and #{$and}'; }
|
222
|
+
|
223
|
+
// Remove unnecessary media query prefix 'all and '
|
224
|
+
@if ($media-type == 'all' and $media-query != '') {
|
225
|
+
$media-type: '';
|
226
|
+
$media-query: str-slice(unquote($media-query), 6);
|
227
|
+
}
|
228
|
+
|
229
|
+
@media #{$media-type + $media-query} {
|
230
|
+
@content;
|
231
|
+
}
|
232
|
+
}
|
233
|
+
}
|
234
|
+
|
235
|
+
/// Quick sort
|
236
|
+
///
|
237
|
+
/// @author Sam Richards
|
238
|
+
/// @access private
|
239
|
+
/// @param {List} $list - List to sort
|
240
|
+
/// @returns {List} Sorted List
|
241
|
+
@function _mq-quick-sort($list) {
|
242
|
+
$less: ();
|
243
|
+
$equal: ();
|
244
|
+
$large: ();
|
245
|
+
|
246
|
+
@if length($list) > 1 {
|
247
|
+
$seed: nth($list, ceil(length($list) / 2));
|
248
|
+
|
249
|
+
@each $item in $list {
|
250
|
+
@if ($item == $seed) {
|
251
|
+
$equal: append($equal, $item);
|
252
|
+
} @else if ($item < $seed) {
|
253
|
+
$less: append($less, $item);
|
254
|
+
} @else if ($item > $seed) {
|
255
|
+
$large: append($large, $item);
|
256
|
+
}
|
257
|
+
}
|
258
|
+
|
259
|
+
@return join(join(_mq-quick-sort($less), $equal), _mq-quick-sort($large));
|
260
|
+
}
|
261
|
+
|
262
|
+
@return $list;
|
263
|
+
}
|
264
|
+
|
265
|
+
/// Sort a map by values (works with numbers only)
|
266
|
+
///
|
267
|
+
/// @access private
|
268
|
+
/// @param {Map} $map - Map to sort
|
269
|
+
/// @returns {Map} Map sorted by value
|
270
|
+
@function _mq-map-sort-by-value($map) {
|
271
|
+
$map-sorted: ();
|
272
|
+
$map-keys: map-keys($map);
|
273
|
+
$map-values: map-values($map);
|
274
|
+
$map-values-sorted: _mq-quick-sort($map-values);
|
275
|
+
|
276
|
+
// Reorder key/value pairs based on key values
|
277
|
+
@each $value in $map-values-sorted {
|
278
|
+
$index: index($map-values, $value);
|
279
|
+
$key: nth($map-keys, $index);
|
280
|
+
$map-sorted: map-merge($map-sorted, ($key: $value));
|
281
|
+
|
282
|
+
// Unset the value in $map-values to prevent the loop
|
283
|
+
// from finding the same index twice
|
284
|
+
$map-values: set-nth($map-values, $index, 0);
|
285
|
+
}
|
286
|
+
|
287
|
+
@return $map-sorted;
|
288
|
+
}
|
289
|
+
|
290
|
+
/// Add a breakpoint
|
291
|
+
///
|
292
|
+
/// @param {String} $name - Name of the breakpoint
|
293
|
+
/// @param {Number} $width - Width of the breakpoint
|
294
|
+
///
|
295
|
+
/// @requires {Variable} $mq-breakpoints
|
296
|
+
///
|
297
|
+
/// @example scss
|
298
|
+
/// @include mq-add-breakpoint(tvscreen, 1920px);
|
299
|
+
/// @include mq(tvscreen) {}
|
300
|
+
@mixin mq-add-breakpoint($name, $width) {
|
301
|
+
$new-breakpoint: ($name: $width);
|
302
|
+
$mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;
|
303
|
+
$mq-breakpoints: _mq-map-sort-by-value($mq-breakpoints) !global;
|
304
|
+
}
|
305
|
+
|
306
|
+
/// Show the active breakpoint in the top right corner of the viewport
|
307
|
+
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
|
308
|
+
///
|
309
|
+
/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner
|
310
|
+
/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes
|
311
|
+
///
|
312
|
+
/// @requires {Variable} $mq-breakpoints
|
313
|
+
/// @requires {Variable} $mq-show-breakpoints
|
314
|
+
///
|
315
|
+
/// @example scss
|
316
|
+
/// // Show breakpoints using global settings
|
317
|
+
/// @include mq-show-breakpoints;
|
318
|
+
///
|
319
|
+
/// // Show breakpoints using custom settings
|
320
|
+
/// @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
|
321
|
+
@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
|
322
|
+
body:before {
|
323
|
+
background-color: #FCF8E3;
|
324
|
+
border-bottom: 1px solid #FBEED5;
|
325
|
+
border-left: 1px solid #FBEED5;
|
326
|
+
color: #C09853;
|
327
|
+
font: small-caption;
|
328
|
+
padding: 3px 6px;
|
329
|
+
pointer-events: none;
|
330
|
+
position: fixed;
|
331
|
+
right: 0;
|
332
|
+
top: 0;
|
333
|
+
z-index: 100;
|
334
|
+
|
335
|
+
// Loop through the breakpoints that should be shown
|
336
|
+
@each $show-breakpoint in $show-breakpoints {
|
337
|
+
$width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);
|
338
|
+
@include mq($show-breakpoint, $breakpoints: $breakpoints) {
|
339
|
+
content: "#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})";
|
340
|
+
}
|
341
|
+
}
|
342
|
+
}
|
343
|
+
}
|
344
|
+
|
345
|
+
@if length($mq-show-breakpoints) > 0 {
|
346
|
+
@include mq-show-breakpoints;
|
347
|
+
}
|