diff --git a/dist/fonts/fc-icons.eot b/dist/fonts/fc-icons.eot index f865349..ea4dcdf 100644 Binary files a/dist/fonts/fc-icons.eot and b/dist/fonts/fc-icons.eot differ diff --git a/dist/fonts/fc-icons.ttf b/dist/fonts/fc-icons.ttf index bd286fa..d094f3e 100644 Binary files a/dist/fonts/fc-icons.ttf and b/dist/fonts/fc-icons.ttf differ diff --git a/dist/fonts/fc-icons.woff b/dist/fonts/fc-icons.woff index 94fd5fe..2d69ac1 100644 Binary files a/dist/fonts/fc-icons.woff and b/dist/fonts/fc-icons.woff differ diff --git a/dist/sass/_mixins/structure.scss b/dist/sass/_mixins/structure.scss index 6706438..c3c7fea 100644 --- 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 index 2704012..a7f8dee 100644 --- 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