README.md in purecss-0.0.10 vs README.md in purecss-0.0.11

- old
+ new

@@ -60,17 +60,19 @@ *= require purecss-addons It provides the CSS classes -- ```pure-custom-caret``` for the dropdown menu +- ```pure-custom-caret``` for the dropdown menu (to use if you are not using FontAwsome) - (no more needed) ```pure-menu-custom-separator-vertical``` to add a vertical separator to the horizontal menu - ```pure-custom-close``` for nicer ```x``` to close eventual modal views (to display modals, bootstrap-modal works quite well with Pure) - ```pure-custom-alert```, ```pure-custom-alert-error```, ```pure-custo-alert-success```, ```pure-custom-alert-warning``` -- *EXPERIMENTAL* ```pure-menu-custom-pull-right``` to align the menu to the right (must be in the same tag of ```pure-menu```. _Bug: the height of the header is sligtly bigger using this class._) +- ```pure-menu-pull-right``` to align the menu to the right (must be in the same tag of ```pure-menu```, see [this example](http://jsfiddle.net/xUwCw/)). Thanks to [msweeney](https://github.com/msweeney) for this workaround. -The flag *EXPERIMENTAL* means that the functionality is not fully functional, you can try it and use it but its syntax/use could change in a next release. If you have a fix please add a pull request! +<!-- + The flag *EXPERIMENTAL* means that the functionality is not fully functional, you can try it and use it but its syntax/use could change in a next release. If you have a fix please add a pull request! + /--> ### Dropdown Menu For dropdown menu I developed a small workaround based on [bootstrap-dropdown.js](https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js). It is enough to add the following directive to your js manifest file (application.js): @@ -82,18 +84,17 @@ and use the class ```pure-menu-children``` for the ```ul``` that contains the submenu. I hope it is clear with the following example (that includes the custom css too): ``` <header class="header pure-u-1"> - <div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal pure-custom-menu-pull-right"> + <div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal"> <div class="pure-menu-heading"><%= link_to "sample app", root_path, id: "logo" %></div> <ul> <li><%= link_to "Home", root_path %></li> <li><%= link_to "Help", help_path %></li> <% if signed_in? %> <li><%= link_to "Users", users_path %></li> - <li class="pure-menu-custom-separator-vertical"></li> <li class="pure-menu-can-have-children pure-menu-has-children"> <a href="#" data-toggle="dropdown">Account <span class="pure-custom-caret"></span></a> <ul class="pure-menu-children"> <li><%= link_to "Profile", current_user %></li> <li><%= link_to "Settings", edit_user_path(current_user) %></li> @@ -117,12 +118,12 @@ Fix the pull-right menu CSS. I'd like to add - Helpers for navigation bars, menus, forms, grids, ... -- Integration wit Rails SCSS -- Toolkit to set up website palette in an easy way using SCSS +- Integration wit Rails SASS +- Toolkit to set up website palette in an easy way using SASS - Way to keep the css updated - Any other ideas? ## Contributing @@ -131,9 +132,10 @@ 3. Commit your changes (`git commit -am 'Add some feature'`) 4. Push to the branch (`git push origin my-new-feature`) 5. Create new Pull Request ## Changelog +- 0.0.11 New Pure css git bugfixes added, added working menu-pull-right workaround - 0.0.10 Updated with new Pure css git version. No more need of some of our customizations. - 0.0.9 Problem in pushing the new gem, needed another version number to push it again - 0.0.8 Travis support, Rakefile corrected - 0.0.7 Fixed dependencies - 0.0.6 Reorganized CSS Addon structure, added Alerts