// _bar.scss

.bar {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0;

	background: #fff;

	transition: background 150ms;

	&:hover {
		background: none;

		.network {
			opacity: 0;
		}
	}

	@media(min-width: 480px) {
		top: 0;
		right: 0;
		bottom: 0;

		width: auto;
		height: 100%;
	}
}

// _bar.scss

.bar {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0;

	background: #fff;

	transition: background 250ms;

	&:hover {
		background: none;

		.network {
			opacity: 0;
		}
	}

	@media(min-width: 480px) {
		top: 0;
		right: 0;
		bottom: 0;

		width: auto;
		height: 100%;
	}
}

Set correct transition duration on the network bar
Set correct transition duration on the network bar
