/*
	HEIGHTS
*/

[[@foreach heights]]
.[[@use prefix]]h[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@foreach heights:percentages]]
.[[@use prefix]]h-[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@foreach heights:min-height]]
.[[@use prefix]]min-h-[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@foreach heights:vh]]
.[[@use prefix]]vh-[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@foreach heights:min-vh]]
.[[@use prefix]]min-vh-[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@foreach heights:extras]]
.[[@use prefix]]h-[[@index]] { height: [[@value]]; }
[[/@foreach]]

[[@responsive]]
	[[@foreach heights]]
	.[[@use prefix]]h[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]

	[[@foreach heights:percentages]]
	.[[@use prefix]]h-[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]

	[[@foreach heights:min-height]]
	.[[@use prefix]]min-h-[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]

	[[@foreach heights:vh]]
	.[[@use prefix]]vh-[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]

	[[@foreach heights:min-vh]]
	.[[@use prefix]]min-vh-[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]

	[[@foreach heights:extras]]
	.[[@use prefix]]h-[[@index]]-[[@screen-size]] { height: [[@value]]; }
	[[/@foreach]]
[[/@responsive]]