Merge pull request #13 from tim-s-ccs/v0.2.0

Release v0.2.0

CHANGELOG.md

@@ -1,9 +1,13 @@
 # Changelog
 
+## 0.2.0 (Pre Release)
+  - Remove as much of the code as possible to slim down the package:
+    - [PR #12](https://github.com/tim-s-ccs/tim-ccs-components/pull/12)
+
 ## 0.1.5 (Pre Release)
   - Get all of the tests working:
     - [PR #2](https://github.com/tim-s-ccs/tim-ccs-components/pull/2)
-    - [PR #8](https://github.com/tim-s-ccs/tim-ccs-components/pull/2)
+    - [PR #8](https://github.com/tim-s-ccs/tim-ccs-components/pull/8)
 
 ## 0.1.0 (Pre Release)
-  - First pre-release of CCS Compontents. Allows for the use of CCS header and footer accross different CCS applications
+  - First pre-release of CCS Compontents. Allows for the use of CCS header and footer accross different CCS applications

dist/VERSION.txt

@@ -1 +1 @@
-0.1.5
+0.2.0

package/ccs/_base.scss

@@ -1,3 +1,6 @@
+// Add GOV.UK Frontend SASS
+@import "node_modules/govuk-frontend/govuk/all";
+
 @import "settings/all";
 @import "tools/all";
 @import "helpers/all";

package/ccs/all-ie8.scss

@@ -1,6 +1,9 @@
 // By setting $govuk-is-ie8 to true, we create a version of the stylesheet that
 // targets IE8 – e.g. conditionally including or excluding styles, and
 // rasterizing media queries.
+// Note, there are no CCS styles that are affected by this directly
+// but there some that are affected indirectly through GOV.UK Frontend
+
 $govuk-is-ie8: true;
 
 @import "all";

package/ccs/components/footer/_index.scss

@@ -1,11 +1,11 @@
-@include govuk-exports("ccs/component/ccs-footer") {
+@include ccs-exports("ccs/component/ccs-footer") {
 
-  $ccs-footer-background: #2f2f2f;
-  $ccs-footer-border: #b1b4b6;
+  $ccs-footer-background: ccs-colour("black");
+  $ccs-footer-border: $ccs-border-colour;
   // This variable can be removed entirely once the legacy palette goes away,
   // as it'll just be the same as $ccs-footer-border.
-  $ccs-footer-border-top: #b1b4b6;
-  $ccs-footer-text: govuk-colour("white");
+  $ccs-footer-border-top: $ccs-border-colour;
+  $ccs-footer-text: ccs-colour("white");
 
   // Based on the govuk-crest-2x.png image dimensions.
   $ccs-footer-crest-image-width-2x: 250px;

package/ccs/components/header/_index.scss

@@ -1,10 +1,10 @@
-@include govuk-exports("ccs/component/ccs-header") {
-  $ccs-header-background: #9b1a47;
-  $ccs-header-border-color: $govuk-brand-colour;
+@include ccs-exports("ccs/component/ccs-header") {
+  $ccs-header-background: $ccs-brand-colour;
+  $ccs-header-border-color: ccs-colour("blue");
   $ccs-header-border-width: govuk-spacing(2);
-  $ccs-header-text: govuk-colour("white");
-  $ccs-header-link-active-border-color: govuk-colour("white");
-  $ccs-header-nav-item-border-color: #85163d;
+  $ccs-header-text: ccs-colour("white");
+  $ccs-header-link-active-border-color: ccs-colour("white");
+  $ccs-header-nav-item-border-color: ccs-colour("dark-red");
   $ccs-header-link-underline-thickness: 3px;
 
   .ccs-header {
@@ -293,7 +293,9 @@
       // When focussed, the text colour needs to be darker to ensure that colour
       // contrast is still acceptable
       &:focus {
-        color: $govuk-focus-text-colour;
+        @include govuk-focused-text;
+
+        border-color: $govuk-focus-colour;
       }
     }
   }

package/ccs/core/_all.scss

@@ -1,5 +1 @@
-@import "links";
-@import "lists";
-@import "typography";
-@import "section-break";
-@import "global-styles";
+// This has been intentionally left empty to allow for possible expansion in the future if required