orbit

SS framework necessarily uses features that only the newest browsers have, such as trigonometric functions like `cos()` and `sin()`, I created a series of rules to test if they are supported by the browser. If they're not, a message appears asking to update the browser. Similarly, if the browser doesn't support `:has()`, which is used throughout the framework. There are also typical cases of browser incompatibility, so in some non-critical cases, I use `@support` or `@container` to hide certain Orbit features that don't affect its use. For example, Safari doesn't accept SVG `context-stroke`, so I hide them. However, beyond those critical checks and compatibility, the most common issue when using a CSS framework is not knowing how to use it properly. That's why I created other CSS rules that allow analyzing if a parent element has the required child elements and not others. Here, visual alerts also appear while developing to give a hint about where the error is in the code. I don't want to bore you with the details specific to Orbit, but I'll leave you the link to the support source and related documentation. Repo: https://github.com/zumerlab/orbit Source file: https://github.com/zumerlab/orbit/blob/main/src/scss/_support.scss Orbit related documentation: https://zumerlab.github.io/orbit-docs/tools/support/ Good to go deeper: https://heydonworks.com/article/testing-html-with-modern-css edited: typo Suorce -> Source