Nicolas Coden [Wed, 7 Dec 2016 20:46:36 +0000 (21:46 +0100)]
[TMP] Fix Sass dependencies import for Bower
:warning: **This is a temporary solution**
Unlike NPM, Bower does not have its own registry and uses the Github
repository. Like `js, `sass` and `dist`, all the files required by
Bower must be published on Git.
Changes:
- Pin the Sass dependencies versions and update `yarn.lock`
- Move only the require files to `/vendor`
- Publish the Sass dependencies in `vendor/` on git.
Nicolas Coden [Tue, 6 Dec 2016 09:30:09 +0000 (10:30 +0100)]
Update dependency gulp-filter
Update `gulp-filter` from `^3.0.1` (currently `v3.0.1`) to `^4.0.0`.
This version fix a path bug.
See https://github.com/sindresorhus/gulp-filter/pull/59
Nicolas Coden [Mon, 5 Dec 2016 15:27:50 +0000 (16:27 +0100)]
Use autoprefixer for postcss instead of gulp-autoprefixer
Use `autoprefixer` for postcss
(https://www.npmjs.com/package/autoprefixer) instead of
`gulp-autoprefixer`.
Changes:
- Use postcss and autoprefixer in the gulp sass tasks
- By using `autoprefixer` directly, `autoprefixer` version is updated
from `5.0` to the latest version `6.5.3`.
Changes in the CSS:
- Improve the `transition: transform…` and `transition: box-shadow…`
support
Full diff of `foundation.css`: https://www.diffchecker.com/iMxTO2UH
Nicolas Coden [Sun, 4 Dec 2016 10:29:16 +0000 (11:29 +0100)]
Fix expanded menu #8325
Fix https://github.com/zurb/foundation-sites/issues/8325.
See also: https://github.com/zurb/foundation-sites/pull/8779. Thanks to
@natewiebe13.
`.expanded` is a modifier for a horizontal menu, and should not be
applied on a vertical one.
Changes:
- Move the `.expanded` modifier after `.horizontal` and before
`.vertical`.
- Add the `.expanded` modifiers for each breakpoint with the
corresponding prefixes.
Other changes:
- Use `-zf-each-breakpoint` to generate responsive modifiers.
Note: The `.expanded` modifier should be applied only when the menu is
horizontal. For example, on a menu which is made horizontal on the
medium breakpoint, `.medium-expanded` should be used :
`.menu.vertical.medium-horizontal.medium-expanded`.
Nicolas Coden [Tue, 6 Dec 2016 06:47:51 +0000 (07:47 +0100)]
Add yarn.lock
Yarn (https://yarnpkg.com) is like npm, but you don’t have do delete
`node_modules` each time you have a bug. It is also faster.
`yarn.lock` store exactly which versions of each dependency were
installed.
From https://yarnpkg.com/en/docs/yarn-lock:
All yarn.lock files should be checked into source control (e.g. git or
mercurial). This allows Yarn to install the same exact dependency tree
across all machines, whether it be your coworker’s laptop or a CI
server.
Framework and library authors should also check yarn.lock into source
control. Don’t worry about publishing the yarn.lock file as it won’t
have any effect on users of the library.
Nicolas Coden [Tue, 6 Dec 2016 05:56:50 +0000 (06:56 +0100)]
Fix -zf-each-breakpoint without small bp
`$breakpoint-classes` is a list, not a map.
Use `sl-remove()` from SassyList
(https://github.com/at-import/SassyLists) instead of `map-remove()` to
remove the small breakpoint from `$breakpoint-classes`.
Other changes:
- Rename `$map` to `$list`.
- Rename `$size` to `$name`. `$breakpoint-classes` contains breakpoint
names, not sizes. Keep `$-zf-size` for compatibility.
Changes:
- Revert https://github.com/zurb/foundation-sites/pull/9430 - Make
`normalize-scss` a dev dependency.
- Copy Sass dependencies to `/_vendor/scss` and import them in Sass
from there.
Why not importing the Sass dependencies as real dependencies and from
`node_modules`: we cannot assume the path to our real dependencies. Old
npm versions store them in our `node_modules` folder, while newer
versions store them in the `node_modules` folder of the root project.
Nicolas Coden [Sat, 3 Dec 2016 12:01:34 +0000 (13:01 +0100)]
Factorize function -zf-breakpoint-value into -zf-get-bp-val
- Allow the `-zf-get-bp-val` function to take a single value as
responsive config `$map` and return it regardless of `$value`.
- Remove useless function `-zf-breakpoint-value`
Nicolas Coden [Sat, 3 Dec 2016 11:54:57 +0000 (12:54 +0100)]
Factorize breakpoint map handling in grid gutters and margins
Factorize breakpoint map handling in `grid-column-gutter` and
`grid-column-margin` mixins.
Changes:
- Add the `-zf-breakpoint-value` mixin which generate its content with
the value `$-zf-bp-value` depending on its parameter, like
`grid-column-gutter` and `grid-column-margin` did (see the `@mixin
-zf-breakpoint-value` doc)
- Use the `-zf-breakpoint-value` mixin in `grid-column-gutter` and
`grid-column-margin` and remove duplicated code.
- Rename the `grid-column-gutter` function to `-zf-breakpoint-value`
and move it to `/scss/util/_breakpoint.scss`. This function had a
generic behaviour.
Brett Mason [Thu, 1 Dec 2016 19:23:05 +0000 (19:23 +0000)]
Set `fixed` as the default off canvas behaviour. Remove the $offcanvas-position` variable as its no longer needed. Generate a `off-canvas-absolute` class to be used to set a menu as absolute positioned. Add an absolute visual test.