CSS, Safari: Target only Safari browser

style.css

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .flex-direction-nav-featured a{
        margin-top: 4%;
    } 

    /* Safari only override */
    ::i-block-chrome,.flex-direction-nav-featured a{
        margin-top: 5%;
    } 
}

MakerTim 🎉

Safari is a mess. Thank you! Added to my globals...

.media-safari(@rules) {
  @supports (-webkit-hyphens: none) {
    @rules();
  }
}

@import (reference) "../less/index.less";

display: grid;

.media-safari ({
    display: flex;
});

@MakerTim Thank you very much!