Sha256: 48f97919efc399670e99ee31e4cf7ac198d07159b6522674c74651ac3dc970b8
Contents?: true
Size: 1.26 KB
Versions: 11
Compression:
Stored size: 1.26 KB
Contents
@mixin background-icon-right($color: var(--ui-primary-color-light), $font-size: 19px, $right: 7px, $top: 7px) {
position: relative;
&:before {
position: absolute;
right: $right;
top: $top;
color: $color;
font-size: $font-size;
}
}
@mixin background-icon-left($color: var(--ui-primary-color-light), $font-size: 19px, $left: 7px, $top: 49%) {
position: relative;
&:before {
position: absolute;
left: $left;
top: $top;
@include transform(translateY(-50%));
text-indent: 0;
color: $color;
font-size: $font-size;
}
}
@mixin background-icon-center($color: var(--ui-primary-color-light), $font-size: 19px, $left: 50%, $top: 50%) {
position: relative;
&:before {
position: absolute;
top: $top;
left: $left;
@include transform(translateX(-50%) translateY(-50%));
color: $color;
font-size: $font-size;
}
}
@mixin background-icon-color($color) {
&:before {
color: $color;
}
}
@mixin background-icon-position($left: false, $top: false) {
&:before {
@if $left != false {
left: $left;
}
@if $top != false {
top: $top;
}
}
}
@mixin background-icon-animation($name, $duration: 1.5s) {
&:before {
@include animation($name $duration ease infinite);
}
}
Version data entries
11 entries across 11 versions & 1 rubygems