4

I simply wants to modify a styling property for safari browsers only, which will override the default property.

simple example:

Default

div {
  color: blue;
}

Safari browsers

div {
  color: red;
}

I imagine this can be done with the @include function of scss but I am not sure how.

Jonas Praem
  • 2,296
  • 5
  • 32
  • 53
  • Take a look on this one: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome – webta.st.ic Jul 17 '18 at 11:20
  • Please refer "https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome" for details – Charu Maheshwari Jul 17 '18 at 11:20
  • 1
    https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome seems like a css question and not sass related, it might be tagged wrong – Jonas Praem Jul 17 '18 at 11:28
  • my question differs from how I want to implement this, I don't want to affect the root but only a specific class (just the div tag for simplicity). I don't understand how I can use https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome and still arrange my sass code as I want. – Jonas Praem Jul 17 '18 at 11:37
  • 3
    `@media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { width: 102%; }}` did the trick – Jonas Praem Jul 17 '18 at 12:13

0 Answers0