css-magic/less/plugins/detection.less

Include Ray's CSS Library

.detectors {
	.box (@absolute,@initial,@zero,@initial,@initial,-1px,1px,10px);
	> * {
		.box (@absolute,@initial,@initial,@initial,@initial,@zero,1px,1px);
		.hidden;
		&.retina {
			top: 0px;
			@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
				& {
					.block(~"true");
				}
			}
		}

		&.mobile {
			top: 1px;
			@media (max-width: @medium) {
				& {
					display: block !important;
				}
			}
		}
		&.ie-9 {
			top: 2px;
		}
		&.ie {
			top: 3px;
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: @none) {
				& {
					.block(~"true");
				}
			}
		}
		&.xsmall {
			top: 4px;
			@media (max-width: @x-small) {
				& {
					.block(~"true");
				}
			}
		}
		&.small {
			top: 5px;
			@media (max-width: @small) {
				& {
					.block(~"true");
				}
			}
		}
		&.medium {
			top: 6px;
			@media (max-width: @medium) {
				& {
					.block(~"true");
				}
			}
		}
		&.large {
			top: 7px;
			@media (max-width: @large) {
				& {
					.block(~"true");
				}
			}
		}
		&.xlarge {
			top: 8px;
			@media (max-width: @x-large) {
				& {
					.block(~"true");
				}
			}
		}
		&.max {
			top: 9px;
			@media (min-width: @max) {
				& {
					.block(~"true");
				}
			}
		}
	}
}