Compass - Browser Support - Continue
D:\WebstormProjects\emptyProjectForCompass>compass interactive
>> browsers()
("android", "android-chrome", "android-firefox", "blackberry", "chrome", "firefox", "ie", "ie-mobile", "ios-safari", "opera", "opera-mini", "opera-m
obile", "safari")
>> browser-versions(ie)
("5.5", "6", "7", "8", "9", "10", "11")
>> browser-versions(firefox)
("2", "3", "3.5", "3.6", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25
", "26", "27", "28", "29", "30", "31", "32", "33", "34")
>>
You can use these in scss file.
>> browsers()
("android", "android-chrome", "android-firefox", "blackberry", "chrome", "firefox", "ie", "ie-mobile", "ios-safari", "opera", "opera-mini", "opera-m
obile", "safari")
>> browser-versions(ie)
("5.5", "6", "7", "8", "9", "10", "11")
>> browser-versions(firefox)
("2", "3", "3.5", "3.6", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25
", "26", "27", "28", "29", "30", "31", "32", "33", "34")
>>
You can use these in scss file.
@import "compass"; $debug-browser-support: true;$border-radius-threshold: 0.5; $browser-minimum-versions: (ie: '7'); $supported-browsers: reject(browsers(), opera-mini, android, ie); p{ border: 2px solid black; @include border-radius(12px); } a{ @include opacity(0.5); @include single-transition(all, 5s); &:hover { font-size: 28px; color:red; } }