digital_nsw_template 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 106ee563930a102b78f9cadbc6ea38a4ce5d2f480bb63e4f97e275b5e5468159
+  data.tar.gz: 5906ba1d9c2d5f158ae29dcddf39e0fb258987917d0d13f51c8c001b68fd1888
+SHA512:
+  metadata.gz: 01e7420a5389746aa95a6bf9489c93e10f73ad55e92e2d02eba606975dfa88ffb7a6401ef1bb2e9f4787c248f47b3abceb7704f43b48ba2f6937dee33d91bc70
+  data.tar.gz: 796e844ab8dff832863088278f5408747f6db5defa6f12ac764693852bd3dc9cead97fddc344e98dedef8fcefa6b3acdd83d9ad8550a85127a43692ba9411126

data/README.md

@@ -0,0 +1,3 @@
+# digital_nsw_template
+
+This gem extracts out the SASS and images from [buy.nsw](https://github.com/digitalnsw/buy-nsw) and makes it available to any other Rails or Sprockets-supporting application.

data/assets/images/logo-white.svg

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-802 371 314 339" style="enable-background:new -802 371 314 339;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;enable-background:new    ;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#FFFFFF;}
+</style>
+<path class="st0" d="z"/>
+<g>
+	<g>
+		<polygon class="st1" points="-762.4,605.9 -714.6,662 -694.2,662 -694.2,574 -714,574 -714,630.2 -761.9,574 -782.2,574
+			-782.2,662 -762.4,662 		"/>
+		<polygon class="st1" points="-574.2,662 -560.7,606.3 -547.1,662 -527.1,662 -526.9,661.2 -503.8,574 -524.2,574 -537.3,630.3
+			-551.1,574 -570,574 -584,629.7 -596.7,574 -617.4,574 -594.5,662 		"/>
+		<path class="st1" d="M-770.4,691.5h7v5.1c-1.7,1.3-4,2.1-6.6,2.1c-5.6,0-9.3-4.1-9.3-9.7v-0.1c0-5.2,3.8-9.6,8.8-9.6
+			c3.5,0,5.5,1.1,7.6,2.9l3-3.6c-2.8-2.4-5.7-3.7-10.5-3.7c-8.2,0-14,6.5-14,14.1v0.1c0,7.9,5.6,14,14.1,14c4.8,0,8.7-2,11.4-4.3
+			v-11.4h-11.6V691.5z"/>
+		<path class="st1" d="M-741.6,674.8c-8.4,0-14.3,6.4-14.3,14.1v0.1c0,7.7,5.8,14,14.2,14c8.4,0,14.3-6.4,14.3-14.1v-0.1
+			C-727.4,681.2-733.2,674.8-741.6,674.8z M-732.4,689c0,5.3-3.8,9.6-9.2,9.6s-9.3-4.4-9.3-9.7v-0.1c0-5.3,3.8-9.6,9.2-9.6
+			C-736.3,679.2-732.4,683.6-732.4,689L-732.4,689z"/>
+		<polygon class="st1" points="-714.2,696.2 -722.4,675.3 -727.7,675.3 -716.4,702.8 -712.2,702.8 -700.9,675.3 -706,675.3 		"/>
+		<polygon class="st1" points="-692.9,691 -679.2,691 -679.2,686.7 -692.9,686.7 -692.9,679.6 -677.4,679.6 -677.4,675.3
+			-697.6,675.3 -697.6,702.5 -677.2,702.5 -677.2,698.3 -692.9,698.3 		"/>
+		<path class="st1" d="M-650.3,684L-650.3,684c0-2.5-0.8-4.5-2.3-6c-1.7-1.7-4.4-2.7-7.9-2.7h-12.1v27.2h4.8v-9.5h6l6.7,9.5h5.6
+			l-7.4-10.3C-653,691.1-650.3,688.5-650.3,684z M-667.8,688.8v-9.1h7c3.5,0,5.6,1.6,5.6,4.5v0.1c0,2.8-2.2,4.6-5.6,4.6H-667.8z"/>
+		<polygon class="st1" points="-627.1,694.1 -641.7,675.3 -646.1,675.3 -646.1,702.5 -641.4,702.5 -641.4,683.2 -626.4,702.5
+			-622.4,702.5 -622.4,675.3 -627.1,675.3 		"/>
+		<polygon class="st1" points="-604.1,688.2 -612.4,675.3 -617.5,675.3 -617.5,702.5 -612.8,702.5 -612.8,683.1 -604.3,695.9
+			-604.1,695.9 -595.5,683 -595.5,702.5 -590.7,702.5 -590.7,675.3 -595.8,675.3 		"/>
+		<polygon class="st1" points="-581.4,691 -567.7,691 -567.7,686.7 -581.4,686.7 -581.4,679.6 -566,679.6 -566,675.3 -586.2,675.3
+			-586.2,702.5 -565.8,702.5 -565.8,698.3 -581.4,698.3 		"/>
+		<polygon class="st1" points="-542,694.1 -556.6,675.3 -561.1,675.3 -561.1,702.5 -556.3,702.5 -556.3,683.2 -541.3,702.5
+			-537.3,702.5 -537.3,675.3 -542,675.3 		"/>
+		<polygon class="st1" points="-533.5,679.7 -524.9,679.7 -524.9,702.5 -520,702.5 -520,679.7 -511.4,679.7 -511.4,675.3
+			-533.5,675.3 		"/>
+		<path class="st1" d="M-646.4,609.2c-15.5-4-19.3-5.9-19.3-11.8v-0.3c0-4.3,4-7.8,11.5-7.8c7.5,0,15.3,3.3,23.3,8.8l10.2-14.8
+			c-9.1-7.3-20.2-11.4-33.2-11.4c-18.3,0-31.3,10.7-31.3,27v0.3c0,17.8,11.6,22.7,29.6,27.3c15,3.8,18,6.4,18,11.4v0.3
+			c0,5.2-4.9,8.4-12.9,8.4c-10.2,0-18.6-4.2-26.7-10.9l-11.6,13.9c10.7,9.6,24.4,14.3,37.9,14.3c19.3,0,32.8-10,32.8-27.7v-0.3
+			C-618,620.5-628.2,614-646.4,609.2z"/>
+	</g>
+	<g>
+		<path class="st2" d="M-684.1,543.6c-6.2-4.8-13.6-12.6-17.6-24.9c-3.7-11.6-5.6-25.4-5.6-40.9c0-21.4,3.6-39.7,4.7-44.9
+			c0-0.1,0-0.2,0.1-0.3c0.6-3,2.4-5.4,4.7-6.6c-16.3-10.4-30.3-16.6-33-17.7c-1.6-0.7-2.5-1.1-2.5-1.1l0,0l0,0
+			c-0.6-0.2-1.2-0.4-1.7-0.4c-1.9,0.1-3,1.1-3.4,3.3c0,0-0.4,3.2-0.9,8.7c-0.5,5-1,12.9-1,22.3c0,21.2,2.8,51.3,16,74.4
+			C-714.3,533.1-700,543.1-684.1,543.6z"/>
+		<path class="st2" d="M-631.7,546.7h0.1c11.1,0,29.7-9.3,36.1-29.9c3.4-11.1,5.2-24.3,5.2-39c0-18.3-2.7-34.3-3.8-40.3
+			c-0.4-2.2-0.7-3.4-0.7-3.4c-0.3-1.1-0.8-2.4-1.7-2.4c-0.4,0-0.9,0.2-1.4,0.6c0,0-0.5,0.4-1.4,1.2c-0.9,0.7-2.2,1.9-4.1,3.5
+			c-2.4,2.2-7.4,6.8-13.2,13.1c-9.2,10.2-21.3,26.3-27.1,44.9c-3.3,10.9-5,20.3-4.9,28c-0.1,5.8,0.9,10.6,2.7,14.5
+			c1.8,3.8,4.5,6.4,8.3,8.2C-636.1,546.4-634,546.7-631.7,546.7z"/>
+		<path class="st2" d="M-648.7,490c0.1-0.4,0.3-0.8,0.4-1.2c-12.1-30.2-40-52.9-43.2-55.4c-1-0.8-1.5-1.2-1.5-1.2
+			c-0.6-0.4-1.1-0.6-1.4-0.6c-1,0-1.6,1.3-1.9,2.4c0,0.2-0.3,1.4-0.7,3.4c-0.3,1.5-0.9,4.8-1.6,9.5c-1,7.2-2.3,18.5-2.3,30.9
+			c0,15,1.8,28.1,5.2,39c6.5,20.7,25.6,30,37,30h0.1c2.4,0,4.5-0.4,6.3-1.1c0.9-0.4,1.8-0.9,2.8-1.5c-0.8-1.1-1.6-2.4-2.3-3.8
+			c-2.2-4.6-3.3-10.3-3.4-17.2c0.1-8.6,1.9-18.6,5.3-29.9C-649.4,492.1-649.1,491.1-648.7,490z"/>
+		<path class="st2" d="M-645,480.7c6.2-13.4,15.7-26.7,28.1-39.7c-8.5-25.8-20.4-46.9-25.2-54.7c-1-1.6-1.5-2.4-1.5-2.4
+			c-1-1.4-1.8-1.6-2-1.6c-0.7,0-1.4,0.5-2.1,1.6c0,0-0.6,0.8-1.5,2.4c-1.4,2.3-2.7,4.6-4.1,6.9c-3,5.3-7.6,13.9-12.3,24.7
+			c-3.2,7.3-6.2,14.9-8.7,22.6C-665.2,449.5-653.1,463.6-645,480.7z"/>
+		<path class="st2" d="M-593.3,426.1c2.3,1.2,4,3.6,4.7,6.6c0,0.1,0,0.2,0.1,0.3c1.1,5.1,4.6,23.5,4.6,44.9
+			c0,15.4-1.8,29.2-5.5,40.9c-3.9,12.3-11.1,20.2-17.2,24.9c15.7-0.7,29.8-10.6,39.8-28c13.2-23.1,16-53.2,16-74.4
+			c0-7.5-0.3-15-1-22.4c-0.5-5.4-0.9-8.6-0.9-8.6c-0.4-2.1-1.5-3.2-3.4-3.3c-0.4,0-0.9,0.1-1.7,0.4l0,0l0,0c0,0-0.9,0.3-2.5,1.1
+			c-1.6,0.6-3.6,1.6-6.2,2.8l-0.9,0.4c-8,3.9-15.9,8.2-23.2,12.9C-591.6,425-592.4,425.5-593.3,426.1z"/>
+		<path class="st2" d="M-590.2,416.6c-2.4-12.2-5.2-21.3-6.3-24.7c0-0.1-0.1-0.2-0.1-0.3c-0.7-1.8-1.8-2.6-3.2-2.6
+			c-0.2,0-0.4,0-0.6,0l0,0l0,0c-0.5,0-1,0.3-1.5,0.6l0,0l0,0c0,0-3.5,2.1-8.8,6c-3,2.1-7.6,5.6-13.4,10.4
+			c4.2,8.7,7.9,17.5,11.1,26.3C-606.2,426.9-598.7,421.8-590.2,416.6z"/>
+		<path class="st2" d="M-667,406c-4.5-3.8-9-7.2-13.4-10.4c-5.3-3.8-8.8-5.9-8.8-6l0,0l0,0c-0.5-0.4-1-0.6-1.5-0.6l0,0l0,0
+			c-0.2,0-0.4,0-0.6,0c-1.5,0-2.6,0.9-3.2,2.6c0,0.1,0,0.1-0.1,0.3c-1.1,3.4-3.9,12.5-6.3,24.7c8.5,5.1,16,10.3,22.9,15.7
+			C-675.1,423.8-671.3,414.9-667,406z"/>
+		<path class="st2" d="M-744.2,475.4c-1.4-8.7-2.2-18.1-2.5-28.1c-8.4-0.8-15-1-19.2-1.1c-0.9,0-1.7,0-2.5,0c-4.6,0-7.3,0.1-7.3,0.1
+			c-1.8,0.1-3.5,1.1-4.6,2.7c-0.7,1-1,2.2-0.9,3.4c0.3,3.2,2.4,14.7,16.2,32.1C-758,481.1-751,478-744.2,475.4z"/>
+		<path class="st2" d="M-509.9,452.5c0.1-1.1-0.5-2.7-0.9-3.4c-1.1-1.6-2.8-2.6-4.6-2.7c0,0-2.8-0.1-7.3-0.1c-0.8,0-1.6,0-2.5,0
+			c-4.1,0-10.8,0.3-19.2,1.1c-0.2,9.6-1.1,19.1-2.5,28.1c6.8,2.6,13.8,5.7,20.8,9.2C-512.4,467.2-510.3,455.6-509.9,452.5z"/>
+		<path class="st2" d="M-499.5,507.9c0,0-0.8-0.5-2.1-1.4l0,0l0,0c-1-0.8-2.5-1.8-4.4-3c-0.5-0.3-1-0.7-1.6-1
+			c-4.7-3-12.2-7.6-21.5-12.2c-6.4-3.2-12.8-6-19-8.4c-2.8,14.2-7.2,26.6-13.1,36.9c-6.1,10.8-13.8,18.9-22.8,24.3
+			c65.5-3.6,83.9-24.6,85.9-27.1l0,0c0.7-1,1-2.1,1-3.2C-497.2,510.8-498.1,509-499.5,507.9z"/>
+		<path class="st2" d="M-729.9,518.7c-5.9-10.3-10.3-22.7-13.1-36.9c-22.1,8.4-39.9,20-46.5,24.7c-1.3,0.9-2.1,1.5-2.1,1.5
+			c-1.4,1-2.3,2.9-2.3,4.7c0,1.2,0.3,2.2,1,3.2c0.1,0.1,0.1,0.1,0.1,0.2c0.1,0.1,0.3,0.3,0.4,0.5c0.1,0.1,0.2,0.2,0.3,0.3
+			c0.4,0.5,1.5,1.6,3.1,3c2.8,2.4,7.7,5.9,15.7,9.5c16.5,7.5,39.3,12.2,66.3,13.7C-716,537.7-723.9,529.4-729.9,518.7z"/>
+		<path class="st2" d="M-556.3,547.8c-3.4,0-8.3,0.7-15.8,1.7c-1.1,0.2-2.3,0.3-3.5,0.5c-3.3,0.5-7.3,0.7-12.6,0.7
+			c-3.3,0-6.6-0.1-10.2-0.2l-0.3,0c-3.4-0.1-7.2-0.2-11.1-0.2c-8,0-18.4,0.3-27.5,2.9c-0.5,0.1-0.8,0.6-0.7,0.9
+			c0,0.3,0.6,0.4,1.1,0.4c0.1,0,0.3,0,0.4,0c3.6-0.3,7.1-0.5,10.4-0.5c11.9,0,20.1,2.1,28,4c7.4,1.9,14.4,3.6,24.1,3.6
+			c10.4,0,18.6-2.2,22-5.9c1.1-1.2,1.6-2.6,1.5-4C-550.9,549.1-551.8,547.8-556.3,547.8z"/>
+		<path class="st2" d="M-653.8,553.2c-9.1-2.5-19.5-2.9-27.5-2.9h0c-3.9,0-7.7,0.1-11.1,0.2l-0.3,0c-3.6,0.1-6.9,0.2-10.2,0.2
+			c-5.3,0-9.3-0.2-12.6-0.7c-1.2-0.2-2.4-0.3-3.6-0.5c-7.5-1-12.4-1.7-15.8-1.7c-4.5,0-5.4,1.2-5.7,4c-0.1,1.4,0.4,2.8,1.5,4
+			c3.3,3.7,11.8,5.9,22,5.9c9.7,0,16.7-1.8,24.1-3.6c7.9-2,16-4,28-4c3.3,0,6.8,0.2,10.4,0.5c0.2,0,0.3,0,0.4,0c0.5,0,1-0.1,1.1-0.4
+			C-653,553.9-653.3,553.4-653.8,553.2z"/>
+	</g>
+</g>
+</svg>

data/assets/stylesheets/digital_nsw_template/_bootstrap_variables.scss

@@ -0,0 +1,5 @@
+$container-max-widths: (
+ sm: 540px,
+ md: 720px,
+ lg: 960px
+);

data/assets/stylesheets/digital_nsw_template/_variables.scss

@@ -0,0 +1,17 @@
+// Colours
+
+$dark-blue: #002665;
+$light-blue: #0059a4;
+$light-purple: #ebf0f4;
+$black: #000;
+$green: #57a31a;
+$red: darken(#d7153a, 5%);
+$white: #fff;
+
+$grey-1: #f2f2f2;
+$grey-2: #dcdddf;
+$grey-2a: #eeeeee;
+$grey-3: #bfc1c3;
+$grey-4: #4f4f4f;
+
+$focus-colour: #FFBF47;

data/assets/stylesheets/digital_nsw_template/layout/alerts.scss

@@ -0,0 +1,40 @@
+.message {
+  border-bottom: 1px solid $grey-2;
+}
+
+.message-container {
+  @include make-container();
+  @include make-container-max-widths();
+}
+
+.message p {
+  @include make-col-ready();
+
+  @include media-breakpoint-up(md) {
+    @include make-col(8);
+  }
+
+  margin-bottom: 0;
+
+  padding-left: 0;
+  padding-right: 0;
+
+  @include media-breakpoint-up(sm) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+
+.message-alert {
+  @extend .alert;
+  @extend .alert-danger;
+
+  border-radius: 0px;
+}
+
+.message-notice {
+  @extend .alert;
+  @extend .alert-success;
+
+  border-radius: 0px;
+}

data/assets/stylesheets/digital_nsw_template/layout/article.scss

@@ -0,0 +1,5 @@
+@import 'grid';
+
+article {
+  @include two-thirds;
+}

data/assets/stylesheets/digital_nsw_template/layout/base.scss

@@ -0,0 +1,16 @@
+@import 'grid';
+
+body {
+  background: #fefefe;
+}
+
+main {
+  min-height: 75vh;
+
+  &:not(.full-width) {
+    @include make-container();
+    @include make-container-max-widths();
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+}

data/assets/stylesheets/digital_nsw_template/layout/errors.scss

@@ -0,0 +1,32 @@
+.block-error {
+  border: .4rem solid $red;
+
+  padding: 1rem;
+  margin: 2rem 0;
+
+  h2 {
+    font-size: 1.4rem;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  ul.invalid-fields-list {
+    li {
+      padding: .2rem 0;
+    }
+  }
+}
+
+.form-group-invalid.file {
+  border-left: .4rem solid $red;
+  padding-left: 1rem;
+}
+
+.invalid-feedback {
+  display: block;
+  font-size: 100%;
+  color: $red;
+  font-weight: bold;
+}

data/assets/stylesheets/digital_nsw_template/layout/footer.scss

@@ -0,0 +1,131 @@
+footer.global {
+  .container {
+    font-size: 1rem;
+    padding: 1.5em 1em;
+    color: #acacac;
+
+    a {
+      color: #acacac;
+
+      &:focus {
+        color: $black;
+      }
+    }
+
+    .footer-link-list, .footer-legal, .footer-logo {
+      @include make-col-ready();
+    }
+
+    .footer-link-list {
+      @include media-breakpoint-up(md) {
+        @include make-col(4);
+      }
+
+      h3 {
+        font-size: 1.1rem;
+        font-weight: bold;
+        padding-bottom: .5rem;
+        border-bottom: 1px solid $grey-4;
+        margin-bottom: 1rem;
+      }
+
+      li {
+        list-style: none;
+        padding-bottom: .2rem;
+      }
+    }
+
+    .footer-bottom-row {
+      @include make-row();
+
+      margin: 0;
+      padding-top: 1rem;
+      padding-bottom: 1rem;
+      border-top: 1px solid $grey-4;
+      position: relative;
+      font-size: .95rem;
+
+      @include media-breakpoint-up(md) {
+        margin-top: 2rem;
+      }
+    }
+
+    .footer-legal {
+      @include media-breakpoint-up(md) {
+        @include make-col(9);
+        padding-top: 4rem;
+      }
+
+      padding-left: 0;
+
+
+      ul {
+        padding-left: 0;
+      }
+
+      li {
+        list-style: none;
+        padding-bottom: .2rem;
+
+        @include media-breakpoint-up(lg) {
+          display: inline-block;
+
+          &:not(:last-of-type) {
+            padding-right: .8rem;
+          }
+        }
+      }
+    }
+
+    .footer-logo {
+      text-align: center;
+      padding-right: 0;
+      padding-top: 1rem;
+
+      @include media-breakpoint-up(md) {
+        @include make-col(3);
+        text-align: right;
+      }
+
+      a.nsw-gov-logo {
+        display: inline-block;
+        background: url('logo-white.svg') no-repeat 0;
+        background-size: 6rem;
+        width: 6rem;
+        height: 7rem;
+
+        /* We need this to make text-indent work */
+        text-align: left;
+
+        span {
+          display: inline-block;
+          text-indent: -9999px;
+        }
+      }
+    }
+
+    .development-info {
+      position: absolute;
+      top: 0;
+      right: 0;
+      margin-top: 1.5rem;
+
+      @include media-breakpoint-up(md) {
+        left: 0;
+        right: unset;
+      }
+
+      background: $focus-colour;
+      font-weight: bold;
+      padding: .1rem .5rem;
+
+      &, a {
+        color: $black;
+      }
+    }
+  }
+
+  background: #1d1d1d;
+  min-height: 10vh;
+  border-top: 8px solid lighten(#1d1d1d, 25%);
+}