Some browsers do not support specific commands yet. The purpose of browserCompatibility file is to target specific browsers to replace the non working commands with something else. Source: https://www.ryadel.com/en/css3-media-query-target-only-ie-ie6-ie11-firefox-chrome-safari-edge/#Safari_101
@mixin defaultFonts()
Setup new font families by using font faces
Now it works in both and other elements.
For
elements, place the mixin at parent.
For background img, use the element you want and it will add an after that does the work.
Notes:
svgUrl must be in single or double quotes because it’s a string.
Need to test for side effects
Parameters
$svgColor: black (color)
The color you want to assign to the svg
$svgUrl: https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/1920px-Bitmap_VS_SVG.svg.png (string)
The link of the svg file
$isImage: false (bool)
If the url leads to an image
Related
To-do List
-
More documentation and testing needed
@function ratio()
Convert number to ratio (fraction) ratio(1.7777778) => 16/9
Flex | Flex Basis If its flex property, the list has 3 items, flex-grow, flex-shrink, flex-basis
Child Stretch for equal height columns