$gray: #ddd;

@mixin font-main($font-size) {
	font-family: "Source Sans Pro", sans-serif;
	font-size: #{$font-size}px;
}
@mixin font-sub($font-size) {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: #{$font-size}px;
}
@mixin transition-type($property, $sec) {
	-webkit-transition: #{$property} #{$sec}s ease;
	   -moz-transition: #{$property} #{$sec}s ease;
			transition: #{$property} #{$sec}s ease;
}
@mixin box-sizing {
	-webkit-box-sizing: border-box; /* webkit */
     -khtml-box-sizing: border-box; /* konqueror */
       -moz-box-sizing: border-box; /* firefox */
        -ms-box-sizing: border-box; /* ie */
    		box-sizing: border-box; /* css3 */
}
@mixin no-select {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}