/**
 * Nav platform lists in headers should be scrollable horizontally and not wrap.
 */
@media $media-xs
	header nav.platform-list.inline > ul
	nav.platform-list.inline.scrollable-xs > ul
		scrollable-x()
		white-space: nowrap

		li
			float: none
			display: inline-block


/**
 * Nav platform lists in headers should be scrollable horizontally and not wrap.
 */
@media $media-xs
	header nav.platform-list.inline
	nav.platform-list.inline.scrollable-xs
		@extend .full-bleed-xs

		> ul
			scrollable-x()
			white-space: nowrap
			padding-left: ($grid-gutter-width-xs / 2)
			padding-right: ($grid-gutter-width-xs / 2)

			li
				float: none
				display: inline-block


Fix scrollable inline platform lists to take up full bleed on mobile.
Fix scrollable inline platform lists to take up full bleed on mobile.
