lucid-ui/src/components/Icon/MinusCircleLightIcon/MinusCircleLightIcon.less

A UI component library from Xandr.

@import (reference) '../../../styles/variables.less';
@import (reference) '../../../styles/mixins.less';

.@{prefix}-MinusCircleLightIcon {
	stroke: @color-secondary-1;

	&-is-disabled &-dash,
	&-is-active &-dash {
		stroke: @color-secondary-1;
	}

	&-is-clickable:not(&-is-disabled):hover &-dash,
	&-is-active &-dash {
		stroke: @color-white;
	}

	&-background {
		stroke: @color-secondary-1;
		fill: @color-white;
	}

	&-is-clickable&-is-active:not(&-is-disabled):hover &-background {
		fill: @color-secondary-1-hover;
		stroke: @color-secondary-1-hover;
	}

	&-is-clickable:not(&-is-disabled):hover &-background,
	&-is-active &-background {
		stroke: @color-secondary-1;
		fill: @color-secondary-1;
	}
}