Contents

$base-font-family: unquote("sans-serif") !default;
$base-font-size: 13px !default;
$base-line-height: 1.231 !default;

@mixin html5-boilerplate-fonts($family: $base-font-family, $size: $base-font-size, $line-height: $base-line-height) {
  /* font normalization inspired by  from the YUI Library's fonts.css: developer.yahoo.com/yui/ */
  body { 
    font-size: $size;
    font-family: $family;
    line-height: $line-height;
    /* hack retained to preserve specificity */
    *font-size: small;
  }
  select, input, textarea, button { font: 99% $family; }

  /* normalize monospace sizing
   * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
  pre, code, kbd, samp { font-family: monospace, sans-serif; }
}

// Sets the font size specified in pixels using percents so that the base
// font size changes and 1em has the correct value. When nesting font size
// declarations, within the DOM tree, the base_font_size must be the parent's
// effective font-size in pixels.
// Usage Examples:
//   .big
//     +font-size(16px)
//   .bigger
//     +font-size(18px)
//   .big .bigger
//     +font-size(18px, 16px)
//
// For more information see the table found at http://developer.yahoo.com/yui/3/cssfonts/#fontsize
@mixin font-size($size, $base-font-size: $base-font-size) {
  font-size: ceil(percentage($size / $base-font-size));
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
html5-starter-0.1.3b	stylesheets/html5-boilerplate/_fonts.scss