You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
is for Apple only. On phones there a "blinky" quick gray active/hover like thing on 'tap' / and probably click. While it's trying to be helpful / it makes things feel broken. So, we can manually add :active states - instead.
maybe there's a browser-specific CSS file / and it imports safari` or something.
The text was updated successfully, but these errors were encountered:
Older strategies like "browser sniffing" or creating css based on browser is not recommended, due to potentially locking out future users if the browser updates, or having to go back into the code base and change everything if the browser updates.
Targeting browsers based on features seems to be the way to go. You can use @supports query, but IE doesn't support that ... of course. And you would have to know what each browser supports or doesn't support, or you'd err on wrapping everything ... which is a pain.
You can use it with CSS or Javascript. It requires JS though to run tests ... but it auto-detects if a feature is true or false, and then gives you standard class patterns to use. Might not be cool if you want to control the classes more.
^^ These things are true!!!
And you can use Modernizr -- and Autoprefixr to adjust to some things.
But I think what we're talking about here are outside of that. (see safari example above)
Maybe it doesn't need to be added based on the user-agent/browser --- but as far as organizing internally -- we can have it in a seperate file for UI with a note about it being safari specific or something?
For example:
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
is for Apple only. On phones there a "blinky" quick gray active/hover like thing on 'tap' / and probably click. While it's trying to be helpful / it makes things feel broken. So, we can manually add :active states - instead.
maybe there's a
browser-specific CSS file / and it imports
safari` or something.The text was updated successfully, but these errors were encountered: