/*
 * Citizen - ULS toggle Styles
 * https://starcitizen.tools
*/

@import '../resources/variables.less';

// Styles for ULS icon
#pt-uls a.uls-trigger {
	padding: 0;
	display: block;
	width: @icon-box-size + @icon-padding;
	height: @header-height;
	color: transparent; // Hide text
	opacity: 0.6; // Replicate color of other icons
	background-size: @icon-box-size;
	background-position: center;
	transition: @transition-opacity;

	&:hover,
	&:focus,
	&:active {
		opacity: 0.8;
	}
}