Remove Right Chevron SCSS (Upstreamed in Vanilla 4.12.0)

[jmuzina]

c.com is creating its own right chevron style here:

canonical.com/static/sass/styles.scss

Lines 644 to 649 in d3db0d7

	.p-icon--chevron-right {
	@extend .p-icon--chevron-up;
	transform: rotate(-90deg);
	}

However as of Vanilla 4.12.0, this class has been upstreamed. This style can be removed after updating Vanilla to 4.12.0.

The career progression page also uses left and right chevrons in the carousel:

canonical.com/static/sass/_pattern_careers-progression.scss

Lines 246 to 264 in d3db0d7

	.p-careers-progression-carousel__previous {
	@extend .p-icon--chevron-up;
	border: 0;
	height: 44px;
	transform: rotate(90deg);
	width: 44px;
	}
	.p-careers-progression-carousel__next {
	@extend .p-icon--chevron-up;
	border: 0;
	height: 44px;
	// Fix rotation spacing
	margin-top: 2%;
	transform: rotate(-90deg);
	width: 44px;
	}

The transform:rotate rules can be removed from p-careers-progression-carousel__previous and p-careers-progression-carousel__next, and those styles should now extend .p-icon--chevron-left and .p-icon--chevron-right, respectively.

[britneywwc]

Hi @jmuzina, is this still blocked by Vanilla?

[jmuzina]

Hi @britneywwc ! No, this is in Vanilla now and is not blocked