Merge pull request #8 in FFE/ffe-accordion from FFE-126-small-redesig…

…n to master

* commit '722a98d5cf4133c719ffed5ae55a156574a407b3':
  FFE-126. Update visual baselines
  FFE-126. Bump version and fix npm start
  FFE-126. Update design

CHANGELOG.md

@@ -1,4 +1,7 @@
-#CHANGELOG
+# CHANGELOG
+
+## Version 1.3.1
+* Design changes, including normalizing content and title padding, removing text-decoration and correcting colors
 
 ## Version 1.3.0
 * Add visual tests and examples

less/ffe-accordion.less

@@ -9,21 +9,18 @@
 }
 
 .ffe-accordion-item {
+    margin-bottom: 10px;
     position: relative;
     list-style: none;
 
     &--white {
         border-top: solid @ffe-grey-light 1px;
 
         &:last-of-type {
-            border-bottom: solid #d8d8d8 1px;
+            border-bottom: solid @ffe-grey-light 1px;
         }
     }
 
-    &--blue {
-        margin-bottom: 10px;
-    }
-
     &--open {
         margin-bottom: 20px;
     }
@@ -37,7 +34,7 @@
         transition: transform .3s, fill .3s;
 
         &--white {
-            fill: @ffe-grey-light;
+            fill: @ffe-blue-royal-light-wcag;
         }
 
         &--blue {
@@ -54,18 +51,20 @@
     }
 
     &__content {
-        padding-right: 40px;
+        padding: 10px 25px 0px;
 
-        &--blue {
-            padding: 10px 25px 0px;
+        &--white {
+            padding-top: 0;
         }
     }
 
     &__toggler {
+        cursor: pointer;
         display: inline-block;
-        width: 100%;
-        padding: 20px 40px 20px 0;
+        padding: 20px 40px 20px 20px;
+        text-decoration: none;
         transition: background-color .3s,color .3s;
+        width: 100%;
 
         &--white {
             color: @ffe-blue-royal-light-wcag;
@@ -82,7 +81,6 @@
         &--blue {
             color: @ffe-blue-royal;
             background-color: @ffe-blue-royal-light-20;
-            padding-left: 20px;
             border-radius: 3px;
 
             &:hover, &:focus {

package.json

@@ -1,12 +1,12 @@
 {
   "name": "ffe-accordion",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Accordion component for FFE.",
   "main": "index.js",
   "scripts": {
     "compile": "npm run lint && lessc examples/examples.less examples/examples.css && cp -R node_modules/ffe-core/fonts/ examples/fonts/ && echo \"$(date +%T): Updated example\"",
     "lint": "lessc --lint examples/examples.less",
-    "start": "opn examples/example.html & watch \"npm run -s compile\" less/",
+    "start": "opn examples/accordion.html & watch \"npm run -s compile\" less/",
     "test:nsp": "nsp check",
     "test": "npm run lint && npm run test:nsp",
     "has-published": "npm show . versions -s | grep -q ${npm_package_version}",