Browser-hack sass mixins: Apply your CSS to a specific browser
- Import
_hacks.scss
file to your SCSS code :@import "hacks";
- Use the mixin you want:
@include [Mixin_Name]{ selector, property, value }
- For example:
@include only_ie9_below { .my_div, background-color, red }
- Internet Explorer CSS Hacks
- only_ie6
- only_ie7
- only_ie7_below
- only_ie8
- only_ie8_below
- only_ie9
- only_ie9_below
- only_ie10
- only_ie10_above
- only_ie11
- only_ie11_above
- no_ie6
- only_ie9_saf4_above
- Firefox CSS Hacks
- only_ff
- only_ff2
- only_ff2_above
- only_ff3_above
- only_ff6_above
- only_ff16_above
- only_ff21_above
- only_ff24_above
- only_ff25_above
- only_ff26_above
- only_ff27_above
- only_ff28_above
- only_ff30_above
- Webkit CSS Hacks
- only_webkit
- only_chrome
- only_safari
- only_safari9
- only_ios
- only_safari_no_ios
- only_opera9_safari2
- Opera CSS Hacks
- only_opera
- only_opera11
- Other CSS Hacks
- no_ie_safari6