https://github.com/harwinborger/browser-support

SASS mixin to add CSS support for specific browsers in your project
https://github.com/harwinborger/browser-support

Last synced: 4 days ago
JSON representation

SASS mixin to add CSS support for specific browsers in your project

• Host: GitHub
• URL: https://github.com/harwinborger/browser-support
• Owner: HarwinBorger
• Created: 2019-07-08T19:43:11.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T07:36:15.000Z (almost 2 years ago)
• Last Synced: 2024-11-01T06:25:29.115Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 876 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Browser Support for CSS / SCSS

Browser support let you use simple SCSS mixins to apply code only for a specific browser. This can be handy in case you want to write your fallback code specific for Internet Exployer 11. 

## Currently Supports:

- Internet Exployer 11

## How to use

```scss 

	@include browser(IE11){

		// your specific code for IE11 here

	}

```

## Example

### SCSS Code

```scss

.myClass::before {

	@include browser(IE11){

		content: 'IE11 only';

	}   

}

```

### CSS Outputs

```css

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	*::-ms-backdrop, .myClass::before {

		content: 'IE11 only';

	}

}

```