#Browser Support

As of this latest release, Cirrus has launched many new features that may not be compatible with all browsers, especially older ones.

For instance, Cirrus no longer uses vendor prefixes in styles that are known to have some compatibility issues except for a few parts. Cirrus also supports new features such as CSS grid, object fit, and sticky positioning which is not yet supported on all browsers.

In short, Cirrus supports all the latest supported browsers with only partial support for Internet Explorer. Take it from me, I wouldn't advise using that browser anymore.

Supported Browsers
Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
Electron
latest versionlast 3 versions, ESRlast 3 versionslast 3 versionslast 3 versionslast 3 versions

#Working with Older Browsers

As stated above, there is partial support for older browsers such as Internet Explorer or even older versions of modern browsers today. There have been no official tests for any old browsers to see what functionality works, but there is a handy place to see what features are supported for which browser versions.

As an example, flexbox can be emulated by using clearfix and floats.

<div class="u-clearfix">
    <div class="w-50 u-pull-left">test</div>
    <div class="w-50 u-pull-left">test</div>
    <div class="w-50 u-pull-left">test</div>
    ...
</div>

There are many other classes that may be supported as well. Explore as you see fit.