Sha256: f156a89027b1b4e2acec1c6e3a6fa6e78e1fad3847b9364fa71159ed316261d3
Contents?: true
Size: 1.91 KB
Versions: 31
Compression:
Stored size: 1.91 KB
Contents
@function compact($var-1, $var-2: false,
$var-3: false, $var-4: false,
$var-5: false, $var-6: false,
$var-7: false, $var-8: false,
$var-9: false, $var-10: false) {
$full: $var-1;
$vars: $var-2, $var-3, $var-4, $var-5,
$var-6, $var-7, $var-8, $var-9, $var-10;
@each $var in $vars {
@if $var {
$full: $full, $var;
}
}
@return $full;
}
// readd some outdated bourbon functionality (still needed some times)
@mixin magic_prefixer ($property, $value) {
-webkit-#{$property}: $value;
-moz-#{$property}: $value;
-ms-#{$property}: $value;
-o-#{$property}: $value;
#{$property}: $value;
}
// was outdated since bourbon 3.0
@mixin box-shadow ( $shadow-1, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false) {
$full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
@include magic_prefixer(box-shadow, $full);
}
@mixin border-radius($radius) {
@include magic_prefixer(border-radius, $radius);
}
@mixin corner_border_radius($radius,$corner) {
@include magic_prefixer(border-#{$corner}-radius, $radius);
}
@mixin spezial_radius($borders...) {
@include magic_prefixer(border-radius, $borders);
}
@mixin elipse( $first, $second ) {
@include spezial_radius( #{ $first }px / #{ $second }px );
}
@mixin elipsis( $first, $second ) {
@include spezial_radius( #{percentage($first)} / #{percentage($second)} );
}
@mixin gpu_render {
// old style (bourbon)
// @include transform( translateZ( 0 ) );
// twbs
// @include translate3d(0, 0, 0);
// bourbon
// there is a chrome bug with that ... http://codepen.io/herzflimmern/blog/chrome-bug-with-fixed-background-and-translate3d
@include transform(translate3d(0,0,0));
// @include transform( translate(0,0) );
}
Version data entries
31 entries across 31 versions & 1 rubygems