govuk-jekyll-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8ac97111bdfc9dcdfbc9073914e1413d84f894b1
+  data.tar.gz: 150f289e69f459583e754ca6a4ee755a3cbb2540
+SHA512:
+  metadata.gz: e14d650a11fa418a7c3d2fea8f47595f345feb212e760b03f5aa105e8edc33d6f327d6f6c3979554fb89f8fd6e653a26afa2b1be494a54e1848540d30123a3ff
+  data.tar.gz: b04e9b79ef6c065e6f4d21f71d2ca94ba7aebf81cd0d001a71f93b3b6433d5b425312af086951bc2de89616c72f8f4874edf4f298c9dc6c1f6b29654b6c5aa0e

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (C) 2018 Crown Copyright (Gabinet Office + Government Digital Service)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,62 @@
+# govuk-jekyll
+
+This is an experimental [theme](https://jekyllrb.com/docs/themes/) for the [Jekyll](https://jekyllrb.com) static publishing framework.
+
+It may be suitable for prototyping, or for publishing simple static content such as documentation or style guides.
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "govuk-jekyll-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: govuk-jekyll-theme
+```
+
+And then install the theme using:
+
+    $ bundle
+
+## Usage
+
+The theme contains all of the CSS styles and assets from [GOV.UK Elements](https://govuk-elements.herokuapp.com) and from the [GOV.UK Frontend Toolkit](https://github.com/alphagov/govuk_frontend_toolkit).
+
+This means that there’s a basic layout, including the GOV.UK global header and footer, as well as styles for typography, buttons, form elements and icons.
+
+## Contributing
+
+If you’d like to propose a change to some of the underlying styles or assets, it’s best to do that 'upstream' on the original source. Confusingly, there are three separate Git repositories whose contents are combined to make this theme, so you’ll need to figure out which one contains the code you’d like to suggest a change for. These are:
+
+* [govuk_elements](https://github.com/alphagov/govuk_elements)
+* [govuk_template(https://github.com/alphagov/govuk_template)
+* [govuk_frontend_toolkit](https://github.com/alphagov/govuk_frontend_toolkit)
+
+If you have any suggestions about how the packaging-these-up-as-Jekyll-theme process could be improved, though, they would be very welcome. You can do that by adding an [issue](https://github.com/frankieroberto/govuk-jekyll-theme/issues) or submitting a [pull request](https://github.com/frankieroberto/govuk-jekyll-theme/pulls) to the GitHub repository for this theme.
+
+## Development
+
+To set up your environment to develop this theme, you’ll need both [npm](https://www.npmjs.com) and [Bundler](http://bundler.io).
+
+Then run `npm install` to install the source requirements for this theme specified in [package.json](package.json). After this the [package.sh](package.sh) script will be run to manually copy the relevant `.scss` files into the [`_sass`](_sass) folder, and the images into [`assets`](assets).
+
+The theme can then be packaged up as a Rubygem locally by running:
+
+```bash
+gem build govuk-jekyll.gemspec
+```
+
+You can then install it locally by running:
+
+```bash
+ gem install govuk-jekyll-theme-*.gem
+ ```
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/footer.html

@@ -0,0 +1,19 @@
+<footer class="group js-footer" id="footer" role="contentinfo">
+
+  <div class="footer-wrapper">
+
+    <div class="footer-meta">
+      <div class="footer-meta-inner">
+
+        <div class="open-government-licence">
+          <p class="logo"><a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence</a></p>
+            <p>All content is available under the <a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, except where otherwise stated</p>
+        </div>
+      </div>
+
+      <div class="copyright">
+        <a href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">&copy; Crown copyright</a>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/header.html

@@ -0,0 +1,23 @@
+<header role="banner" id="global-header" class="with-proposition">
+  <div class="header-wrapper">
+    <div class="header-global">
+      <div class="header-logo">
+        <a href="https://www.gov.uk" title="Go to the GOV.UK homepage" id="logo" class="content">
+          <img src="{{ "/assets/images/gov.uk_logotype_crown_invert_trans.png" | relative_url }}"  width="36" height="32" alt=""> GOV.UK
+        </a>
+      </div>
+
+    </div>
+
+    <div class="header-proposition">
+      <div class="content">
+        <nav id="proposition-menu">
+          <a href="#" id="proposition-name">
+            {{ site.title }}
+          </a>
+        </nav>
+      </div>
+    </div>
+
+  </div>
+</header>

data/_layouts/default.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+
+    {% if page.title and page.url != "/" %}
+    <title>{{ page.title }} - {{ site.title }}</title>
+    {% else %}
+    <title>{{ site.title | default: "GOV.UK" }}</title>
+    {% endif %}
+
+    <link rel="stylesheet" media="screen" href="{{ "/assets/main.css" | relative_url }}"/>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  </head>
+
+  <body>
+
+    <div id="skiplink-container">
+      <div>
+        <a href="#content" class="skiplink">Skip to main content</a>
+      </div>
+    </div>
+
+    {% include header.html %}
+
+    <div id="global-header-bar"></div>
+
+    {{ content }}
+
+    {% include footer.html %}
+
+  </body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<main id="content" role="main">
+  {{ content }}
+</main>

data/_sass/_image_url.scss

@@ -0,0 +1,6 @@
+@function image-url($file) {
+  $url: '';
+  $path: '/';
+  $url: url($baseurl + $file);
+  @return $url;
+}

data/_sass/govuk-jekyll.scss

@@ -0,0 +1,44 @@
+
+@import "image_url";
+
+
+/* GOV.UK Frontend Toolkit */
+@import "govuk_frontend_toolkit/colours";
+@import "govuk_frontend_toolkit/conditionals";
+@import "govuk_frontend_toolkit/css3";
+@import "govuk_frontend_toolkit/device-pixels";
+@import "govuk_frontend_toolkit/font_stack";
+@import "govuk_frontend_toolkit/grid_layout";
+@import "govuk_frontend_toolkit/helpers";
+@import "govuk_frontend_toolkit/measurements";
+@import "govuk_frontend_toolkit/typography";
+@import "govuk_frontend_toolkit/design-patterns/alpha-beta";
+@import "govuk_frontend_toolkit/design-patterns/buttons";
+@import "govuk_frontend_toolkit/design-patterns/breadcrumbs";
+
+
+/* GOV.UK Template */
+@import "govuk_template/govuk-template";
+@import "govuk_template/fonts";
+
+/* GOV.UK Elements */
+@import "govuk_elements/elements/helpers";
+@import "govuk_elements/elements/layout";
+@import "govuk_elements/elements/reset";
+
+/* Components (chunks of UI) */
+@import "govuk_elements/elements/elements-typography";
+@import "govuk_elements/elements/buttons";
+@import "govuk_elements/elements/icons";
+@import "govuk_elements/elements/lists";
+@import "govuk_elements/elements/tables";
+@import "govuk_elements/elements/details";
+@import "govuk_elements/elements/panels";
+@import "govuk_elements/elements/forms";
+@import "govuk_elements/elements/forms/form-multiple-choice";
+@import "govuk_elements/elements/forms/form-date";
+@import "govuk_elements/elements/forms/form-validation";
+@import "govuk_elements/elements/breadcrumbs";
+@import "govuk_elements/elements/phase-banner";
+@import "govuk_elements/elements/components";
+@import "govuk_elements/elements/shame";

data/_sass/govuk_elements/_elements.scss

@@ -0,0 +1,31 @@
+// GOV.UK elements
+
+@import "elements/helpers";                       // Helper functions and classes
+
+// Generic (normalize/reset.css)
+@import "elements/reset";
+
+// Base (unclassed HTML elements)
+// These are predefined by govuk_template
+// If you're not using govuk_template, uncomment the line below.
+// @import "elements/govuk-template-base";        // Base styles set by GOV.UK template
+
+// Objects (unstyled design patterns)
+@import "elements/layout";                        // Main content container. Grid layout - rows and column widths
+
+// Components (chunks of UI)
+@import "elements/elements-typography";           // Typography
+@import "elements/buttons";                       // Buttons
+@import "elements/icons";                         // Icons - numbered steps, calendar, search
+@import "elements/lists";                         // Lists - numbered, bulleted
+@import "elements/tables";                        // Tables - regular, numeric
+@import "elements/details";                       // Details summary
+@import "elements/panels";                        // Panels with a left grey border
+@import "elements/forms";                         // Form - wrappers, inputs, labels
+@import "elements/forms/form-multiple-choice";    // Custom radio buttons and checkboxes
+@import "elements/forms/form-date";               // Date of birth pattern
+@import "elements/forms/form-validation";         // Errors and validation
+@import "elements/breadcrumbs";                   // Breadcrumbs
+@import "elements/phase-banner";                  // Alpha and beta banners and tags
+@import "elements/components";                    // GOV.UK prefixed styles - blue highlighted box
+@import "elements/shame";                         // Hacks and workarounds that will go away eventually

data/_sass/govuk_elements/_frontend-toolkit.scss

@@ -0,0 +1,23 @@
+// GOV.UK front end toolkit
+// Sass variables, mixins and functions
+// https://github.com/alphagov/govuk_frontend_toolkit/tree/master/stylesheets
+
+// Settings (variables)
+@import "colours";                                // Colour variables
+@import "font_stack";                             // Font family variables
+@import "measurements";                           // Widths and gutter variables
+
+// Mixins
+@import "conditionals";                           // Media query mixin
+@import "device-pixels";                          // Retina image mixin
+@import "grid_layout";                            // Basic grid layout mixin
+@import "typography";                             // Core bold and heading mixins, also external links
+@import "shims";                                  // Inline block mixin, clearfix placeholder
+
+// Mixins to generate components (chunks of UI)
+@import "design-patterns/alpha-beta";
+@import "design-patterns/buttons";
+@import "design-patterns/breadcrumbs";
+
+// Functions
+@import "url-helpers";                            // Function to output image-url, or prefixed path (Rails and Compass only)

data/_sass/govuk_elements/_govuk-elements.scss

@@ -0,0 +1,5 @@
+// Import GOV.UK front end toolkit dependencies
+@import "frontend-toolkit";
+
+// Import GOV.UK elements
+@import "elements";

data/_sass/govuk_elements/elements/_breadcrumbs.scss

@@ -0,0 +1,6 @@
+// Breadcrumbs
+// ==========================================================================
+
+.breadcrumbs {
+  @include breadcrumbs;
+}

data/_sass/govuk_elements/elements/_buttons.scss

@@ -0,0 +1,51 @@
+// Buttons
+// ==========================================================================
+
+.button {
+  @include button ($button-colour);
+  @include box-sizing (border-box);
+  vertical-align: top;
+
+  @include media (mobile) {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+// 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("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("icon-pointer-2x.png");
+    background-size: 30px 19px;
+  }
+
+  @include ie(6) {
+    background-image: file-url("icon-pointer-2x.png");
+  }
+}

data/_sass/govuk_elements/elements/_components.scss

@@ -0,0 +1,9 @@
+// Box with turquoise background and white text
+// Used for transaction end pages, and Bank Holidays
+.govuk-box-highlight {
+  margin: 1em 0;
+  padding: 2em 1em;
+  color: $white;
+  background: $turquoise;
+  text-align: center;
+}

data/_sass/govuk_elements/elements/_details.scss

@@ -0,0 +1,35 @@
+// Details
+// ==========================================================================
+
+details {
+  display: block;
+  clear: both;
+
+  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;
+  }
+
+}