pre {
	background-color: transparent;
	border: none;
	padding: 0;
}
.uk-light {
  pre {
		color: rgba(255, 255, 255, 0.7);
	}
}

// Button
.uk-button {
	// text-transform: none;
}

// Nav
.uk-nav-header {
  text-transform: none;
}

// Navbar
.uk-light {
	.uk-navbar-nav > li > a, .uk-logo {
		color: #ddd;
		&:hover {
			color: #fff;
		}
	}
}
.uk-dark {
	.uk-navbar-nav > li > a, .uk-logo {
		color: #333;
		&:hover {
			color: #000;
		}
	}
}

// Offcanvas
.uk-light {
	.uk-offcanvas-bar {
		background: $dark-bg-color;
		color: #fff;
		.uk-nav-default > li > a, .uk-nav-default .uk-nav-sub a, .uk-nav-default .uk-nav-header, h3, .uk-close {
			color: #fff;
		}
	}
}

.uk-dark {
	.uk-offcanvas-bar {
		background: $light-bg-color;
		color: #000;
		.uk-nav-default > li > a, .uk-nav-header, h3, .uk-close {
			color: #000;
		}
		.uk-nav-default .uk-nav-sub a, .uk-nav-default {
			color: #999;
		}
	}
}

// Modals
.uk-close {
	background: transparent;
}
.uk-light {
	.uk-modal-dialog, .uk-modal-header, .uk-modal-body, .uk-modal-footer {
		background: $dark-bg-color;
	}
}

// Alerts
.uk-light {
	.uk-alert, .uk-alert-primary, .uk-alert-success, .uk-alert-warning, .uk-alert-danger {
		background: #222;
		border: 1px solid #aaa;
	}
}

// Tables
.uk-table th {
  text-transform: none;
}
