My CSS property order preference

property-order.css

/**
 * CSS property ordering for commonly used properties (not comprehensive).
 * ** Note: The extra indentation is only for visual organization. **
 */
.property-order {
	content: "";

	width: auto;
	height: auto;
	background: url("") no-repeat 0 0/0 0 white;
		background-image: none;
		background-position: 0 0;
		background-size: auto;
		background-color: transparent;
	border: 0 solid white;
		border-width: 0;
		border-style: none;
		border-color: transparent;
	border-radius: 0;
	outline: none;

	flex: 0 1 auto;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
	align-self: stretch;
	order: 0;

	display: block;
	/* When using `display: flex`: */
		flex-flow: row nowrap;
			flex-direction: row;
			flex-wrap: nowrap
		align-items: stretch;
		justify-content: normal;
		align-content: normal;
	vertical-align: baseline;
	float: none;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	box-sizing: content-box;
	box-shadow: none;

	position: static;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	z-index: auto;

	margin: 0;
	padding: 0;

	text-align: left;
	color: black;
	font: bold italic 1em/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 1em;
		line-height: 1;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	text-shadow: none;
	text-indent: 0;
	white-space: normal;

	transform: none;
	transition: none;
	
	pointer-events: auto;
}