@import '../../../brand-globals/src/less/buttons';
// color converter is rubbish!
@svg-primary-bg: fade(@btn-primary-bg, 99%);
@svg-primary-hover: fade(@color-white, 99%);
@svg-secondary-bg: fade(@btn-secondary-bg, 99%);
@svg-secondary-hover: darken(@svg-secondary-bg, 10%);
@svg-default-bg: fade(@btn-default-bg, 99%);
@svg-default-hover: fade(@brand-lime, 99%);
.btn {
transition: background-image .25s cubic-bezier(.47,0,.745,.715);
text-decoration: none;
}
.wave {
background-color: transparent;
border: none;
&:hover,
&.active,
&:active,
&.active:hover {
background-color: transparent;
box-shadow: none;
}
}
.wave.btn-primary {
background-image: url("data:image/svg+xml;charset=UTF-8,");
&:hover {
background-image: url("data:image/svg+xml;charset=UTF-8,");
}
}
.wave.btn-secondary {
background-image: url("data:image/svg+xml;charset=UTF-8,");
&:hover {
background-image: url("data:image/svg+xml;charset=UTF-8,");
}
}
.wave.btn-default {
background-image: url("data:image/svg+xml;charset=UTF-8,");
&:hover {
background-image: url("data:image/svg+xml;charset=UTF-8,");
}
}