rebuild - golden ratio padding

FundingCircle · Dec 18, 2015 · e29c5d6 · e29c5d6
1 parent 971eb2a
commit e29c5d6
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 0 deletions.
diff --git a/dist/fonts/fc-icons.eot b/dist/fonts/fc-icons.eot
diff --git a/dist/fonts/fc-icons.ttf b/dist/fonts/fc-icons.ttf
diff --git a/dist/fonts/fc-icons.woff b/dist/fonts/fc-icons.woff
diff --git a/dist/sass/_mixins/structure.scss b/dist/sass/_mixins/structure.scss
@@ -457,3 +457,23 @@ $maxWrapWidth: 1200px;
     }
   }
 }
+
+/* ---------------------------------------------------------------------- *\
+  GOLDEN RATIO PADDINGS
+
+  Sets golden ratio left/right paddings for elements
+    $grpColumn: ratio of the content
+    $grpPadding: ratio for paddings
+
+    e.g: @include goldenRatioPaddings(5, 3 2);
+
+\* ---------------------------------------------------------------------- */
+
+@mixin goldenRatioPaddings($grpColumn, $grpPadding) {
+  $grpWidths: ();
+  $grpWidths: append($grpPadding, $grpColumn);
+  $grpWidths: colsWidth($grpWidths);
+
+  padding-left: nth($grpWidths, 1) * 1%;
+  padding-right: nth($grpWidths, 2) * 1%;
+}
diff --git a/dist/style.css b/dist/style.css
@@ -774,6 +774,15 @@ th {
 
     e.g: @include ratioWidth(5, 3 2, true, $bpMobilePortrait $bpDesktop);
 
+\* ---------------------------------------------------------------------- */
+/* ---------------------------------------------------------------------- *  GOLDEN RATIO PADDINGS
+
+  Sets golden ratio left/right paddings for elements
+    $grpColumn: ratio of the content
+    $grpPadding: ratio for paddings
+
+    e.g: @include goldenRatioPaddings(5, 3 2);
+
 \* ---------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------- *  HERO MIXIN