.vector-icon {
	.cdx-mixin-css-icon-background( );
	.cdx-mixin-css-icon-size( );
	.cdx-mixin-css-icon-alignment( );
	font-size: 14px;

	// Temporary fix for https://phabricator.wikimedia.org/T356540
	background-position: center;
	background-repeat: no-repeat;
	background-size: ~'calc( max( @{size-icon-medium}, @{min-size-icon-medium} ) )';
}

// Temporary generic small icon class
// FIXME: Replace with proper Codex CSS icon usage in T338403
.vector-icon--x-small {
	.cdx-mixin-css-icon-background( @size-icon-x-small );
	.cdx-mixin-css-icon-size( @size-icon-x-small );
	.cdx-mixin-css-icon-alignment( );

	// Temporary fix for https://phabricator.wikimedia.org/T356540
	background-size: ~'calc( max( @{size-icon-x-small}, @{min-size-icon-x-small} ) )';
}