What browser targets do I need to include in css within Ionic?
Sorry - but this seems an easy question to answer - i.e. just code for all possible formats - but before I go through all my css and make the adjustments I just thought I check what the ideal solution is.
For example the following gradient generator produces:
/* IE10+ */
background-image: -ms-linear-gradient(left, #cfe7fa 0%, #6393c1 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #cfe7fa 0%, #6393c1 100%);
/* Opera */
background-image: -o-linear-gradient(left, #cfe7fa 0%, #6393c1 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #cfe7fa), color-stop(100, #6393c1));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #cfe7fa 0%, #6393c1 100%);
/* W3C Markup */
background-image: linear-gradient(to right, #cfe7fa 0%, #6393c1 100%);
I remember using an online css checker before - you enter the css and it would create all the possible variations. Spent a few hours looking for it but can’t find it.