diff --git a/CHANGELOG.md b/CHANGELOG.md index 9ea7f15..b9206c4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,24 @@ Changelog ========= +2.25.0 - 2015-03-05 +------------------- + +### Added + +- `+font-face` mixin +- `.debug` extend +- `.ellipsis` extend +- `.ir` extend + +### Removed + +- Nothing + +### Fixed + +- Nothing + 2.23.0 - 2015-03-05 ------------------- diff --git a/foundation/_extends.sass b/foundation/_extends.sass index 676ee94..a47bb03 100644 --- a/foundation/_extends.sass +++ b/foundation/_extends.sass @@ -4,6 +4,18 @@ // // ************************************* +// ----- Debug ----- // + +.debug + background-color: pink !important + +// ----- Ellipsis ----- // + +.ellipsis + overflow: hidden + text-overflow: ellipsis + white-space: nowrap + // ----- Faux Hide ----- // .fauxHide @@ -20,6 +32,19 @@ overflow: visible visibility: visible +// ----- Image Replacement ----- // + +.ir + background-color: transparent + border: 0 + overflow: hidden + + &::before + content: '' + display: block + height: 150% + width: 0 + // ----- List Reset ----- // .lr diff --git a/foundation/_mixins.sass b/foundation/_mixins.sass index 67de1a5..731a426 100644 --- a/foundation/_mixins.sass +++ b/foundation/_mixins.sass @@ -42,6 +42,27 @@ #{$side}: -$size #{$opposite}: auto +// ----- Font Face ----- // +// -> https://github.com/thoughtbot/bourbon/edit/master/app/assets/stylesheets/css3/_font-face.scss# +// +// $family - the font-family +// $path - the font path +// $weight - the font-weight +// $style - the font-style +// $asset-pipeline - use the Rails asset pipeline (boolean) + +=font-face($family, $path, $weight: normal, $style: normal, $asset-pipeline: true) + @font-face + font-family: $family + font-style: $style + font-weight: $weight + @if $asset-pipeline == true + src: font-url('#{$path}.eot') + src: font-url('#{$path}.eot?#iefix') format('embedded-opentype'), font-url('#{$path}.woff') format('woff'), font-url('#{$path}.ttf') format('truetype'), font-url('#{$path}.svg##{$family}') format('svg') + @else + src: url('#{$path}.eot') + src: url('#{$path}.eot?#iefix') format('embedded-opentype'), url('#{$path}.woff') format('woff'), url('#{$path}.ttf') format('truetype'), url('#{$path}.svg##{$family}') format('svg') + // ----- Respond-within ----- // // -> Generates a media query within a range //