task.contribution.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.task-statusbar-item {
	display: inline-block;
}

.task-statusbar-item-icon {
	background: url('task.svg') 50% 2px no-repeat;
	background-size: 18px;
	cursor: pointer;
	height: 22px;
	width: 24px;
	vertical-align: top;
}

.task-statusbar-item-progress {
	width: 6px;
	height: 18px;
	padding: 0px 2px 0px 2px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.task-statusbar-item-label {
	display: inline-block;
	cursor: pointer;
	padding: 0 0 0 5px;
}

.task-statusbar-item-label > .task-statusbar-item-label-counter {
	display: inline-block;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
}

.task-statusbar-item-label > .task-statusbar-item-label-error,
.task-statusbar-item-label > .task-statusbar-item-label-warning,
.task-statusbar-item-label > .task-statusbar-item-label-info {
	display: inline-block;
	padding-right: 8px;
	width: 8px;
	height: 22px;
}

.task-statusbar-item-label > .task-statusbar-item-label-error {
	-webkit-mask: url('status-error.svg') no-repeat 50% 50%;
	-webkit-mask-size: 11px;
}

.task-statusbar-item-label > .task-statusbar-item-label-warning {
	-webkit-mask: url('status-warning.svg') no-repeat 50% 50%;
	-webkit-mask-size: 11px;
}

.task-statusbar-item-label > .task-statusbar-item-label-info {
	-webkit-mask: url('status-info.svg') no-repeat 50% 50%;
	-webkit-mask-size: 11px;
}