Diagonal Strikethrough

diagonal-strikethrough.scss

// This could be used for many things, however in my case, this was use to show a price that was slashed through. 

.slashed-rate {
	display: inline-block;
	padding-top: 10px;
	color: $grey-darker;
	.currency {font-size: 15px;}
	.dollars {font-size: 30px;}
	.frequency {font-size: 10px;}
	&::before {
		content: '';
		width: 19%;
		position: absolute;
		right: 43%;
		top: 43%;
		border-bottom: 2px solid $color-gray-darkest;
		-webkit-transform: skewY(-30deg);
		transform: skewY(-30deg);
	}// ::before
}//.slashed-rate