deepskyblue ryanve

earmark box-shadow extends outside box, could compose with border-left-none or border-left-transparent
earmark inset box-shadow inside box, could compose with border-left-none re: border-width or border-style
earmark border works nicely if borders all around match color
earmark border-image doesn't quite work as is because it cancels all the borders

CSS refactor playbook

	.left-align { text-align: left }
	.right-align { text-align: right }
	.center-align { text-align: center }
	.start-align { text-align: initial; text-align: start }
	.end-align { text-align: end }

	.align-baseline { vertical-align: baseline }
	.align-top { vertical-align: top }
	.align-bottom { vertical-align: bottom }
	.align-middle { vertical-align: middle }

	@media (orientation: portrait) {
	.width-vmax { width: 100vh }
	.width-vmin { width: 100vw }
	.height-vmax { height: 100vh }
	.height-vmin { height: 100vw }
	}

	@media (orientation: landscape) {
	.width-vmax { width: 100vw }
	.width-vmin { width: 100vh }