saadeghi / Browser Hack Sass Mixins
Licence: mit
Browser hack sass mixin - Apply your SCSS to a specific browser - CSS hacks for: IE, Chrome, Firefox, Edge, Opera
Stars: ✭ 170
Projects that are alternatives of or similar to Browser Hack Sass Mixins
Sassessentials
Repository for my tutorial course: Sass Essential Training on LinkedIn Learning and Lynda.com.
Stars: ✭ 167 (-1.76%)
Mutual labels: mixins, scss, sass
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✭ 122 (-28.24%)
Mutual labels: mixins, scss, sass
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: ✭ 151 (-11.18%)
Mutual labels: mixins, scss, sass
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-21.76%)
Mutual labels: scss, sass
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-21.18%)
Mutual labels: scss, sass
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+910.59%)
Mutual labels: scss, sass
Grass
A near-feature-complete Sass compiler written purely in Rust
Stars: ✭ 143 (-15.88%)
Mutual labels: scss, sass
Accecss
AcceCSS A Sass Mixin That debug & check the accessibility of your designs
Stars: ✭ 132 (-22.35%)
Mutual labels: mixins, scss
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-9.41%)
Mutual labels: scss, sass
Awesome Sass
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Stars: ✭ 1,714 (+908.24%)
Mutual labels: scss, sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-24.71%)
Mutual labels: scss, sass
React Native Sass Transformer
Use Sass to style your React Native apps.
Stars: ✭ 151 (-11.18%)
Mutual labels: scss, sass
Kindling
A pocket-sized grid system built on the flex display property.
Stars: ✭ 155 (-8.82%)
Mutual labels: scss, sass
Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-25.29%)
Mutual labels: scss, sass
Compass Inuit
💮 Compass extension for inuit.css. More than 40k users served!
Stars: ✭ 127 (-25.29%)
Mutual labels: scss, sass
Browser Hack Mixins for Sass
Apply your CSS to a specific browser
Requirements
- Sass 3.3+
How To Use
- Import
_hacks.scssfile to your SCSS code :@import "hacks"; - Use the mixin you want:
@include [Mixin_Name]( 'selector', (property: value) )- For example:
@include only_ie9( '.my_element', (color: red))
Or:
@include only_ff28_above( '.my_element', (
background-color: green,
display: flex,
margin: 2em,
))
List of Mixins
- 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
- Internet Explorer CSS Hacks
- only_edge
- only_ie6
- only_ie7
- only_ie7_below
- only_ie8
- only_ie8_below
- only_ie9
- only_ie9_below
- only_ie10_above
- only_ie11
- only_ie11_above
- no_ie6
- only_ie9_saf4_above
- Other CSS Hacks
- no_ie_safari6
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].