FFE-169 Added right-padding on columns, included reset class.

SpareBank1 · Mar 10, 2017 · 31b888a · 31b888a
1 parent 20fd4a0
commit 31b888a
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 examples/examples.css
 examples/fonts/
+npm-debug.log
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## Version 7.0.1
+* right-padding on `__details-col` to make space between columns, use modifier `--no-padding` to cancel
+
 ## Version 7.0.0
 
 **Potentially breaking change:** The first column is now fixed at 33.33% width.

diff --git a/less/ffe-details-list.less b/less/ffe-details-list.less
@@ -30,6 +30,8 @@
         }
 
         &__details-col {
+            padding-right: 20px;
+
             &:nth-child(1) {
                 // This approach was used, rather than just width: 33.33%;, because of weird behavior
                 // with four columns where the first column would only wrap its children, not take up
@@ -54,6 +56,11 @@
                 flex-grow: 2;
                 text-align: right;
             }
+
+            &&--last,
+            &&--no-padding {
+                padding-right: 0;
+            }
         }
     }
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ffe-details-list",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "description": "Opplisting av attributter i en grid",
   "main": "index.js",
   "scripts": {