sass-site/source/assets/stylesheets/dependencies/_typography.scss.erb
2013-10-09 06:30:53 -04:00

36 lines
1.1 KiB
Plaintext

// TODO: Grab font-size from the value for "regular" in the data yml file.
$base-font-size: 16px;
$base-line-height: $base-font-size * 1.5;
$default-rhythm-border-style: solid;
$relative-font-sizing: true;
$round-to-nearest-half-line: true;
$min-line-padding: 2px;
$font-unit: 1em;
<% data.typography.weights.each do |font_weight| %>
$font-weight-<%= font_weight.weight %>: <%= font_weight.value %>;
<% end %>
<% data.typography.sizes.each do |size| %>
$font-size-<%= size.name %>: <%= size.value %>px;
@mixin font-size-<%= size.name %> {
font-size: $font-size-<%= size.name %>;
@include adjust-font-size-to($font-size-<%= size.name %>);
}
<% end %>
$sans-serif: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
$serif: "chaparral-pro", Georgia, "Times New Roman", Times, serif;
$monospace: "source-code-pro", Monaco, Menlo, Consolas, "Courier New", monospace;
<% data.typography.families.each do |font_family| %>
$font-family-<%= font_family.style %>: $<%= font_family.value %>;
<% end %>
$indent: $gutter-width * 2;