diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3b508848..75f50963 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,90 @@
+# Version 1.1 — Weisshorn
+
+*March 17, 2015*
+
+### General
+
+- **The CLI has been updated to version 1.1.** It includes a streamlined install process, better error-handling, better cross-platform support, and *no Ruby dependency*. Run `npm update -g foundation-cli` to get it.
+- **The documentation is way better.** We did a sweep of every docs page to fix typos, improve examples, and generally make things more clear. Enjoy!
+- **Foundation for Apps is now libsass-first.** We're still testing the codebase in both Ruby Sass 3.4+ and libsass 3.1+, but our documentation and template stack now compile with libsass by default. **This means Ruby is no longer a hard dependency of the framework.**
+- **Directive templates are now compiled to one file.** We're using [ng-html2js](https://github.com/yaru22/ng-html2js) to package up all of our directive templates into a single JavaScript file. This means you no longer need to include the `components` folder in a public directory! This method still works, but you can also just include the `templates.js` file and you're good to go.
+ - The templates file is included in the Bower and npm packages, under `dist/js/foundation-apps-templates.js`.
+ - A third CDN URL has been created for the template files.
+ - Thanks to @MikaAK for submitting the pull request that implemented this!
+
+### Sass Variable Changes
+
+These Sass variables changed. If you're upgrading an existing project, you'll need to update your `_settings.scss` file manually.
+
+**Added:** `$button-background-hover: scale-color($button-background, $lightness: -15%)`
+**Added:** `$motion-class-showhide: (in: "ng-hide-remove", out: "ng-hide-add");`
+**Added:** `$motion-class-showhide-active: (in: "ng-hide-remove-active", out: "ng-hide-add-active");`
+**Added:** `$input-background-disabled: smartscale($input-background)`
+**Added:** `$input-cursor-disabled: not-allowed`
+**Changed:** `$button-tag-selector` is now `false` (previously `true`)
+**Removed:** `$panel-animation-speed`
+
+**You don't need to add the new variables to your settings file,** unless you want to change their default values.
+
+**The old variables are still in the codebase, but aren't being used.** They'll be permanently removed in version 1.2.
+
+### Template Changes
+
+- Sass is now compiled using libsass.
+- Directive templates are compiled into a `templates.js` file, instead of being referenced using hardcoded paths to HTML files.
+- **If you have an existing project, you don't need to change anything to upgrade to v1.1.**
+
+### New Features
+
+- **Improved view animation!** In and out animations on views will now play simultaneously. Thanks to @AntJanus, @stryju, and @jeanieshark for all their hard work in solving this difficult problem!
+- `ui-view` elements no longer need the attribute `ng-class="['ui-animation']"` to animate properly; just having `ui-view` is enough.
+- Prior to v1.1, view animations only worked if the states were created using our front matter routing plugin. Now you can enable view animation in manually-defined states by adding an `animation` property to the state object.
+
+```js
+$stateProvider
+ .state('home', {
+ url: '/',
+ templateUrl: 'templates/home.html',
+ animation: {
+ enter: 'slideInDown',
+ leave: 'fadeOut'
+ }
+ });
+```
+
+- #461: Added a `$background-hover` parameter to the `button-style()` mixin. You can pass in a color, or the `auto` keyword to automatically set a color based on the `$background` parameter.
+- #462: Added styles for disabled form elements. They're automatically applied to any ` ` element with the `disabled` or `readonly` attributes, or a `
` with `disabled`. The styles can also be added manually by adding the `.disabled` class.
+- #475: The path the `zf-iconic` directive uses to search for icon files can now be changed width the `IconicProvider` provider. Use `IconicProvider.setAssetPath(path)` to set the path. Thanks to @gjungb for implementing this!
+- #495: The front matter routing plugin now supports ui-router's abstract states. Just add `abstract: true` to a view template to make it go.
+- Added support for ngAnimate's "show" and "hide" events. This means you can now use Motion UI classes with `ng-show` and `ng-hide`.
+- Added a `.noscroll` class for grid blocks and content blocks. I bet you can guess what it does!
+- You can now pass a scope to a modal created with `ModalFactory`, by passing it through the `contentScope` property on the modal's configuration object.
+
+### Bug Fixes
+
+- #191: ` ` elements are properly styled in Internet Explorer 10+.
+- #396: Prevent a `$digest already in progress` error from occuring with panels and off-canvas.
+- #397: The `FoundationApi` service now has an `unsubscribe` method, which allows us to remove event listeners from elements that have been removed from the DOM.
+- #467: The settings variables for buttons were placed above button group, which prevents an issue with undefined variables.
+- #472: Fixed the `color` attribute of static notifications not applying.
+- #478: Fixed an issue with modals where `scope.$root` could be `null` after a state change.
+- #483: Fixed notifications with `autoclose` not automatically closing under some circumstances.
+- #486: The `ModalFactory` factory will fetch the modal template before initialization.
+- #489: Deprecated `$panel-animation-speed`, an unused Sass variable for panels. It will be removed in a future version of the framework.
+- #511: Panels that have converted into a block won't play their in/out animations if triggered by an open or close event.
+- #530: Visibility classes will not conflict with Angular's `.ng-hide` class.
+- The `` tag is no longer styled as a `.button` element by default.
+- Any element with `zf-open`, `zf-close`, or `zf-toggle` applied gets the `cursor: pointer` property.
+- Removed the dropdown arrow that Internet Explorer 10+ adds to `` elements.
+- Prevented ghosting issues in WebKit with views that are mid-transition, by adding `-webkit-transform-style: preserve3d`.
+- Fixed landscape/portrait visibility classes not hiding properly.
+- Images inside cards will stretch to the width of the container.
+- Added a missing secondary coloring class to Iconic (`.iconic-color-secondary`).
+
+*The British physicist John Tyndall was the first person to ascend Weisshorn. When the climb was at its most bleak, Tyndall strengthened his resolve with patriotic thoughts:*
+
+> I thought of Englishmen in battle, of the qualities which had made them famous: it was mainly the quality of not knowing when to yield - of fighting for duty even after they had ceased to be animated by hope. Such thoughts helped to lift me over the rocks.
+
# Version 1.0.3
*February 16, 2015*
diff --git a/bower.json b/bower.json
index 886a5561..3a1f1d58 100755
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
{
"name": "foundation-apps",
- "version": "1.0.3",
+ "version": "1.1.0",
"main": [
"dist/css/foundation-apps.css",
"dist/js/foundation-apps.js"
diff --git a/dist/css/foundation-apps.css b/dist/css/foundation-apps.css
old mode 100644
new mode 100755
index fd382134..ed0054ee
--- a/dist/css/foundation-apps.css
+++ b/dist/css/foundation-apps.css
@@ -25,28 +25,14 @@ body {
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
-audio,
-canvas,
-progress,
-video {
+audio, canvas, progress, video {
display: inline-block;
/* 1 */
vertical-align: baseline;
@@ -64,8 +50,7 @@ audio:not([controls]) {
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
-[hidden],
-template {
+[hidden], template {
display: none; }
/* Links
@@ -79,8 +64,7 @@ a {
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
-a:active,
-a:hover {
+a:active, a:hover {
outline: 0; }
/* Text-level semantics
@@ -94,8 +78,7 @@ abbr[title] {
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
-b,
-strong {
+b, strong {
font-weight: bold; }
/**
@@ -128,8 +111,7 @@ small {
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
-sub,
-sup {
+sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
@@ -179,10 +161,7 @@ pre {
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
-code,
-kbd,
-pre,
-samp {
+code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; }
@@ -198,11 +177,7 @@ samp {
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
-button,
-input,
-optgroup,
-select,
-textarea {
+button, input, optgroup, select, textarea {
color: inherit;
/* 1 */
font: inherit;
@@ -222,8 +197,7 @@ button {
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
-button,
-select {
+button, select {
text-transform: none; }
/**
@@ -233,10 +207,7 @@ select {
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
+button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
@@ -245,15 +216,13 @@ input[type="submit"] {
/**
* Re-set default cursor for disabled elements.
*/
-button[disabled],
-html input[disabled] {
+button[disabled], html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
-button::-moz-focus-inner,
-input::-moz-focus-inner {
+button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
@@ -271,8 +240,7 @@ input {
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
-input[type="checkbox"],
-input[type="radio"] {
+input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
@@ -283,8 +251,7 @@ input[type="radio"] {
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
+input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
@@ -303,8 +270,7 @@ input[type="search"] {
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
@@ -347,12 +313,11 @@ table {
border-collapse: collapse;
border-spacing: 0; }
-td,
-th {
+td, th {
padding: 0; }
meta.foundation-version {
- font-family: "1.0.3"; }
+ font-family: "1.1.0"; }
meta.foundation-mq {
font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"; }
@@ -397,15 +362,10 @@ img {
display: inline-block;
vertical-align: middle; }
-a, [ui-sref] {
+a, [ui-sref], [zf-open], [zf-close], [zf-toggle] {
cursor: pointer; }
-#map_canvas img,
-#map_canvas embed,
-#map_canvas object,
-.map_canvas img,
-.map_canvas embed,
-.map_canvas object {
+#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width: none !important; }
.padding {
@@ -467,23 +427,30 @@ a, [ui-sref] {
fill: #232323;
stroke: #232323; }
-/*
- ACTION SHEET
- ------------
-
- A dropdown menu that sticks to the bottom of the screen on small devices, and becomes a dropdown menu on larger devices.
+.iconic-color-secondary * {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+ .iconic-color-secondary *.iconic-property-accent {
+ fill: #f1f1f1;
+ stroke: #f1f1f1; }
+
+/*
+ ACTION SHEET
+ ------------
+
+ A dropdown menu that sticks to the bottom of the screen on small devices, and becomes a dropdown menu on larger devices.
*/
-/*
- Styles for the list inside an action sheet.
- Don't include this mixin if you want to build custom controls inside the sheet.
+/*
+ Styles for the list inside an action sheet.
+ Don't include this mixin if you want to build custom controls inside the sheet.
*/
-/*
- Styles for the action sheet container. Action sheets pin to the top or bottom of the screen.
+/*
+ Styles for the action sheet container. Action sheets pin to the top or bottom of the screen.
*/
.action-sheet-container {
position: relative;
display: inline-block; }
- .action-sheet-container .button, .action-sheet-container button {
+ .action-sheet-container .button {
margin-left: 0;
margin-right: 0; }
@@ -534,28 +501,28 @@ a, [ui-sref] {
color: #999; }
@media only screen and (min-width: 40em) {
.action-sheet {
- /*
- Core styles
- */
+ /*
+ Core styles
+ */
position: absolute;
left: 50%;
width: 300px;
border-radius: 4px;
opacity: 0;
pointer-events: none;
- /*
- Menu shadow
- */
+ /*
+ Menu shadow
+ */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
- /*
- Active state
- */
- /*
- Menu tail
- */
- /*
- Positioning
- */
+ /*
+ Active state
+ */
+ /*
+ Menu tail
+ */
+ /*
+ Positioning
+ */
top: auto;
bottom: 0;
-webkit-transform: translateX(-50%) translateY(110%);
@@ -585,28 +552,28 @@ a, [ui-sref] {
top: -12px;
border-bottom-color: rgba(0, 0, 0, 0.15); }
.action-sheet.top {
- /*
- Core styles
- */
+ /*
+ Core styles
+ */
position: absolute;
left: 50%;
width: 300px;
border-radius: 4px;
opacity: 0;
pointer-events: none;
- /*
- Menu shadow
- */
+ /*
+ Menu shadow
+ */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
- /*
- Active state
- */
- /*
- Menu tail
- */
- /*
- Positioning
- */
+ /*
+ Active state
+ */
+ /*
+ Menu tail
+ */
+ /*
+ Positioning
+ */
top: 0;
bottom: auto;
-webkit-transform: translateX(-50%) translateY(-120%);
@@ -708,25 +675,25 @@ a, [ui-sref] {
pointer-events: none;
color: #999; }
-/*
- BLOCK LIST
- ----------
-
- A generic list component that can accomodate a variety of styles and controls.
-
- Features:
- - Icons
- - Labels
- - Chevrons
- - Text fields
- - Dropdown menus
- - Checkbox/radio inputs
+/*
+ BLOCK LIST
+ ----------
+
+ A generic list component that can accomodate a variety of styles and controls.
+
+ Features:
+ - Icons
+ - Labels
+ - Chevrons
+ - Text fields
+ - Dropdown menus
+ - Checkbox/radio inputs
*/
-/*
- Adds styles for a block list container.
-
- $font-size: global font size for the list.
- $full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
+/*
+ Adds styles for a block list container.
+
+ $font-size: global font size for the list.
+ $full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
*/
.block-list {
margin-bottom: 1rem;
@@ -740,63 +707,63 @@ a, [ui-sref] {
.block-list ul {
margin-left: 0; }
-/*
- Styles block list headers on the selector you include this mixin in (normally a ).
-
- $color - color of the header.
- $font-size - font size of the header.
- $offset - left margin to add to the header, to line it up with the list items.
+/*
+ Styles block list headers on the selector you include this mixin in (normally a