Sassy Math is a tool designed to expand upon Sass and Compass's built in mathematic operations to include more advanced functions needed for complex calculations. These calculations may include mathematics based grid layouts, complex background images, advanced CSS animations, and anything else you can imagine.
Sassy Math is a Compass extension, so make sure you have Sass and Compass Installed in order to use its awesomeness!
sudo gem install sassy-math
compass create <my_project> -r sassy-math
require 'sassy-math'
There are no partials to import! As long as Sassy Math is included in your config.rb file, you can use all of its might!
pi()— π or Pi.e()— e or Euler’s number.golden-ratio()- φ or the Golden Ratio.
exponent($base, $power_numerator, $power_denominator)- The $base raised to the given power where the power is a fraction in the form of$power_numerator / $power_denominator.power($base, $power)- The $base raised to the given $power where the power is an integer or floating point number.nth-root($number, $root)- The given $root of the input $number.sqrt($number)- The square root of the given $number.
ln($number)- The natural log of the $number.log($number)- The base 10 log of the $number
Note: Compass comes with sine (sin($radians)), cosine (cos($radians)), and tangent (tan($radians)) functions already, so they aren't included as part of Sassy Math.
deg-to-rad($degrees)- Returns the $degrees in radians.rad-to-deg($radians)- Returns the $radians in degrees (unitless).
asin($radians)- Arcsine of $radians. Constrained to the domain -1 ≤ $radians ≤ 1.acos($radians)- Arccosine of $radians. Constrained to the domain -1 ≤ $radians ≤ 1.atan($radians)- Arctangent of $radians.atan2($y, $x)- Arctangent given $x and $y.
sinh($radians)- Hyperbolic sine of $radians.cosh($radians)- Hyperbolic cosine of $radians.tanh($radians)- Hyperbolic tangent of $radians.
asinh($radians)- Hyperbolic arcsine of $radians.acosh($radians)- Hyperbolic arccosine of $radians. Constrained to the domain $radians < 1.atanh($radians)- Hyperbolic arctangent of $radians. $radians cannot equal ±1.
factorial($number)- The factorial of the $number.random($max)— Random number. The default max is 100 but you can specify whatever you want.hypot($a, $b)- Returns the hypotenuse of a right-angled triangle given sides $a and $b
is-int($number)- Determines whether or not the $number is an integer. Returns true or false.is-float($number)- Determines whether or not the $number is a floating point number. Returns true or false.
Copyright (c) 2012 Sam Richard, Mario Valencia and Scott Kellum
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent