///*------------------------------------*\ // #FUNCTIONS //\*------------------------------------*/ // inuitcss makes use of a few functions that are also available for you to use // later on in your extension of the framework. // Maths helpers. // // Halve and double numbers, returning rounded integers. E.g.: // // .foo { // padding: halve(3.2px); // } // @function quarter($number) { @return round($number / 4); } @function halve($number) { @return round($number / 2); } @function double($number) { @return round($number * 2); } @function quadruple($number) { @return round($number * 4); } @function em($px) { @return 1em * $px / $base-font-size; } @function rem($px) { @return 1rem * $px / $base-font-size; } @function rhythm($units) { @return $units * $base-line-height / $base-font-size * 1rem; }