Iris/src/scss/components/_sources-priority-field.scss

.sources-priority-field {
	padding: 7px 0;

	.source {
		@include animate();
		display: inline-block;
		border-radius: 3px;
		padding: 6px 8px 4px 3px;
		margin: 0 5px 5px 0;
		cursor: move;
		font-size: 12px;
		font-weight: normal;
		background: rgba(255,255,255,0.1);
		color: $white;

		&.sortable-chosen {
			background: $grey;
		}

		.icon {
			font-size: 14px;
			padding-right: 0.1em;
			color: $darkest_grey;
		}

		&:hover {
			background: rgba(255,255,255,0.2);
		}

		&:focus,
		&:active {
			@include noanimate();
			background: $blue;
			color: $white;
		}

		.light-theme & {
			background: $faint_grey;
			color: inherit;

			&:hover {
				background: darken($faint_grey, 4%);
			}

			&:focus,
			&:active {
				background: $blue;
				color: $white;
			}
		}
	}
}