Learn
The Sass arithmetic operations are:
- addition
+ - subtraction
- - multiplication
* - division
/, and - modulo
%.
Note: Modulo, or %, is the remainder in a given division, so “9%2” would be “1”.
SCSS arithmetic requires that the units are compatible; for example, you can’t multiply pixels by ems.
Also, just like in regular math, multiplying two units together results in squared units:10px * 10px = 100px * px.
Since there is no such thing as squared units in CSS, the above would throw an error. You would need to multiply 10px * 10 in order to obtain 100px.
Instructions
1.
In main.scss inside of .math, include the following computations:
Click “Run” to see your changes in the browser and inspect them in the output of main.css.
2.
In main.scss compute the border-radius property of the .math class to be a 1/30th of its width.
Take this course for free
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.