@comicrelief/storybook 1.34.2 → 2.0.0

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@comicrelief/storybook",
   "description": "React components to build the Comic Relief front-end experience",
-  "version": "1.34.2",
+  "version": "2.0.0",
   "dependencies": {
-    "@comicrelief/pattern-lab": "7.67.1",
     "@snyk/protect": "^1.1060.0",
     "@storybook/addon-info": "3",
     "@storybook/addon-knobs": "3",
@@ -29,6 +28,7 @@
     "react-vis": "^1.9.1",
     "shortid": "^2.2.13",
     "snyk": "^1.996.0",
+    "susy": "^2.2.12",
     "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony",
     "url-join": "2",
     "yup": "^0.32.9",

package/src/components/BrowserSupportMessage/BrowserSupport.scss

@@ -1,16 +1,16 @@
 /* Pattern Lab Base theme variables */
-@import "~@comicrelief/pattern-lab/sass/base/variables/grid";
-@import "~@comicrelief/pattern-lab/sass/base/variables/colours";
-@import "~@comicrelief/pattern-lab/sass/base/core/base-breakpoints";
-@import "~@comicrelief/pattern-lab/sass/base/core/base-1-mixins";
+@import "../../sass/base/variables/grid";
+@import "../../sass/base/variables/colours";
+@import "../../sass/base/core/base-breakpoints";
+@import "../../sass/base/core/base-1-mixins";
 
 /* Pattern Lab Comic Relief theme variables */
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/colours";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/typography";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/mixins";
+@import "../../sass/themes/cr/2019/variables/colours";
+@import "../../sass/themes/cr/2019/variables/typography";
+@import "../../sass/themes/cr/2019/variables/mixins";
 /* Pattern Lab Comic Relief theme components */
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/components/typography/fonts";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/components/typography/typography";
+@import "../../sass/themes/cr/2019/components/typography/fonts";
+@import "../../sass/themes/cr/2019/components/typography/typography";
 
 .browser-message {
   background: $colour-black;

package/src/components/CookieConsentMessage/CookieConsent.scss

@@ -1,24 +1,24 @@
 $image-path: "images/";
 /* Pattern Lab Base theme variables */
-@import "~@comicrelief/pattern-lab/sass/base/variables/grid";
-@import "~@comicrelief/pattern-lab/sass/base/variables/colours";
-@import "~@comicrelief/pattern-lab/sass/base/variables/lists";
-@import "~@comicrelief/pattern-lab/sass/base/core/base-breakpoints";
-@import "~@comicrelief/pattern-lab/sass/base/core/base-1-mixins";
-@import "~@comicrelief/pattern-lab/sass/base/variables/typography";
+@import "../../sass/base/variables/grid";
+@import "../../sass/base/variables/colours";
+@import "../../sass/base/variables/lists";
+@import "../../sass/base/core/base-breakpoints";
+@import "../../sass/base/core/base-1-mixins";
+@import "../../sass/base/variables/typography";
 
 /* Pattern Lab Comic Relief theme variables */
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/colours";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/typography";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/mixins";
+@import "../../sass/themes/cr/2019/variables/colours";
+@import "../../sass/themes/cr/2019/variables/typography";
+@import "../../sass/themes/cr/2019/variables/mixins";
 
 /* Pattern Lab Comic Relief theme components */
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/components/typography/fonts";
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/components/typography/typography";
+@import "../../sass/themes/cr/2019/components/typography/fonts";
+@import "../../sass/themes/cr/2019/components/typography/typography";
 
 /* Pattern Lab Base theme components */
-@import "~@comicrelief/pattern-lab/sass/base/components/cookie-consent/_cookie-consent";
-@import "~@comicrelief/pattern-lab/sass/base/components/buttons/_buttons";
+@import "../../sass/base/components/cookie-consent/_cookie-consent";
+@import "../../sass/base/components/buttons/_buttons";
 
 .cookie-consent.cc_container {
   position: relative ! important; // fixed position to relative not fixed

package/src/components/Footer/Footer.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import propTypes from 'prop-types';
-import SvgSprite from '@comicrelief/pattern-lab/sass/base/components/svg/spritesheet.svg';
 import ReactSVG from 'react-svg';
-
+import SvgSprite from '../SVG/spritesheet.svg';
 import Menu from '../Menu/Menu';
 import SocialLink from '../SocialLink/SocialLink';
 

package/src/components/Footer/footer.scss

@@ -13,13 +13,13 @@ $screen-md-only: $screen-md $screen-md-max;
 $screen-lg: 1024px;
 $screen-lg-min: $screen-lg;
 
-@import "~@comicrelief/pattern-lab/sass/base/core/_base-breakpoints.scss";
-@import "~@comicrelief/pattern-lab/sass/base/core/_base-1-mixins.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_grid.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_theme.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_typography.scss";
+@import "../../sass/base/core/_base-breakpoints.scss";
+@import "../../sass/base/core/_base-1-mixins.scss";
+@import "../../sass/base/variables/_colours.scss";
+@import "../../sass/base/variables/_grid.scss";
+@import "../../sass/base/variables/_theme.scss";
+@import "../../sass/base/variables/_typography.scss";
 
-@import "~@comicrelief/pattern-lab/sass/base/components/footer/_footer.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/navigation/_footer-nav.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/social/_social.scss";
+@import "../../sass/base/components/footer/_footer.scss";
+@import "../../sass/base/components/navigation/_footer-nav.scss";
+@import "../../sass/base/components/social/_social.scss";

package/src/components/Footer/package.json

@@ -6,8 +6,7 @@
   "dependencies": {
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
-    "react-svg": "^2.1.22",
-    "@comicrelief/pattern-lab": "^7.63.0"
+    "react-svg": "^2.1.22"
   },
   "devDependencies": {
     "@storybook/addon-info": "^3.4.8",

package/src/components/GrantsNearYou/GrantsNearYou.scss

@@ -1,12 +1,12 @@
-@import "~@comicrelief/pattern-lab/sass/base/_core.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_lists.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_grid.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_typography.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/background-colours/_background-colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/typography/_typography.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/single-msg/_single-msg.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/promo-header/_promo-header.scss";
+@import "../../sass/base/_core.scss";
+@import "../../sass/base/variables/_colours.scss";
+@import "../../sass/base/variables/_lists.scss";
+@import "../../sass/base/variables/_grid.scss";
+@import "../../sass/base/variables/_typography.scss";
+@import "../../sass/base/components/background-colours/_background-colours.scss";
+@import "../../sass/base/components/typography/_typography.scss";
+@import "../../sass/base/components/single-msg/_single-msg.scss";
+@import "../../sass/base/components/promo-header/_promo-header.scss";
   
 .funded-projects {
   header {

package/src/components/JustInTime/JustInTime.scss

@@ -1,11 +1,11 @@
-@import "~@comicrelief/pattern-lab/sass/base/core/base-1-mixins";
-@import "~@comicrelief/pattern-lab/sass/base/variables/grid";
-@import "~@comicrelief/pattern-lab/sass/base/variables/colours";
-@import "~@comicrelief/pattern-lab/sass/base/variables/typography";
+@import "../../sass/base/core/base-1-mixins";
+@import "../../sass/base/variables/grid";
+@import "../../sass/base/variables/colours";
+@import "../../sass/base/variables/typography";
 /* Pattern Lab Comic Relief theme variables */
-@import "~@comicrelief/pattern-lab/sass/themes/cr/2019/variables/mixins";
+@import "../../sass/themes/cr/2019/variables/mixins";
 
-@import "~@comicrelief/pattern-lab/sass/base/components/just-in-time-block/_just-in-time";
+@import "../../sass/base/components/just-in-time-block/_just-in-time";
 
 /* override base styles */
 .form__row--just-in-time-block {

package/src/components/RadioButtons/RadioButtons.scss

@@ -1,11 +1,11 @@
 $image-path : '/';
 
-@import "~@comicrelief/pattern-lab/sass/base/_core.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_lists.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_grid.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_typography.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/background-colours/_background-colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/typography/_typography.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/form/_standard-form.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/buttons/_buttons.scss";
+@import "../../sass/base/_core.scss";
+@import "../../sass/base/variables/_colours.scss";
+@import "../../sass/base/variables/_lists.scss";
+@import "../../sass/base/variables/_grid.scss";
+@import "../../sass/base/variables/_typography.scss";
+@import "../../sass/base/components/background-colours/_background-colours.scss";
+@import "../../sass/base/components/typography/_typography.scss";
+@import "../../sass/base/components/form/_standard-form.scss";
+@import "../../sass/base/components/buttons/_buttons.scss";

package/src/components/SVG/instagram.svg

@@ -0,0 +1,18 @@
+<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50">
+	<defs>
+		<radialGradient id="a" cx="14.53" cy="2.37" r="50.41" gradientTransform="matrix(1, 0, 0, -1, 0, 52.25)" gradientUnits="userSpaceOnUse">
+			<stop offset="0" stop-color="#ffd676"></stop>
+			<stop offset="0.25" stop-color="#f2a454"></stop>
+			<stop offset="0.38" stop-color="#f05c3c"></stop>
+			<stop offset="0.7" stop-color="#c22f86"></stop>
+			<stop offset="0.96" stop-color="#6666ad"></stop>
+			<stop offset="0.99" stop-color="#5c6cb2"></stop>
+		</radialGradient>
+	</defs>
+	<title>Instagram</title>
+	<desc>Visit instagram page</desc>
+	<circle cx="25" cy="25" r="25" fill="url(#a)"></circle>
+	<path d="M25,13.25c3.83,0,4.28,0,5.79.08a7.93,7.93,0,0,1,2.66.49,4.75,4.75,0,0,1,2.72,2.72,7.93,7.93,0,0,1,.49,2.66c.07,1.51.08,2,.08,5.79s0,4.28-.08,5.79a7.93,7.93,0,0,1-.49,2.66,4.75,4.75,0,0,1-2.72,2.72,7.93,7.93,0,0,1-2.66.49c-1.51.07-2,.08-5.79.08s-4.28,0-5.79-.08a7.93,7.93,0,0,1-2.66-.49,4.75,4.75,0,0,1-2.72-2.72,7.93,7.93,0,0,1-.49-2.66c-.07-1.51-.08-2-.08-5.79s0-4.28.08-5.79a7.93,7.93,0,0,1,.49-2.66,4.75,4.75,0,0,1,2.72-2.72,7.93,7.93,0,0,1,2.66-.49c1.51-.07,2-.08,5.79-.08m0-2.58c-3.89,0-4.38,0-5.91.09a10.52,10.52,0,0,0-3.48.67,7.33,7.33,0,0,0-4.19,4.19,10.52,10.52,0,0,0-.67,3.48c-.07,1.53-.09,2-.09,5.91s0,4.38.09,5.91a10.52,10.52,0,0,0,.67,3.48,7.33,7.33,0,0,0,4.19,4.19,10.52,10.52,0,0,0,3.48.67c1.53.07,2,.09,5.91.09s4.38,0,5.91-.09a10.52,10.52,0,0,0,3.48-.67,7.33,7.33,0,0,0,4.19-4.19,10.52,10.52,0,0,0,.67-3.48c.07-1.53.09-2,.09-5.91s0-4.38-.09-5.91a10.52,10.52,0,0,0-.67-3.48,7.33,7.33,0,0,0-4.19-4.19,10.52,10.52,0,0,0-3.48-.67C29.38,10.69,28.91,10.67,25,10.67Z" fill="#fff"></path>
+	<path d="M25,17.64A7.36,7.36,0,1,0,32.36,25,7.36,7.36,0,0,0,25,17.64Zm0,12.14A4.78,4.78,0,1,1,29.78,25h0A4.78,4.78,0,0,1,25,29.78Z" fill="#fff"></path>
+	<circle cx="32.65" cy="17.35" r="1.72" fill="#fff"></circle>
+</svg>

package/src/components/SVG/spritesheet.svg

@@ -0,0 +1,142 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none;" id="spritesheet">
+  <symbol id="icon-magnify" viewBox="10 10 20 20">
+    <title>Search</title>
+    <desc>Opens search box</desc>
+    <path d="M29.7,28.3L23.5,22c1-1.3,1.5-2.8,1.5-4.5c0-4.1-3.4-7.5-7.5-7.5S10,13.4,10,17.5s3.4,7.5,7.5,7.5c1.7,0,3.3-0.6,4.5-1.5 l6.3,6.3L29.7,28.3z M12,17.5c0-3,2.5-5.5,5.5-5.5s5.5,2.5,5.5,5.5S20.5,23,17.5,23S12,20.5,12,17.5z"></path>
+  </symbol>
+  <symbol id="icon-login" viewBox="10 10 21 21">
+    <title>Shop login</title>
+    <path d="M20.5,10A10.5,10.5,0,1,0,31,20.5,10.51,10.51,0,0,0,20.5,10Zm0,19.21a8.71,8.71,0,1,1,8.71-8.71A8.72,8.72,0,0,1,20.5,29.21Z"/>
+    <path d="M20.5,27.08A7.25,7.25,0,0,0,26.45,24v-.38a2.67,2.67,0,0,0-2.67-2.67H22.25a3.62,3.62,0,1,0-3.49,0H17.22a2.67,2.67,0,0,0-2.67,2.67V24A7.25,7.25,0,0,0,20.5,27.08Z"/>
+  </symbol>
+  <symbol id="icon-pinterest" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>Pinterest</title>
+    <desc>Follow us on pinterest</desc>
+    <defs><style>.pint-cls-1{fill:#bb0f23;}.pint-cls-2{fill:#fff;fill-rule:evenodd;}</style></defs>
+    <circle class="pint-cls-1" cx="25" cy="25" r="25"/>
+    <path class="pint-cls-2" d="M10.241,23.752c0,3.87,1.457,7.313,4.579,8.6a.769.769,0,0,0,1.119-.564c.1-.394.348-1.391.456-1.806a1.094,1.094,0,0,0-.322-1.253A6.522,6.522,0,0,1,14.6,24.312,10.622,10.622,0,0,1,25.605,13.537c6,0,9.3,3.692,9.3,8.622,0,6.487-2.853,11.963-7.087,11.963a3.476,3.476,0,0,1-3.529-4.334c.672-2.851,1.973-5.927,1.973-7.984,0-1.842-.983-3.377-3.014-3.377-2.39,0-4.313,2.488-4.313,5.822a8.687,8.687,0,0,0,.714,3.56L16.775,40.071a25.41,25.41,0,0,0-.066,8.549.3.3,0,0,0,.531.13,24.1,24.1,0,0,0,4.037-7.363c.273-1,1.571-6.184,1.571-6.184a6.4,6.4,0,0,0,5.461,2.8c7.188,0,12.063-6.594,12.063-15.42,0-6.674-5.617-12.889-14.154-12.889C15.6,9.7,10.241,17.361,10.241,23.752Zm0,0"/>
+  </symbol>
+  <symbol id="icon-facebook" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <style xmlns="http://www.w3.org/2000/svg">.face-cls-1{fill:#fff;}.face-cls-2{fill:#3b5998;}.face-cls-3{clip-path:url(#clip-path-face);}</style><clipPath xmlns="http://www.w3.org/2000/svg" id="clip-path-face"><path class="face-cls-1" d="M26.49,38.07H21V25H18.18v-4.5H21v-2.7c0-3.67,1.56-5.86,6-5.86h3.7v4.51H28.34c-1.73,0-1.84.63-1.84,1.8v2.25h4.19L30.19,25h-3.7V38.07Zm0,0"/></clipPath>
+    <circle xmlns="http://www.w3.org/2000/svg" class="face-cls-2" cx="25" cy="25" r="25"/>
+    <path xmlns="http://www.w3.org/2000/svg" class="face-cls-1" d="M26.49,38.07H21V25H18.18v-4.5H21v-2.7c0-3.67,1.56-5.86,6-5.86h3.7v4.51H28.34c-1.73,0-1.84.63-1.84,1.8v2.25h4.19L30.19,25h-3.7V38.07Zm0,0"/>
+  </symbol>
+  <symbol id="icon-twitter" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <style>.twit-cls-1,.twit-cls-3,.twit-cls-5{fill:#fff;}.twit-cls-1{clip-rule:evenodd;}.twit-cls-2{fill:#00b6ee;}.twit-cls-3{fill-rule:evenodd;}.twit-cls-4{twit-clip-path:url(#twit-clip-path);}</style><clipPath id="twit-clip-path"><path class="twit-cls-1" d="M35.89,18.22A5.8,5.8,0,0,0,38.32,15a10.74,10.74,0,0,1-3.52,1.42,5.39,5.39,0,0,0-4-1.85,5.7,5.7,0,0,0-5.54,5.84,6.11,6.11,0,0,0,.14,1.33,15.47,15.47,0,0,1-11.42-6.1,6.07,6.07,0,0,0-.75,2.94,5.94,5.94,0,0,0,2.46,4.86,5.34,5.34,0,0,1-2.51-.73v.07A5.77,5.77,0,0,0,17.6,28.5a5.16,5.16,0,0,1-1.46.21,5.21,5.21,0,0,1-1-.1,5.59,5.59,0,0,0,5.17,4.06,10.75,10.75,0,0,1-6.88,2.5,10.46,10.46,0,0,1-1.32-.08,15.1,15.1,0,0,0,8.49,2.62c10.19,0,15.76-8.9,15.76-16.62,0-.25,0-.51,0-.76a11.58,11.58,0,0,0,2.76-3,10.62,10.62,0,0,1-3.18.92Zm0,0"/></clipPath><title>social_icons</title><circle class="twit-cls-2" cx="25" cy="25" r="25"/><path class="twit-cls-3" d="M35.89,18.22A5.8,5.8,0,0,0,38.32,15a10.74,10.74,0,0,1-3.52,1.42,5.39,5.39,0,0,0-4-1.85,5.7,5.7,0,0,0-5.54,5.84,6.11,6.11,0,0,0,.14,1.33,15.47,15.47,0,0,1-11.42-6.1,6.07,6.07,0,0,0-.75,2.94,5.94,5.94,0,0,0,2.46,4.86,5.34,5.34,0,0,1-2.51-.73v.07A5.77,5.77,0,0,0,17.6,28.5a5.16,5.16,0,0,1-1.46.21,5.21,5.21,0,0,1-1-.1,5.59,5.59,0,0,0,5.17,4.06,10.75,10.75,0,0,1-6.88,2.5,10.46,10.46,0,0,1-1.32-.08,15.1,15.1,0,0,0,8.49,2.62c10.19,0,15.76-8.9,15.76-16.62,0-.25,0-.51,0-.76a11.58,11.58,0,0,0,2.76-3,10.62,10.62,0,0,1-3.18.92Zm0,0"/>
+  </symbol>
+  <symbol id="icon-youtube" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>Youtube</title>
+    <desc>Follow us on youtube</desc>
+    <style xmlns="http://www.w3.org/2000/svg">.cls-1,.cls-3,.cls-5{fill:#fff;}.cls-1{clip-rule:evenodd;}.cls-2{fill:#ce3432;}.cls-3{fill-rule:evenodd;}.cls-4{clip-path:url(#you-clip-path);}</style><clipPath xmlns="http://www.w3.org/2000/svg" id="you-clip-path"><path class="cls-1" d="M17.82,31.52l0-4.79h1.79V25.24H14.44v1.5h1.75v4.75c0,2.61,0,4.77,0,4.8s.2,0,.79,0h.78l0-4.79Zm14.9-.34a7.56,7.56,0,0,1,.06-1.36.7.7,0,0,1,.73-.56.65.65,0,0,1,.65.4c.09.17.09.25.11.89v.7h-.77c-.66,0-.77,0-.79-.06Zm1.44,5.16a2,2,0,0,0,1.48-1.46,5.23,5.23,0,0,0,.08-.79l0-.56H34.28l0,.5c0,.57-.08.77-.29,1a.78.78,0,0,1-.89,0c-.31-.21-.39-.57-.38-1.74v-.83h3l0-1.23a4.15,4.15,0,0,0-.28-2.07,2.18,2.18,0,0,0-2.66-1,2,2,0,0,0-1.39,1.56,14,14,0,0,0-.07,2.53c0,2.46,0,2.57.26,3.07a2.24,2.24,0,0,0,2.59,1.08Zm-6-1.4a.53.53,0,0,0,.2-.29,12.53,12.53,0,0,0,.06-2.52,9.53,9.53,0,0,0-.08-2.48c-.18-.37-.64-.4-1.06-.08l-.14.11v5l.14.11a.77.77,0,0,0,.89.13Zm.91,1.42a1.19,1.19,0,0,0,.63-.62c.24-.53.24-.55.24-3.55a19.7,19.7,0,0,0-.07-3c-.2-.85-.63-1.23-1.35-1.17a1.7,1.7,0,0,0-1.11.56,2.65,2.65,0,0,1-.33.29s0-.82,0-1.81V25.22H25.67V36.33h1.41V36c0-.25,0-.37,0-.37a2.05,2.05,0,0,1,.35.29,1.52,1.52,0,0,0,1.62.49Zm-7.52,0a2.66,2.66,0,0,0,.89-.62,1.13,1.13,0,0,1,.28-.24s.05.11.05.43v.43h1.41V28.09H22.81v6.35l-.3.3a1.09,1.09,0,0,1-.49.36c-.25.07-.41,0-.52-.16s-.08-.2-.09-3.49V28.09H20v3.57c0,3.89,0,4,.22,4.34a1.09,1.09,0,0,0,1.38.32Zm.6,3.44-2.42-.06c-2.76-.1-4.65-.21-5-.28a2.79,2.79,0,0,1-1.49-.91,5.09,5.09,0,0,1-1-2.81,42.94,42.94,0,0,1,0-9.38,4.6,4.6,0,0,1,1.17-2.82,2.42,2.42,0,0,1,1.18-.69,129.46,129.46,0,0,1,13.74-.36c2.78.06,5.79.19,6.59.28a2.73,2.73,0,0,1,2.26,1.67,7.87,7.87,0,0,1,.65,3.21A36.53,36.53,0,0,1,38,31.68a31.41,31.41,0,0,1-.35,4.79,4.11,4.11,0,0,1-1.3,2.44,2.89,2.89,0,0,1-1.78.59l-.67,0c-.46,0-2.93.14-4.28.17-2,.06-5.53.08-7.44,0ZM19.7,21.46c0-.06,0-3.3,0-3.76a5.08,5.08,0,0,0-.48-2.24c-.14-.38-.38-1.13-.55-1.65-1.19-3.8-1.13-3.58-1-3.58.78,0,1.75,0,1.76,0s.26.93.57,2.06l.56,2.08s.18-.64.4-1.46c.44-1.72.69-2.67.7-2.68a6,6,0,0,1,1,0h.8l0,.13c0,.1-.56,1.94-1.13,3.81l-.35,1.18-.35,1.17-.12.37v2.28c0,2.14,0,2.28-.07,2.3a11.48,11.48,0,0,1-1.68,0ZM30,21.59a.91.91,0,0,1-.78-.52c-.2-.39-.2-.39-.2-4.32V13.09h1.59l0,3.38c0,3.67,0,3.58.23,3.64s.42-.06.7-.34l.27-.27v-6.4h1.59v8.39l-.11,0a12.34,12.34,0,0,1-1.43,0c-.06,0-.07-.07-.07-.4V20.7l-.23.22a2,2,0,0,1-1.6.67ZM26,20c.27-.21.27-.23.29-2.58a14.44,14.44,0,0,0,0-2.39c-.07-.34-.21-.5-.46-.57a.6.6,0,0,0-.74.46,45.86,45.86,0,0,0,0,4.72A.59.59,0,0,0,26,20Zm-.62,1.6a2.25,2.25,0,0,1-1.68-1.08c-.32-.58-.35-.89-.33-3.46a10.41,10.41,0,0,1,.1-2.4,2.11,2.11,0,0,1,1.12-1.42,2.29,2.29,0,0,1,2.34.14,2.09,2.09,0,0,1,.9,1.39,13.49,13.49,0,0,1,.07,2.52c0,2.45,0,2.59-.26,3.12a2.23,2.23,0,0,1-1.35,1.12,3,3,0,0,1-.9.08Zm0,0"/></clipPath><circle xmlns="http://www.w3.org/2000/svg" class="cls-2" cx="25" cy="25" r="25"/><path xmlns="http://www.w3.org/2000/svg" class="cls-3" d="M17.82,31.52l0-4.79h1.79V25.24H14.44v1.5h1.75v4.75c0,2.61,0,4.77,0,4.8s.2,0,.79,0h.78l0-4.79Zm14.9-.34a7.56,7.56,0,0,1,.06-1.36.7.7,0,0,1,.73-.56.65.65,0,0,1,.65.4c.09.17.09.25.11.89v.7h-.77c-.66,0-.77,0-.79-.06Zm1.44,5.16a2,2,0,0,0,1.48-1.46,5.23,5.23,0,0,0,.08-.79l0-.56H34.28l0,.5c0,.57-.08.77-.29,1a.78.78,0,0,1-.89,0c-.31-.21-.39-.57-.38-1.74v-.83h3l0-1.23a4.15,4.15,0,0,0-.28-2.07,2.18,2.18,0,0,0-2.66-1,2,2,0,0,0-1.39,1.56,14,14,0,0,0-.07,2.53c0,2.46,0,2.57.26,3.07a2.24,2.24,0,0,0,2.59,1.08Zm-6-1.4a.53.53,0,0,0,.2-.29,12.53,12.53,0,0,0,.06-2.52,9.53,9.53,0,0,0-.08-2.48c-.18-.37-.64-.4-1.06-.08l-.14.11v5l.14.11a.77.77,0,0,0,.89.13Zm.91,1.42a1.19,1.19,0,0,0,.63-.62c.24-.53.24-.55.24-3.55a19.7,19.7,0,0,0-.07-3c-.2-.85-.63-1.23-1.35-1.17a1.7,1.7,0,0,0-1.11.56,2.65,2.65,0,0,1-.33.29s0-.82,0-1.81V25.22H25.67V36.33h1.41V36c0-.25,0-.37,0-.37a2.05,2.05,0,0,1,.35.29,1.52,1.52,0,0,0,1.62.49Zm-7.52,0a2.66,2.66,0,0,0,.89-.62,1.13,1.13,0,0,1,.28-.24s.05.11.05.43v.43h1.41V28.09H22.81v6.35l-.3.3a1.09,1.09,0,0,1-.49.36c-.25.07-.41,0-.52-.16s-.08-.2-.09-3.49V28.09H20v3.57c0,3.89,0,4,.22,4.34a1.09,1.09,0,0,0,1.38.32Zm.6,3.44-2.42-.06c-2.76-.1-4.65-.21-5-.28a2.79,2.79,0,0,1-1.49-.91,5.09,5.09,0,0,1-1-2.81,42.94,42.94,0,0,1,0-9.38,4.6,4.6,0,0,1,1.17-2.82,2.42,2.42,0,0,1,1.18-.69,129.46,129.46,0,0,1,13.74-.36c2.78.06,5.79.19,6.59.28a2.73,2.73,0,0,1,2.26,1.67,7.87,7.87,0,0,1,.65,3.21A36.53,36.53,0,0,1,38,31.68a31.41,31.41,0,0,1-.35,4.79,4.11,4.11,0,0,1-1.3,2.44,2.89,2.89,0,0,1-1.78.59l-.67,0c-.46,0-2.93.14-4.28.17-2,.06-5.53.08-7.44,0ZM19.7,21.46c0-.06,0-3.3,0-3.76a5.08,5.08,0,0,0-.48-2.24c-.14-.38-.38-1.13-.55-1.65-1.19-3.8-1.13-3.58-1-3.58.78,0,1.75,0,1.76,0s.26.93.57,2.06l.56,2.08s.18-.64.4-1.46c.44-1.72.69-2.67.7-2.68a6,6,0,0,1,1,0h.8l0,.13c0,.1-.56,1.94-1.13,3.81l-.35,1.18-.35,1.17-.12.37v2.28c0,2.14,0,2.28-.07,2.3a11.48,11.48,0,0,1-1.68,0ZM30,21.59a.91.91,0,0,1-.78-.52c-.2-.39-.2-.39-.2-4.32V13.09h1.59l0,3.38c0,3.67,0,3.58.23,3.64s.42-.06.7-.34l.27-.27v-6.4h1.59v8.39l-.11,0a12.34,12.34,0,0,1-1.43,0c-.06,0-.07-.07-.07-.4V20.7l-.23.22a2,2,0,0,1-1.6.67ZM26,20c.27-.21.27-.23.29-2.58a14.44,14.44,0,0,0,0-2.39c-.07-.34-.21-.5-.46-.57a.6.6,0,0,0-.74.46,45.86,45.86,0,0,0,0,4.72A.59.59,0,0,0,26,20Zm-.62,1.6a2.25,2.25,0,0,1-1.68-1.08c-.32-.58-.35-.89-.33-3.46a10.41,10.41,0,0,1,.1-2.4,2.11,2.11,0,0,1,1.12-1.42,2.29,2.29,0,0,1,2.34.14,2.09,2.09,0,0,1,.9,1.39,13.49,13.49,0,0,1,.07,2.52c0,2.45,0,2.59-.26,3.12a2.23,2.23,0,0,1-1.35,1.12,3,3,0,0,1-.9.08Zm0,0"/>
+  </symbol>
+  <symbol id="crlogo" viewBox="0 0 250 250">
+    <title>Comic Relief</title>
+    <desc>Visit the Comic Relief site</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CR18-logo" fill-rule="nonzero">
+            <g id="Group">
+                <path d="M427.95,446.05 L18.13,446.05 C8.15737289,446.006188 0.0838122845,437.932627 0.04,427.96 L0.04,18.14 C0.0892372702,8.16963484 8.15963484,0.0992372702 18.13,0.05 L427.95,0.05 C437.957045,0.0774693977 446.062531,8.18295492 446.09,18.19 L446.09,427.96 C446.040569,437.949787 437.939886,446.028142 427.95,446.05" id="Shape" fill="#E53138"></path>
+                <path d="M77.63,183.65 C77.63,193.31 78.83,199.52 86.24,199.53 C93.65,199.54 94.87,193.32 94.88,183.66 L94.88,171.93 L119.55,171.93 L119.55,176.93 C119.55,202.28 111.42,220.05 86.75,220.04 C61.39,220.04 51.57,202.94 51.58,171.72 L51.58,156.9 C51.58,125.68 61.43,108.6 86.79,108.61 C111.46,108.61 119.56,126.4 119.55,151.76 L119.55,156.76 L94.89,156.76 L94.89,145.05 C94.89,135.39 93.69,129.17 86.27,129.17 C78.85,129.17 77.65,135.38 77.64,145.04 L77.63,183.65 Z" id="Shape" fill="#FFFFFF"></path>
+                <path d="M149.91,183.34 C149.91,193 151.45,199.56 158.91,199.56 C166.37,199.56 167.91,193.01 167.91,183.35 L167.91,145.4 C167.91,135.74 166.37,129.18 158.91,129.17 C151.45,129.16 149.91,135.73 149.91,145.39 L149.91,183.34 Z M194.04,171.11 C194.04,202.34 184.18,220.11 158.82,220.11 C133.46,220.11 123.63,202.33 123.65,171.11 L123.65,157.63 C123.65,126.4 133.5,108.63 158.86,108.63 C184.22,108.63 194.05,126.42 194.03,157.63 L194.04,171.11 Z" id="Shape" fill="#FFFFFF"></path>
+            </g>
+            <polygon id="Shape" fill="#FFFFFF" points="243.27 165.26 243.96 165.26 254.33 110.06 286.25 110.08 286.2 218.76 262.74 218.75 262.76 156.82 262.07 156.82 250.14 218.75 234.27 218.74 222.05 156.8 221.36 156.8 221.33 218.73 199.08 218.72 199.13 110.04 231.73 110.05"></polygon>
+            <rect id="Rectangle-path" fill="#FFFFFF" x="294.65" y="110.09" width="25.36" height="108.69"></rect>
+            <g id="Group" transform="translate(52.000000, 108.000000)" fill="#FFFFFF">
+                <path d="M299.91,75.78 C299.91,85.44 301.11,91.65 308.53,91.65 C315.95,91.65 317.16,85.45 317.16,75.78 L317.16,64.05 L341.84,64.05 L341.84,69.05 C341.84,94.41 333.72,112.17 309.05,112.16 C283.69,112.16 273.86,95.07 273.88,63.84 L273.88,49.05 C273.88,17.83 283.74,0.75 309.1,0.77 C333.77,0.77 341.87,18.55 341.86,43.91 L341.86,48.91 L317.17,48.91 L317.17,37.14 C317.17,27.48 315.97,21.27 308.55,21.27 C301.13,21.27 299.92,27.47 299.92,37.13 L299.91,75.78 Z" id="Shape"></path>
+                <path d="M28.04,170.05 C38.22,170.05 42.19,166.78 42.19,155.74 C42.19,145.91 38.19,141.08 28.05,141.07 L25.64,141.07 L25.64,170.07 L28.04,170.05 Z M42.33,229.41 C40.95,225.26 40.61,218.88 39.93,205.77 C39.41,195.42 36.83,190.07 28.93,190.07 L25.65,190.07 L25.65,229.41 L0.65,229.41 L0.7,120.72 L31.93,120.72 C56.25,120.72 67.11,133.51 67.1,152.83 C67.1,169.91 59.33,178.36 48.29,180.25 C59.67,182.84 63.46,190.95 64.29,204.58 C65.15,218.9 64.97,224.42 67.39,229.43 L42.33,229.41 Z" id="Shape"></path>
+            </g>
+            <polygon id="Shape" fill="#FFFFFF" points="179.86 337.4 124.83 337.37 124.88 228.69 179.91 228.71 179.9 249.59 149.71 249.58 149.7 271.83 172.13 271.84 172.12 292.54 149.69 292.53 149.68 316.51 179.87 316.52"></polygon>
+            <polygon id="Shape" fill="#FFFFFF" points="211.82 228.73 211.78 316.54 241.11 316.55 241.1 337.43 186.41 337.4 186.46 228.72"></polygon>
+            <rect id="Rectangle-path" fill="#FFFFFF" x="246.02" y="228.75" width="25.36" height="108.69"></rect>
+            <polygon id="Shape" fill="#FFFFFF" points="334.94 337.47 279.91 337.44 279.96 228.76 334.99 228.78 334.98 249.66 304.79 249.65 304.78 271.9 327.21 271.91 327.2 292.61 304.77 292.6 304.76 316.58 334.95 316.6"></polygon>
+            <polygon id="Shape" fill="#FFFFFF" points="341.49 337.47 341.54 228.79 394.5 228.81 394.5 249.69 366.89 249.68 366.88 274.86 387.07 274.87 387.06 295.4 366.87 295.39 366.85 337.48"></polygon>
+        </g>
+    </g>
+  </symbol>
+  <symbol id="close-cross" viewBox="3 3 32 32">
+    <title>Close</title>
+    <desc>Close window</desc>
+    <path d="M21.4,20l8.3,8.3l-1.4,1.4L20,21.4l-8.3,8.3l-1.4-1.4l8.3-8.3l-8.3-8.3l1.4-1.4l8.3,8.3l8.3-8.3l1.4,1.4L21.4,20z"/>
+  </symbol>
+  <symbol id="envelope" viewBox="10 10 20 20">
+    <title>Get the latest</title>
+    <desc>Opens email sign up box</desc>
+    <path d="M28,12H12h-2v2v12v2h2h16h2v-2V14v-2H28z M26.6,14L20,20.6L13.4,14H26.6z M12,26V15.4l8,8l8-8V26H12z"/>
+  </symbol>
+  <symbol id="social-link-facebook" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>Facebook share icon</title>
+    <desc>Share current page on Facebook</desc>
+    <circle fill="#3B5998" cx="25" cy="25" r="25"/>
+    <path id="SVGID_2_" d="M26.494,38.068h-5.543v-13.07h-2.77v-4.503h2.77v-2.704c0-3.674,1.563-5.859,6.007-5.859h3.698v4.505
+                h-2.312c-1.73,0-1.844,0.629-1.844,1.804l-0.008,2.254h4.189l-0.49,4.503h-3.698L26.494,38.068L26.494,38.068L26.494,38.068z
+                 M26.494,38.068" overflow="visible" fill="#FFFFFF"/>
+  </symbol>
+  <symbol id="social-link-twitter" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>Twitter share icon</title>
+    <desc>Share current page on Twitter</desc>
+    <circle fill="#00B6EE" cx="25" cy="25" r="25"/>
+    <path id="SVGID_4_" d="M35.888,18.222c1.144-0.722,2.022-1.867,2.434-3.231c-1.071,0.67-2.255,1.155-3.518,1.417
+      c-1.008-1.137-2.448-1.845-4.043-1.845c-3.059,0-5.537,2.616-5.537,5.842c0,0.458,0.046,0.904,0.141,1.33
+      c-4.602-0.244-8.683-2.567-11.417-6.104c-0.477,0.866-0.75,1.869-0.75,2.938c0,2.026,0.978,3.814,2.464,4.864
+      c-0.908-0.03-1.762-0.296-2.51-0.73v0.072c0,2.831,1.908,5.193,4.445,5.728c-0.466,0.137-0.954,0.206-1.461,0.206
+      c-0.357,0-0.705-0.035-1.041-0.104c0.704,2.32,2.75,4.011,5.174,4.057c-1.897,1.568-4.285,2.5-6.88,2.5
+      c-0.447,0-0.889-0.025-1.322-0.08c2.452,1.656,5.363,2.624,8.491,2.624c10.19,0,15.759-8.902,15.759-16.623
+      c0-0.254-0.003-0.506-0.014-0.755c1.082-0.824,2.024-1.854,2.764-3.025C38.075,17.768,37.006,18.082,35.888,18.222L35.888,18.222z
+       M35.888,18.222" overflow="visible" fill="#FFFFFF"/>
+  </symbol>
+
+  <symbol id="crlogo2018" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 596.45 596.45">
+    <style>.crlogo2018-cls-1{fill:#e52631;}.crlogo2018-cls-2{fill:#fff;}</style>
+    <title>Logo</title>
+    <g id="Layer_2" data-name="Layer 2">
+      <g id="Logo">
+        <rect class="crlogo2018-cls-1" x="50.73" y="50.73" width="495" height="495" rx="21.78" ry="21.78" transform="translate(-67.03 87.35) rotate(-15)"/>
+        <g id="COMIC_RELIEF_-_optical_tweak" data-name="COMIC RELIEF - optical tweak">
+          <path class="crlogo2018-cls-2" d="M129.94,297.27c2.79,10.41,5.88,16.75,13.87,14.61s7.5-9.18,4.71-19.58l-3.39-12.64,26.57-7.12,1.44,5.39c7.32,27.31,3.72,48.79-22.85,55.91C123,341.15,107.46,325.6,98.45,292l-4.28-16c-9-33.62-3.35-54.85,24-62.17,26.57-7.12,40.43,9.68,47.75,37l1.44,5.38-26.57,7.12-3.38-12.63c-2.79-10.4-5.88-16.74-13.87-14.6s-7.5,9.17-4.71,19.58Z"/>
+          <path class="crlogo2018-cls-2" d="M252.38,249.93c9,33.63,3.55,55.6-23.76,62.92s-43-9-52-42.61l-3.89-14.49c-9-33.63-3.54-55.6,23.77-62.92s43,9,52,42.61Zm-44,25.94c2.79,10.4,6.35,17,14.34,14.87s7.77-9.65,5-20.05l-10.95-40.87c-2.79-10.41-6.35-17-14.34-14.88s-7.77,9.65-5,20.05Z"/>
+          <path class="crlogo2018-cls-2" d="M303.91,229.35l.75-.2-4.79-62.44,34.37-9.2,31.37,117-25.27,6.77-17.87-66.7-.75.2L326.78,285l-17.1,4.58-31.06-63.16-.74.2,17.87,66.7-24,6.42-31.36-117,35.12-9.4Z"/>
+          <path class="crlogo2018-cls-2" d="M370.17,147.88l31.37,117-27.31,7.32-31.37-117Z"/>
+          <path class="crlogo2018-cls-2" d="M426.19,217.89c2.79,10.41,5.88,16.75,13.87,14.61s7.5-9.18,4.71-19.58l-3.39-12.64L468,193.16l1.44,5.39c7.32,27.31,3.72,48.79-22.85,55.91-27.31,7.31-42.83-8.24-51.84-41.87l-4.28-16c-9-33.62-3.35-54.85,24-62.17,26.57-7.12,40.43,9.68,47.75,37l1.44,5.39L437,183.93l-3.38-12.63c-2.79-10.4-5.88-16.74-13.87-14.6s-7.5,9.17-4.71,19.58Z"/>
+          <path class="crlogo2018-cls-2" d="M193,457.53c-2.68-4.07-4.89-10.84-9.42-24.76-3.54-11-7.87-16-16.42-13.72l-3.53.95L175,462.35,148,469.57l-31.36-117,33.63-9c26.19-7,41.58,3.59,47.16,24.4,4.92,18.39-1,29.73-12.34,35,13-.49,19.44,7.14,24.3,21.57,5.06,15.17,6.47,21.17,10.51,25.86Zm-32.54-59.78c11-2.94,14.29-7.61,11.1-19.5-2.84-10.59-8.51-14.65-19.47-11.71l-2.6.69,8.37,31.21Z"/>
+          <path class="crlogo2018-cls-2" d="M285.05,432.86l-59.27,15.88-31.36-117,59.26-15.88,6,22.48L227.2,347l6.42,24,24.15-6.47,6,22.3-24.15,6.47,6.92,25.82L279,410.38Z"/>
+          <path class="crlogo2018-cls-2" d="M287.35,306.8l25.34,94.56,31.58-8.46,6,22.48L291.4,431.16,260,314.11Z"/>
+          <path class="crlogo2018-cls-2" d="M351.35,289.65l31.36,117L355.4,414,324,297Z"/>
+          <path class="crlogo2018-cls-2" d="M450.39,388.56l-59.26,15.88-31.37-117L419,271.51l6,22.48-32.51,8.71,6.42,24,24.15-6.47,6,22.29L404.94,349l6.92,25.83,32.51-8.71Z"/>
+          <path class="crlogo2018-cls-2" d="M456.75,386.85l-31.37-117,57-15.28,6,22.48-29.72,8L466,312.1l21.73-5.83,5.93,22.11-21.74,5.82,12.15,45.34Z"/>
+        </g>
+      </g>
+    </g>
+  </symbol>
+
+ <symbol id="rnd-logo" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>RND19</title>
+    <desc>Visit Red Nose day</desc>
+    <style><defs><style>.rndlogo-cls-1{fill:#e62731;}.rndlogo-cls-2{fill:#2a72b7;}.rndlogo-cls-3{fill:#fff;}</style></defs>
+    <path class="rndlogo-cls-1" d="M775.49,426.13c0,169.14-137.11,306.25-306.25,306.25S163,595.27,163,426.13,300.1,119.88,469.24,119.88,775.49,257,775.49,426.13"/>
+    <rect class="rndlogo-cls-2" x="43.93" y="43.65" width="306.27" height="306.27" rx="25.34" ry="25.34" transform="translate(-44.22 57.71) rotate(-15)"/>
+    <path class="rndlogo-cls-3" d="M287.24,15A25.36,25.36,0,0,1,311.7,33.79l30.44,113.62A305.08,305.08,0,0,1,469,120c169.13,0,306.25,137.11,306.25,306.24S638.17,732.45,469,732.45,162.79,595.34,162.79,426.2a307,307,0,0,1,6.6-63.44l-56.34,15.09a25.3,25.3,0,0,1-31-17.92L15.87,113.05A25.34,25.34,0,0,1,33.79,82L280.66,15.87a25.38,25.38,0,0,1,6.58-.87m0-15h0a40.28,40.28,0,0,0-10.46,1.38L29.9,67.53A40.39,40.39,0,0,0,1.38,116.94L67.53,363.81a40.32,40.32,0,0,0,49.41,28.53l33.71-9a323.65,323.65,0,0,0-2.86,42.89A321,321,0,1,0,352.17,126.88l-26-97A40.4,40.4,0,0,0,287.24,0Z"/><polygon class="rndlogo-cls-3" points="188.07 280.4 151.53 290.07 132.42 217.91 168.96 208.24 172.63 222.1 152.59 227.41 156.5 242.18 171.39 238.24 175.03 251.98 160.14 255.92 164.36 271.85 184.4 266.54 188.07 280.4"/><polygon class="rndlogo-cls-3" points="190.15 202.62 205.59 260.93 225.06 255.77 228.73 269.63 192.42 279.24 173.31 207.08 190.15 202.62"/><rect class="rndlogo-cls-3" x="222.14" y="193.13" width="17.42" height="74.65" transform="translate(-51.31 66.78) rotate(-14.83)"/>
+    <polygon class="rndlogo-cls-3" points="291.04 253.13 254.5 262.8 235.39 190.64 271.92 180.97 275.6 194.82 255.55 200.13 259.46 214.91 274.36 210.97 278 224.71 263.1 228.65 267.32 244.57 287.37 239.27 291.04 253.13"/><polygon class="rndlogo-cls-3" points="295.39 251.97 276.27 179.81 311.44 170.5 315.11 184.36 296.78 189.21 301.21 205.94 314.61 202.39 318.22 216.02 304.82 219.57 312.22 247.51 295.39 251.97"/><path class="rndlogo-cls-3" d="M93.12,196.33c1.7,6.42,3.6,10.33,8.52,9s4.64-5.64,2.94-12.06l-2.06-7.79,16.37-4.34.88,3.33c4.46,16.83,2.21,30.06-14.17,34.4-16.84,4.45-26.37-5.16-31.86-25.89l-2.61-9.85c-5.49-20.73-2-33.8,14.87-38.26,16.38-4.34,24.88,6,29.34,22.87l.88,3.32-16.37,4.34-2.07-7.79c-1.7-6.41-3.59-10.32-8.52-9s-4.63,5.64-2.93,12.06Z"/><path class="rndlogo-cls-3" d="M168.22,167.5c5.49,20.73,2.09,34.26-14.75,38.71s-26.49-5.6-32-26.34l-2.37-8.93c-5.49-20.73-2.08-34.26,14.75-38.72s26.49,5.61,32,26.34Zm-27.17,15.9c1.7,6.41,3.89,10.49,8.81,9.19s4.8-5.93,3.11-12.35L146.29,155c-1.7-6.41-3.88-10.49-8.81-9.19s-4.8,5.93-3.1,12.35Z"/>
+    <polygon class="rndlogo-cls-3" points="199.84 154.95 200.3 154.83 197.47 116.36 218.66 110.75 237.77 182.91 222.19 187.03 211.3 145.91 210.84 146.03 213.83 189.25 203.29 192.04 184.27 153.07 183.81 153.19 194.7 194.31 179.93 198.23 160.81 126.07 182.46 120.33 199.84 154.95"/><rect class="rndlogo-cls-3" x="233.52" y="105.79" width="17.42" height="74.65" transform="translate(-28.57 66.79) rotate(-14.83)"/><path class="rndlogo-cls-3" d="M275.23,148.1c1.7,6.42,3.59,10.33,8.52,9s4.63-5.64,2.94-12.05l-2.07-7.79L301,132.94l.88,3.33c4.46,16.83,2.2,30-14.18,34.39-16.84,4.46-26.37-5.15-31.86-25.88l-2.61-9.85c-5.49-20.73-2-33.8,14.88-38.26,16.37-4.34,24.88,6,29.34,22.87l.88,3.32L282,127.2l-2.06-7.79c-1.7-6.41-3.59-10.32-8.52-9s-4.63,5.64-2.93,12.06Z"/><path class="rndlogo-cls-3" d="M131.26,295.44c-1.64-2.51-3-6.68-5.76-15.27-2.16-6.78-4.82-9.87-10.09-8.48l-2.17.58,6.91,26.11-16.61,4.4L84.43,230.62l20.73-5.49c16.15-4.27,25.62,2.29,29,15.12,3,11.34-.66,18.32-7.66,21.52,8-.29,12,4.43,14.93,13.33,3.09,9.35,3.95,13,6.43,15.94Zm-19.94-36.88c6.76-1.79,8.82-4.67,6.87-12-1.72-6.52-5.21-9-12-7.24l-1.61.42,5.1,19.24Z"/>
+    <polygon class="rndlogo-cls-3" points="188.07 280.4 151.53 290.07 132.42 217.91 168.96 208.24 172.63 222.1 152.59 227.41 156.5 242.18 171.39 238.24 175.03 251.98 160.14 255.92 164.36 271.85 184.4 266.54 188.07 280.4"/><polygon class="rndlogo-cls-3" points="190.15 202.62 205.59 260.93 225.06 255.77 228.73 269.63 192.42 279.24 173.31 207.08 190.15 202.62"/><rect class="rndlogo-cls-3" x="222.14" y="193.13" width="17.42" height="74.65" transform="translate(-51.31 66.78) rotate(-14.83)"/><polygon class="rndlogo-cls-3" points="291.04 253.13 254.5 262.8 235.39 190.64 271.92 180.97 275.6 194.82 255.55 200.13 259.46 214.91 274.36 210.97 278 224.71 263.1 228.65 267.32 244.57 287.37 239.27 291.04 253.13"/><polygon class="rndlogo-cls-3" points="295.39 251.97 276.27 179.81 311.44 170.5 315.11 184.36 296.78 189.21 301.21 205.94 314.61 202.39 318.22 216.02 304.82 219.57 312.22 247.51 295.39 251.97"/><path class="rndlogo-cls-3" d="M397.71,346.57c-1.67-5-2.09-12.74-2.92-28.62-.63-12.53-3.76-19-13.37-19h-4v47.62H347.17V215H385c29.45,0,42.6,15.46,42.6,38.85,0,20.67-9.39,30.91-22.76,33.2,13.78,3.14,18.38,13,19.42,29.45,1,17.34.84,24,3.76,30.08Zm-17.33-71.85c12.32,0,17.12-4,17.12-17.33,0-11.91-4.8-17.75-17.12-17.75h-2.93v35.08Z"/><polygon class="rndlogo-cls-3" points="501.29 346.57 434.67 346.57 434.67 214.99 501.29 214.99 501.29 240.26 464.75 240.26 464.75 267.2 491.9 267.2 491.9 292.27 464.75 292.27 464.75 321.3 501.29 321.3 501.29 346.57"/>
+    <path class="rndlogo-cls-3" d="M592.14,291.22c0,35.09-13.37,55.35-42.82,55.35H509.23V215h40.09c29.45,0,42.82,20.26,42.82,55.35Zm-31.33-31.53c0-12.95-4.38-20.47-15.25-20.47h-5.64v83.12h5.64c10.87,0,15.25-7.52,15.25-20.47Z"/><polygon class="rndlogo-cls-3" points="358.14 360.34 386.54 360.34 386.54 491.92 363.36 491.92 333.08 424.04 332.24 424.04 332.24 491.92 303.84 491.92 303.84 360.34 331.82 360.34 357.3 420.91 358.14 420.91 358.14 360.34"/><path class="rndlogo-cls-3" d="M510,447.43v5.23c0,9.81,4.18,16.28,12.32,16.28,7.1,0,10.86-4,10.86-11.27,0-7.52-4.8-10.45-12.74-14.83l-11.07-6.06c-14-7.73-26.1-17.12-26.1-39.68,0-23.39,15.24-38.43,37.8-38.43,24,0,37.8,13.79,37.8,40.73v5.22H531.89v-5.43c0-10.65-3.34-15.87-10.86-15.87-6.48,0-9.82,4.59-9.82,11.69,0,6.69,3.76,10.86,10,14.2l12.32,6.69c17.33,9.4,27.77,18.59,27.77,39.05,0,25.48-15.66,38.64-39.05,38.64S483,480.64,483,452.45v-5Z"/><path class="rndlogo-cls-3" d="M478.85,434.28c0,37.8-11.91,59.31-42.61,59.31s-42.6-21.51-42.6-59.31V418c0-37.8,11.9-59.32,42.6-59.32s42.61,21.52,42.61,59.32ZM425.38,449.1c0,11.7,1.88,19.64,10.86,19.64s10.86-7.94,10.86-19.64V403.16c0-11.7-1.88-19.63-10.86-19.63s-10.86,7.93-10.86,19.63Z"/><polygon class="rndlogo-cls-3" points="634.64 491.92 568.01 491.92 568.01 360.34 634.64 360.34 634.64 385.61 598.09 385.61 598.09 412.56 625.24 412.56 625.24 437.62 598.09 437.62 598.09 466.65 634.64 466.65 634.64 491.92"/><path class="rndlogo-cls-3" d="M429.49,581.93c0,35.08-13.37,55.34-42.82,55.34H346.58V505.7h40.09c29.45,0,42.82,20.25,42.82,55.34Zm-31.33-31.54c0-12.95-4.39-20.47-15.25-20.47h-5.64V613h5.64c10.86,0,15.25-7.52,15.25-20.46Z"/><path class="rndlogo-cls-3" d="M492.77,505.7l28.4,131.57H490.68l-4.39-23.39H460.4l-4.6,23.39h-28L456.22,505.7Zm-28,85h17.34l-7.94-43.44h-.84Z"/>
+    <polygon class="rndlogo-cls-3" points="564.96 505.69 595.25 505.69 564.54 591.12 564.54 637.27 534.68 637.27 534.68 591.12 503.98 505.69 535.72 505.69 550.97 554.15 564.96 505.69"/></style>
+  </symbol>
+
+  <symbol id="sr-logo" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+    <title>Sport Relief 2018</title>
+    <desc>Visit Sport Reliefr</desc>
+    <defs><style>.srlogo-cls-1{fill:#e52631;}.srlogo-cls-2{fill:#fff;}</style></defs>
+    <circle class="srlogo-cls-1" cx="65" cy="65" r="63.54"/>
+    <path class="srlogo-cls-2" d="M107.52,63.34a.53.53,0,0,1-.41-.22.78.78,0,0,1-.18-.5c-.06-5.92-.38-11.85-1-17.84q-2.51-.35-5-.66a.61.61,0,0,1-.43-.27,1.1,1.1,0,0,1-.21-.58q-.19-2.24-.41-4.48a.73.73,0,0,1,.11-.51.36.36,0,0,1,.38-.16q8.21,1.27,16.35,3.14a.81.81,0,0,1,.45.3,1.05,1.05,0,0,1,.25.51q.34,2,.62,4a.56.56,0,0,1-.1.46.38.38,0,0,1-.39.12q-2.48-.45-5-.86a165.11,165.11,0,0,1,1.11,17,.71.71,0,0,1-.16.48.5.5,0,0,1-.42.2Z"/>
+    <path class="srlogo-cls-2" d="M32.07,63.26a.54.54,0,0,1-.43-.23.78.78,0,0,1-.18-.52c.07-7.94.49-15.89,1.26-23.91a1.06,1.06,0,0,1,.22-.55.66.66,0,0,1,.42-.29q3.18-.46,6.37-.82a17.7,17.7,0,0,1,4.51,0,6.89,6.89,0,0,1,3.15,1.21,5.41,5.41,0,0,1,1.82,2.49,10.13,10.13,0,0,1,.53,3.88c-.09,3-.91,5.31-2.48,6.78s-3.7,2.17-6.66,2.3h-.3l-2,.09q-.14,4.38-.17,8.75A.87.87,0,0,1,38,63a.53.53,0,0,1-.44.24Zm6.48-15.15,2.54-.17c.95-.06,2.91-.17,3-2.94s-1.81-2.62-2.75-2.54l-2.52.22Q38.67,45.4,38.54,48.11Z"/>
+    <path class="srlogo-cls-2" d="M94.83,63.22a.42.42,0,0,1-.28-.13.91.91,0,0,1-.23-.33q-1.62-4-3.33-8.2h0l-.21-.34a1.66,1.66,0,0,0-.29-.33,5.2,5.2,0,0,0-2-.33l-1.13,0q.11,4.42.13,8.85a.9.9,0,0,1-.17.55.49.49,0,0,1-.42.24l-5.58,0a.49.49,0,0,1-.4-.25.94.94,0,0,1-.18-.57c0-8.56-.21-17.12-.55-25.61a.89.89,0,0,1,.14-.55.4.4,0,0,1,.37-.22q5.35.35,10.68,1a8,8,0,0,1,5,2.47,8.69,8.69,0,0,1,2.38,5.48C99,47.28,98.51,49,97.48,50a5.38,5.38,0,0,1-.91.73,6.84,6.84,0,0,1-1.17.59l-.38.15.37.29A8.39,8.39,0,0,1,96.76,53a9.57,9.57,0,0,1,1,1.35q1.83,3.93,3.58,7.73a.93.93,0,0,1,0,.8.52.52,0,0,1-.52.35ZM87.16,47.75l2.91.17c.94.06,2.92.19,2.77-2.51a2.84,2.84,0,0,0-3-3l-2.88-.23Q87.06,45,87.16,47.75Z"/>
+    <path class="srlogo-cls-2" d="M36.08,92.75a.64.64,0,0,1-.42-.28,1,1,0,0,1-.22-.55q-1.07-12-1.2-23.88a.79.79,0,0,1,.17-.52.51.51,0,0,1,.41-.22q7.4.09,14.84.14a.52.52,0,0,1,.42.25.91.91,0,0,1,.18.56q0,2.44,0,4.88a.93.93,0,0,1-.17.59.49.49,0,0,1-.41.23q-4.28-.1-8.56-.24,0,1.85.1,3.71,3.71.18,7.44.3a.55.55,0,0,1,.42.26.92.92,0,0,1,.19.56q.05,2.25.11,4.51a.92.92,0,0,1-.16.58.49.49,0,0,1-.4.25q-3.69-.18-7.37-.44.08,1.86.19,3.71,4.53.38,9.07.62a.53.53,0,0,1,.43.26,1.09,1.09,0,0,1,.18.6q.08,2.43.18,4.86a.89.89,0,0,1-.14.55.43.43,0,0,1-.4.21Q43.53,93.74,36.08,92.75Z"/>
+    <path class="srlogo-cls-2" d="M83.11,94a.42.42,0,0,1-.39-.21.82.82,0,0,1-.15-.54c.39-8.32.61-16.7.66-25.08a.89.89,0,0,1,.18-.56.52.52,0,0,1,.42-.25q7.43-.05,14.83-.15a.51.51,0,0,1,.41.22.77.77,0,0,1,.17.51q0,2.28-.09,4.56a.9.9,0,0,1-.19.56.55.55,0,0,1-.42.24q-4.26.2-8.54.34,0,1.86-.1,3.72,3.72-.18,7.42-.41a.46.46,0,0,1,.4.2.73.73,0,0,1,.15.51q-.09,2.13-.22,4.26a1,1,0,0,1-.21.58.66.66,0,0,1-.42.3q-3.67.34-7.35.59-.08,1.86-.18,3.72,4.53-.38,9-.9a.39.39,0,0,1,.4.17.79.79,0,0,1,.12.54q-.18,2.28-.41,4.57a1.09,1.09,0,0,1-.22.55.64.64,0,0,1-.43.28Q90.58,93.47,83.11,94Z"/>
+    <path class="srlogo-cls-2" d="M54.75,94.45a.55.55,0,0,1-.43-.26,1,1,0,0,1-.19-.56c-.28-8.4-.43-16.88-.47-25.36a.94.94,0,0,1,.17-.56.49.49,0,0,1,.43-.24l5.68,0a.55.55,0,0,1,.43.25.87.87,0,0,1,.19.56c0,6.63.05,13.24.13,19.82q4.54.08,9.09,0a.53.53,0,0,1,.43.23.84.84,0,0,1,.18.57q0,2.48-.06,5a1,1,0,0,1-.18.56.51.51,0,0,1-.4.25Q62.25,94.82,54.75,94.45Z"/>
+    <path class="srlogo-cls-2" d="M73.33,94.59a.36.36,0,0,1-.32-.21,1,1,0,0,1-.13-.57c.17-8.44.26-17,.28-25.52a1.1,1.1,0,0,1,.15-.58.4.4,0,0,1,.34-.23l5.73,0a.39.39,0,0,1,.34.22,1,1,0,0,1,.15.58c0,8.45-.22,16.89-.53,25.27a1.18,1.18,0,0,1-.17.58.42.42,0,0,1-.34.24Q76.09,94.49,73.33,94.59Z"/>
+    <path class="srlogo-cls-2" d="M101.85,91.78a.35.35,0,0,1-.38-.16.68.68,0,0,1-.11-.49c.83-7.79,1.3-15.5,1.4-23.19a.8.8,0,0,1,.18-.51.52.52,0,0,1,.42-.23q7.45-.11,14.83-.27a.47.47,0,0,1,.4.18.65.65,0,0,1,.15.45q0,2-.14,3.92a.79.79,0,0,1-.18.49.56.56,0,0,1-.41.22q-4.42.33-8.87.6-.07,1.67-.17,3.35,3.26-.28,6.5-.61a.43.43,0,0,1,.38.15.57.57,0,0,1,.1.46q-.15,1.91-.35,3.82a.9.9,0,0,1-.22.49.66.66,0,0,1-.41.26q-3.2.47-6.41.88-.37,4.21-.92,8.47a1.1,1.1,0,0,1-.22.53.67.67,0,0,1-.41.28Q104.43,91.36,101.85,91.78Z"/>
+    <path class="srlogo-cls-2" d="M27.69,91.47a.53.53,0,0,1-.27-.16,1.23,1.23,0,0,1-.25-.34L23.41,83h0l-.22-.32a1.83,1.83,0,0,0-.29-.32,5.62,5.62,0,0,0-1.9-.47l-1.06-.15q.38,3.83.94,7.73a.61.61,0,0,1-.09.46.31.31,0,0,1-.35.13q-2.53-.52-5-1.1A.72.72,0,0,1,15,88.7a1.1,1.1,0,0,1-.24-.51,141.42,141.42,0,0,1-2-20.64.62.62,0,0,1,.15-.44.45.45,0,0,1,.37-.19l10.5.2A6.79,6.79,0,0,1,28.64,69a7.35,7.35,0,0,1,2.07,5.13c.09,2.37-.35,4.07-1.33,5a4.69,4.69,0,0,1-.86.68,5.62,5.62,0,0,1-1.1.53l-.36.13.36.28A8.64,8.64,0,0,1,28.75,82a10.43,10.43,0,0,1,.95,1.34l3.82,7.89a1,1,0,0,1,.11.8.37.37,0,0,1-.45.29Q30.43,91.94,27.69,91.47ZM19.51,76.82l2.77.27c.9.09,2.77.26,2.64-2.28s-2-2.63-2.9-2.68L19.24,72Q19.34,74.39,19.51,76.82Z"/>
+    <path class="srlogo-cls-2" d="M20.55,63.74c-.73,0-1.47,0-2.2-.08s-1.46-.16-2.17-.28l-.45-.08-.37-.08-.23-.06s0,0,0,0l-1-.21-.8-.17a.54.54,0,0,1-.3-.21.69.69,0,0,1-.15-.37q-.15-2.59-.19-5.18a.73.73,0,0,1,.26-.65.52.52,0,0,1,.6-.08,24.24,24.24,0,0,0,2.57,1l.79.28a11.06,11.06,0,0,0,4.15.56A4.51,4.51,0,0,0,23,57.68a1.82,1.82,0,0,0,.87-1.48,1.44,1.44,0,0,0-.43-1.06,8,8,0,0,0-3-.85h-.05c-2.76-.44-4.74-.71-5.73-1.63s-1.5-2.46-1.25-4.48a9.7,9.7,0,0,1,2.89-5.88,12.27,12.27,0,0,1,6.27-3.17,14.21,14.21,0,0,1,3.55-.23c.6,0,1.12.09,1.57.14a7.8,7.8,0,0,1,1.1.2.36.36,0,0,1,.25.21.78.78,0,0,1,.1.38q-.06,2.82,0,5.63a1,1,0,0,1-.29.77.53.53,0,0,1-.3.17.45.45,0,0,1-.28-.07,13.15,13.15,0,0,0-1.57-.71,15.14,15.14,0,0,0-1.71-.54,8.68,8.68,0,0,0-3.28-.17,6.38,6.38,0,0,0-1.8.51A1.73,1.73,0,0,0,19,46.69a1,1,0,0,0,.61,1.07c.37.11.83.23,1.35.35a15.86,15.86,0,0,0,1.92.29c2.7.34,4.42.68,5.3,1.82a7.32,7.32,0,0,1,1.38,5,10.8,10.8,0,0,1-.72,3.64A7.38,7.38,0,0,1,27,61.54a7.59,7.59,0,0,1-2.78,1.63A11.79,11.79,0,0,1,20.55,63.74Z"/>
+    <ellipse class="srlogo-cls-2" cx="64.82" cy="49.29" rx="13.73" ry="14.13"/>
+  </symbol>
+</svg>

package/src/components/SchoolsLookUp/SchoolsLookUp.scss

@@ -1,12 +1,12 @@
-@import "~@comicrelief/pattern-lab/sass/base/core/_base-breakpoints.scss";
-@import "~@comicrelief/pattern-lab/sass/base/core/_base-1-mixins.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_colours.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_grid.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_lists.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_theme.scss";
-@import "~@comicrelief/pattern-lab/sass/base/variables/_typography.scss";
+@import "../../sass/base/core/_base-breakpoints.scss";
+@import "../../sass/base/core/_base-1-mixins.scss";
+@import "../../sass/base/variables/_colours.scss";
+@import "../../sass/base/variables/_grid.scss";
+@import "../../sass/base/variables/_lists.scss";
+@import "../../sass/base/variables/_theme.scss";
+@import "../../sass/base/variables/_typography.scss";
 
-@import "~@comicrelief/pattern-lab/sass/base/components/buttons/_buttons.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/form/_form.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/links/_links.scss";
-@import "~@comicrelief/pattern-lab/sass/base/components/schools-look-up/_schools-look-up.scss";
+@import "../../sass/base/components/buttons/_buttons.scss";
+@import "../../sass/base/components/form/_form.scss";
+@import "../../sass/base/components/links/_links.scss";
+@import "../../sass/base/components/schools-look-up/_schools-look-up.scss";

package/src/components/SocialLink/SocialLink.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import propTypes from 'prop-types';
 import ReactSVG from 'react-svg';
-import SvgSprite from '@comicrelief/pattern-lab/sass/base/components/svg/spritesheet.svg';
+import SvgSprite from '../SVG/spritesheet.svg';
 /* svg with gradient background */
-import SvgInsta from '@comicrelief/pattern-lab/sass/base/components/svg/instagram.svg';
+import SvgInsta from '../SVG/instagram.svg';
 
 /**
  * SocialLink class

package/src/components/SocialLink/package.json

@@ -7,7 +7,6 @@
   "dependencies": {
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
-    "react-svg": "^2.1.22",
-    "@comicrelief/pattern-lab": "^7.63.0"
+    "react-svg": "^2.1.22"
   }
 }

package/src/sass/base/_components.scss

@@ -0,0 +1,66 @@
+/* generated with grunt-sass-globbing */
+
+
+
+@import "components/animations/animations";
+@import "components/background-colours/background-colours";
+@import "components/background-single-msg/background-single-msg";
+@import "components/banners/card-banner";
+@import "components/buttons/buttons";
+@import "components/card-block/card";
+@import "components/cards/cards";
+@import "components/content-block/content-block";
+@import "components/content-wall/content-wall";
+@import "components/cookie-consent/cookie-consent";
+@import "components/custom-block/custom-block";
+@import "components/demo/demo";
+@import "components/email-signup/email-signup-head";
+@import "components/email-signup/email-signup";
+@import "components/external-link/external-link";
+@import "components/feature-articles-block/feature-articles-block";
+@import "components/footer/footer";
+@import "components/form/form";
+@import "components/form/standard-form";
+@import "components/fundraising-target/fundraising-target";
+@import "components/grid/grid";
+@import "components/header/base-header";
+@import "components/iframe-block/iframe-block";
+@import "components/just-in-time-block/just-in-time";
+@import "components/lightcase/lightcase";
+@import "components/links/links";
+@import "components/list/list";
+@import "components/media-block/media-block";
+@import "components/media/media";
+@import "components/meta-icons/meta-icons";
+@import "components/navigation/feature-nav";
+@import "components/navigation/footer-nav";
+@import "components/navigation/hamburger-menu-button";
+@import "components/navigation/main-nav";
+@import "components/news-article/news-article";
+@import "components/news-article/press-release-article";
+@import "components/news-overview/news";
+@import "components/news-teaser/news-article-teaser";
+@import "components/news-teaser/news-teaser";
+@import "components/pagination/pagination";
+@import "components/paragraph--cr-single-message-row/paragraph--cr-single-message-row";
+@import "components/partners-grid/partners-grid";
+@import "components/partners-row/partners-row";
+@import "components/partners/partners";
+@import "components/postcode-lookup/postcode-lookup";
+@import "components/progress-bar/progress-bar";
+@import "components/progress-indicator/progress-indicator";
+@import "components/promo-header/promo-header";
+@import "components/quote-block/content-wall-quote";
+@import "components/related-articles/related-articles";
+@import "components/schools-look-up/schools-look-up";
+@import "components/search-results/search-result";
+@import "components/search/search-block";
+@import "components/selectbox/selectbox";
+@import "components/single-msg/single-msg";
+@import "components/social/social";
+@import "components/story/story";
+@import "components/table/table";
+@import "components/teaser-block/teaser-block";
+@import "components/tooltips/tooltips";
+@import "components/typography/typography";
+@import "components/views/views";

package/src/sass/base/_core.scss

@@ -0,0 +1,12 @@
+/* generated with grunt-sass-globbing */
+
+
+
+@import "core/base-1-mixins";
+@import "core/base-breakpoints";
+@import "core/base-common";
+@import "core/base-fonts";
+@import "core/base-grid";
+@import "core/base-helper";
+@import "core/base-layout";
+@import "core/base-reset";

package/src/sass/base/_variables.scss

@@ -0,0 +1,9 @@
+/* generated with grunt-sass-globbing */
+
+
+
+@import "variables/colours";
+@import "variables/grid";
+@import "variables/lists";
+@import "variables/theme";
+@import "variables/typography";

package/src/sass/base/components/animations/_animations.scss

@@ -0,0 +1,37 @@
+
+
+.floating {
+  float: left;
+  margin-top: 5px;
+  margin-left: 30px;
+  -webkit-animation-name: Floatingx;
+     -moz-animation-name: Floating;
+  -webkit-animation-duration: 3s;
+     -moz-animation-duration: 3s;
+  -webkit-animation-timing-function: ease-in-out;
+     -moz-animation-timing-function: ease-in-out;
+  -webkit-animation-iteration-count: infinite;
+     -moz-animation-iteration-count: infinite;
+}
+@-webkit-keyframes Floatingx {
+  from {
+    -webkit-transform: translate(0, 0px);
+  }
+  65% {
+    -webkit-transform: translate(0, 15px);
+  }
+  to {
+    -webkit-transform: translate(0, -0px);
+  }
+}
+@-moz-keyframes Floating {
+  from {
+    -moz-transform: translate(0, 0px);
+  }
+  65% {
+    -moz-transform: translate(0, 15px);
+  }
+  to {
+    -moz-transform: translate(0, -0px);
+  }
+}

package/src/sass/base/components/animations/animations.twig

@@ -0,0 +1 @@
+<img class="floating" src="kss-assets/images/pattern_logo.png" alt="">