iconlabel.css 1.4 KB
Newer Older
1 2 3 4 5 6 7 8
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
9
	display: flex; /* required for icons support :before rule */
10 11
	overflow: hidden;
	text-overflow: ellipsis;
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
}

.monaco-icon-label > .label-name {
	color: inherit;
B
Benjamin Pasero 已提交
32
	white-space: pre; /* enable to show labels that include multiple whitespaces */
33 34 35 36 37 38
}

.monaco-icon-label > .label-description {
	opacity: 0.7;
	margin-left: 0.5em;
	font-size: 0.9em;
B
Benjamin Pasero 已提交
39
	white-space: pre; /* enable to show labels that include multiple whitespaces */
40 41
	overflow: hidden;
	text-overflow: ellipsis;
42 43 44 45 46
}

.monaco-icon-label.italic > .label-name,
.monaco-icon-label.italic > .label-description {
	font-style: italic;
47 48
}

49 50 51
.monaco-icon-label::after {
	flex: 1;
	opacity: 0.75;
52
	font-size: 90%;
53 54 55
	font-weight: 600;
	text-align: right;
	padding: 0 15px 0 5px;
56
}