@import './colors';

@tag-border-width: 1px;
@tag-font-color: @color-gray-80;
@tag-font-selected-color: @color-white;

@tag-background: @color-gray-20;
@tag-background-new: fade(@color-yellow-40, 30%);
@tag-background-selectable: transparent;
@tag-background-selected: @tag-background;
@tag-background-highlighted: @tag-background;
@tag-background-hover-active: hsv(
        hsvhue(@tag-background),
        hsvsaturation(@tag-background),
        hsvvalue(@tag-background) - 10
);

@tag-background-success: @color-green-10;

@tag-icon-opacity: 0.5;
@tag-icon-opacity-hover-focus-active: 0.7;
@tag-icon-padding: 5px;
@tag-text-padding: 11px;
@tag-text-padding-child: 10px;
@tag-chevron-icon-padding: @tag-text-padding * 2;