From: SassNinja Date: Mon, 7 Aug 2017 23:49:53 +0000 (+0200) Subject: Add off-canvas sizes chapter in docs X-Git-Tag: v6.4.2~1^2^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=8958ecf21dcecfc97ab8f623cc7bf456e8604e5f;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add off-canvas sizes chapter in docs --- diff --git a/docs/pages/off-canvas.md b/docs/pages/off-canvas.md index 968509a73..1aba0b6d6 100644 --- a/docs/pages/off-canvas.md +++ b/docs/pages/off-canvas.md @@ -397,6 +397,28 @@ Advanced off-canvas users may use the new `contentId` option to bind an element --- +## Off-canvas Sizes + +In v6.4.2 the type of the off-canvas size variables has changed from number to map. This lets you define breakpoint specific sizes instead of one value for all. +The map may contain every key that is defined in `$breakpoint-classes`. + +
+ Please note the sizes maps do currently not work perfectly for the reveal classes. If sizes are defined for medium and large, `.reveal-for-medium` will only consider the medium value. This is going to get fixed in a future release. +
+ +```scss +$offcanvas-sizes: ( + small: 250px, + medium: 350px, +); +$offcanvas-vertical-sizes: ( + small: 250px, + medium: 350px, +); +``` + +--- + ## Migrating from versions prior to v6.4 If you're upgrading from v6.3 there's nothing to do unless you haven't changed the default value of `$offcanvas-shadow`. Prior to v6.4 this variable was used for both, overlap and push off-canvas elements. Now it's only used for the overlap element whereas the push element uses two new variables: