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.

@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;
  }
}

Bu blogdaki popüler yayınlar

Angular Material Design Mat-Select Unit Test

@SerializedName and @Expose annotations