Skip to content
This repository has been archived by the owner on Aug 4, 2019. It is now read-only.

Commit

Permalink
Typography additions, should address #14
Browse files Browse the repository at this point in the history
  • Loading branch information
wjdp committed Jun 11, 2015
1 parent f794699 commit bca9b74
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 5 deletions.
6 changes: 5 additions & 1 deletion _settings.sass
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@ $grid-tab-land-gutter: 14px !default
$grid-med-desk-gutter: 20px !default
$grid-widescreen-gutter: 24px !default

// $grid-base-font-size
$grid-baseline: 27px !default
$grid-base-font-size: 17px !default

// $grid-max-width, the widest .grid-wrap can possibly be
$grid-max-width: 2000px !default

Expand All @@ -34,7 +38,7 @@ $grid-row-collapsed-doublepad: false !default
// $column-count, the .grid-x classes widths are defined by dividing by this
// number, if you want less than 12 columns reduce here. Currently more than
// 12 is not supported, you could add more .grid-x classes for this to work.
$grid-column-count: 12 !default
$grid-column-count: 16 !default

// Fancy transitions, requires Bourbon
$grid-transition-enable: true !default
Expand Down
12 changes: 8 additions & 4 deletions core/_typography.sass
Original file line number Diff line number Diff line change
@@ -1,10 +1,13 @@
@mixin block
margin-bottom: $grid-baseline
@mixin block($multiple: 1)
margin-bottom: $grid-baseline * $multiple

@mixin baseline($multiple: 1)
// Set line-height as a multiple of $grid-baseline
line-height: $grid-baseline * $multiple

@mixin font-size($multiple)
font-size: $grid-base-font-size * $multiple

@function headings-selector($high, $low)
// Recursive function to generate heading selectors
@if $high==$low
Expand Down Expand Up @@ -32,7 +35,7 @@
h6
font-size: $base * $h6

@mixin heading-height($base, $h1, $h2, $h3, $h4, $h5, $h6)
@mixin heading-baseline($base, $h1, $h2, $h3, $h4, $h5, $h6)
// Set H1 through H6 line-height to a multiple of $base
h1
line-height: $base * $h1
Expand All @@ -59,7 +62,7 @@
figcaption
@content

@mixin word-wrap
@mixin word-wrap-hyphens
// Wrap words using hyphens
word-break: break-word
-webkit-hyphens: auto
Expand All @@ -71,3 +74,4 @@
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
word-wrap: normal

0 comments on commit bca9b74

Please sign in to comment.