$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 font-icon($font-size) {
  font-family: "FontAwesome";
  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;
}