adding MoJ styles and files

Author: GrahamHNHSBSA

app/assets/sass/components/application.scss

@@ -0,0 +1,23 @@
+$moj-page-width: 1220px !default;
+$govuk-page-width: 1220px !default;
+$moj-assets-path: "../" !default;
+$govuk-assets-path: "../" !default;
+
+
+
+// MOJ Frontend
+@import "src/moj/all";
+
+// highlight.js
+@import "node_modules/highlight.js/scss/github.scss";
+
+// Custom documentation components
+@import "./components/back-to-top";
+@import "./components/copy-button";
+@import "./components/example";
+@import "./components/flex-container";
+@import "./components/markdown";
+@import "./components/masthead";
+@import "./components/panel";
+@import "./components/tabs";
+@import "./components/header";

app/assets/sass/components/wide-layout-styles.css

@@ -47,7 +47,7 @@
 
 .nhsuk-breadcrumb {
   background-color: #ffffff;
-  padding-bottom: 12px;
+  padding-bottom: 0px !important;
   padding-top: 12px;
 }
 

app/assets/sass/components/wide-layout-styles.css.map

@@ -40,7 +40,7 @@
 }
 .nhsuk-breadcrumb {
     background-color: #ffffff;
-    padding-bottom: 12px;
+    padding-bottom: 0px !important;
     padding-top: 12px;
 }
 .nhsuk-breadcrumb .nhsuk-back-link {

app/assets/sass/components/wide-layout-styles.scss

@@ -1,10 +1,13 @@
 // Import NHS.UK frontend library
 @import 'node_modules/nhsuk-frontend/packages/nhsuk';
+@import "node_modules/@ministryofjustice/frontend/moj/all";
 
 // Components that are not in the NHS.UK frontend library
 @import 'components/list-border';
 @import 'components/related-nav';
 @import 'components/wide-layout-styles';
+@import "node_modules/@ministryofjustice/frontend/moj/components/button-menu/_button-menu.scss";
+
 
 ///////////////////////////////////////////
 // Add your custom CSS/Sass styles below...

app/assets/sass/main.scss

@@ -10,6 +10,7 @@
 <!-- Add your custom CSS or Sass in /app/assets/sass/main.scss -->
 {% block headCSS %}
   <link href="/css/main.css" rel="stylesheet">
+  <link rel="stylesheet" href="assets/sass/compontents/application.css">
 {% endblock %}
 
 <!-- Set the page title -->
@@ -54,33 +55,6 @@
 
   </div>
 
-
-
-
-    <!-- OLd code
-
-
-    <div class="nhsuk-header__logo nhsuk-header__transactional--logo">
-      <a class="nhsuk-header__link" href="index" aria-label="NHS homepage">
-        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 16" height="40" width="100">
-          <path class="nhsuk-logo__background" fill="#005eb8" d="M0 0h40v16H0z"></path>
-          <path class="nhsuk-logo__text" fill="#fff" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
-        </svg>
-        <span class="nhsuk-header__service-name">
-          Overseas Healthcare Service RINA
-        </span>
-      </a>
-    </div>
-
-    <div class="nhsuk-header__content" id="content-header">
-      <p class="logged-in">Signed in as Isla Fields<br><a href="/alpha/version-02/sign-out">Sign out</a></p>
-      <div class="nhsuk-header__menu nhsuk-header__menu--only">
-        <button class="nhsuk-header__menu-toggle" id="toggle-menu" aria-controls="header-navigation" aria-expanded="false">Menu</button>
-      </div>
-    </div>
-
-  </div> -->
-
 </header>
 {% endblock %}
 
@@ -136,6 +110,8 @@ <h2 class="nhsuk-u-visually-hidden">Support links</h2>
 {% block bodyEnd %}
   {% block scripts %}
     <!-- Custom JavaScript files can be added to this file -->
+    <script src="node_modules/@ministryofjustice/frontend/moj/jquery.js"></script>
+    <script src="node_modules/@ministryofjustice/frontend/moj/application.js"></script>
     {% include "includes/scripts.html" %}
     <!-- For adding page specific JavsScript -->
     {% block pageScripts %}{% endblock %}