jhladmin/node_modules/postcss-sorting/lib/properties-order/unspecified-properties-position.md

unspecified-properties-position

Specify position for properties not specified in properties-order. This option only works if you've defined your own array of properties in properties-order.

string: "top"|"bottom"|"bottomAlphabetical"

Default value is "bottom": unspecified properties will be placed after any specified properties.

With "top", unspecified properties will be placed before any specified properties. With "bottomAlphabetical", unspecified properties will be placed after any specified properties, and the unspecified properties will be in alphabetical order.

Given:

{
	'properties-order': [
		'position',
		'z-index'
	],
	'unspecified-properties-position': 'bottom'
}

Before:

a {
	leftover: yay;
	z-index: 1;
	position: absolute;
	bottom: 0;
}
b {
	top: 0;
	z-index: 2;
	leftover: yay;
	position: absolute;
}

After:

a {
	position: absolute;
	z-index: 1;
	leftover: yay;
	bottom: 0;
}
b {
	position: absolute;
	z-index: 2;
	top: 0;
	leftover: yay;
}

---

Given:

{
	'properties-order': [
		'position',
		'z-index'
	],
	'unspecified-properties-position': 'bottomAlphabetical'
}

Before:

a {
	leftover: yay;
	z-index: 1;
	position: absolute;
	bottom: 0;
}
b {
	top: 0;
	z-index: 2;
	leftover: yay;
	position: absolute;
}

After:

a {
	position: absolute;
	z-index: 1;
	bottom: 0;
	leftover: yay;
}
b {
	position: absolute;
	z-index: 2;
	leftover: yay;
	top: 0;
}

---

Given:

{
	'properties-order': [
		'position',
		'z-index'
	],
	'unspecified-properties-position': 'top'
}

Before:

a {
	leftover: yay;
	z-index: 1;
	position: absolute;
	bottom: 0;
}
b {
	top: 0;
	z-index: 2;
	leftover: yay;
	position: absolute;
}

After:

a {
	leftover: yay;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
b {
	top: 0;
	leftover: yay;
	position: absolute;
	z-index: 2;
}