Sha256: 5f52916d85c336986883786eec56ea77a2ffb6f54801e004422fcd3eb9b88511
Contents?: true
Size: 1.56 KB
Versions: 11
Compression:
Stored size: 1.56 KB
Contents
// This mixin provides basic support for CSS properties with custom vendors implementations
// are identical except for the property prefix.
// example:
// @include vendors(webkit moz, border-radius, 5px);
// produce:
// -webkit-border-radius: 5px;
// -moz-border-radius: 5px;
// border-radius: 5px;
@mixin vendors($vendors, $property, $params, $origin: true) {
@each $vendor in $vendors {
-#{$vendor}-#{$property}: $params;
}
@if $origin {
#{$property}: $params;
}
}
// Same as vendors(), but for cases when the property is the same and the value is vendorized.
// examples:
// @include vendors-param(webkit moz ms o, background-image, linear-gradient(left top, #F00, #FF0 50%, #0F0));
// produce:
// background-image: -webkit-linear-gradient(left top, #F00, #FF0 50%, #0F0);
// background-image: -moz-linear-gradient(left top, #F00, #FF0 50%, #0F0);
// background-image: -ms-linear-gradient(left top, #F00, #FF0 50%, #0F0);
// background-image: -o-linear-gradient(left top, #F00, #FF0 50%, #0F0);
// background-image: linear-gradient(left top, #F00, #FF0 50%, #0F0);
@mixin vendors-param($vendors, $property, $params, $origin: true) {
@each $vendor in $vendors {
#{$property}: -#{$vendor}-#{$params};
}
@if $origin {
#{$property}: $params;
}
}
// TODO docs
@mixin vendors-full($vendors, $property, $params, $origin: true) {
@each $vendor in $vendors {
-#{$vendor}-#{$property}: -#{$vendor}-#{$params};
}
@if $origin {
#{$property}: $params;
}
}
Version data entries
11 entries across 11 versions & 3 rubygems