//
 * Mixins
 *
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   http://rocksolidthemes.com/agb   No free usage allowed
 */

=ir($image-name:"", $image-extension:"png", $x: left, $y: top, $color: transparent)
	@if $image-name != ""
		background: $color inline-image("#{$image-name}"+"."+"#{$image-extension}", image/#{$image-extension}) $x $y no-repeat
		width: image-width("#{$image-name}"+"."+"#{$image-extension}") 
		height: image-height("#{$image-name}"+"."+"#{$image-extension}")
		display: block
	@if $image-name == ""
		display: inline-block
	overflow: hidden
	line-height: 0
	text:
		indent: -9999px
		align: left
	br
		display: none
	@if $image-name != ""
		@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4/3), only screen and (min-device-pixel-ratio: 1.3)
			background-image: inline-image("#{$image-name}"+"-x2."+"#{$image-extension}", "image/"+"#{$image-extension}")
			background-size: image-width("#{$image-name}"+"."+"#{$image-extension}"), image-height("#{$image-name}"+"."+"#{$image-extension}")

=icon($content:"", $font-size:"100%", $line-height:1)
	font: #{$font-size}/#{$line-height} "RockSolid Icons"
	@if $content != ""
		content: $content
	text-indent: 0
	display: inline-block
	position: relative

=hidden
	display: none !important
	visibility: hidden

=visuallyhidden
	border: 0
	clip: rect(0 0 0 0)
	height: 1px
	margin: -1px
	overflow: hidden
	padding: 0
	position: absolute
	width: 1px
	&.focusable
		&:active, &:focus
			clip: auto
			height: auto
			margin: 0
			overflow: visible
			position: static
			width: auto

=invisible
	visibility: hidden

=clearfix
	&:before
		content: ""
		display: table
	&:after
		content: ""
		display: table
		clear: both
	zoom: 1

=placeholder
	&:-webkit-placeholder
		@content
	&:-moz-placeholder
		@content
	&:-ms-placeholder
		@content
	&:-o-placeholder
		@content
	&:placeholder
		@content

@function col($columns, $container-columns)
	@return $columns / $container-columns * 100%
