pure-place-rails 0.0.1

data/app/assets/stylesheets/pure-place/scss/classes/_grids-nr.scss

@@ -0,0 +1,188 @@
+/*!
+Pure v0.2.1-pre
+Copyright 2013 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+
+.#{$pure-classes-prefix}-g {
+  letter-spacing: -0.31em;
+  /* Webkit: collapse white-space between units */
+  *letter-spacing: normal;
+  /* reset IE < 8 */
+  *word-spacing: -0.43em;
+  /* IE < 8: collapse white-space between units */
+  text-rendering: optimizespeed;
+  /* Webkit: fixes text-rendering: optimizeLegibility */
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+
+.opera-only :-o-prefocus,
+.#{$pure-classes-prefix}-g {
+  word-spacing: -0.43em;
+}
+
+.#{$pure-classes-prefix}-u {
+  display: inline-block;
+  *display: inline;
+  /* IE < 8: fake inline-block */
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.#{$pure-classes-prefix}-u-1,
+.#{$pure-classes-prefix}-u-1-2,
+.#{$pure-classes-prefix}-u-1-3,
+.#{$pure-classes-prefix}-u-2-3,
+.#{$pure-classes-prefix}-u-1-4,
+.#{$pure-classes-prefix}-u-3-4,
+.#{$pure-classes-prefix}-u-1-5,
+.#{$pure-classes-prefix}-u-2-5,
+.#{$pure-classes-prefix}-u-3-5,
+.#{$pure-classes-prefix}-u-4-5,
+.#{$pure-classes-prefix}-u-1-6,
+.#{$pure-classes-prefix}-u-5-6,
+.#{$pure-classes-prefix}-u-1-8,
+.#{$pure-classes-prefix}-u-3-8,
+.#{$pure-classes-prefix}-u-5-8,
+.#{$pure-classes-prefix}-u-7-8,
+.#{$pure-classes-prefix}-u-1-12,
+.#{$pure-classes-prefix}-u-5-12,
+.#{$pure-classes-prefix}-u-7-12,
+.#{$pure-classes-prefix}-u-11-12,
+.#{$pure-classes-prefix}-u-1-24,
+.#{$pure-classes-prefix}-u-5-24,
+.#{$pure-classes-prefix}-u-7-24,
+.#{$pure-classes-prefix}-u-11-24,
+.#{$pure-classes-prefix}-u-13-24,
+.#{$pure-classes-prefix}-u-17-24,
+.#{$pure-classes-prefix}-u-19-24,
+.#{$pure-classes-prefix}-u-23-24 {
+  display: inline-block;
+  *display: inline;
+  /* IE < 8: fake inline-block */
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.#{$pure-classes-prefix}-u-1 {
+  display: block;
+}
+
+.#{$pure-classes-prefix}-u-1-2 {
+  width: 50%;
+}
+
+.#{$pure-classes-prefix}-u-1-3 {
+  width: 33.33333%;
+}
+
+.#{$pure-classes-prefix}-u-2-3 {
+  width: 66.66666%;
+}
+
+.#{$pure-classes-prefix}-u-1-4 {
+  width: 25%;
+}
+
+.#{$pure-classes-prefix}-u-3-4 {
+  width: 75%;
+}
+
+.#{$pure-classes-prefix}-u-1-5 {
+  width: 20%;
+}
+
+.#{$pure-classes-prefix}-u-2-5 {
+  width: 40%;
+}
+
+.#{$pure-classes-prefix}-u-3-5 {
+  width: 60%;
+}
+
+.#{$pure-classes-prefix}-u-4-5 {
+  width: 80%;
+}
+
+.#{$pure-classes-prefix}-u-1-6 {
+  width: 16.656%;
+}
+
+.#{$pure-classes-prefix}-u-5-6 {
+  width: 83.33%;
+}
+
+.#{$pure-classes-prefix}-u-1-8 {
+  width: 12.5%;
+}
+
+.#{$pure-classes-prefix}-u-3-8 {
+  width: 37.5%;
+}
+
+.#{$pure-classes-prefix}-u-5-8 {
+  width: 62.5%;
+}
+
+.#{$pure-classes-prefix}-u-7-8 {
+  width: 87.5%;
+}
+
+.#{$pure-classes-prefix}-u-1-12 {
+  width: 8.3333%;
+}
+
+.#{$pure-classes-prefix}-u-5-12 {
+  width: 41.6666%;
+}
+
+.#{$pure-classes-prefix}-u-7-12 {
+  width: 58.3333%;
+}
+
+.#{$pure-classes-prefix}-u-11-12 {
+  width: 91.6666%;
+}
+
+.#{$pure-classes-prefix}-u-1-24 {
+  width: 4.1666%;
+}
+
+.#{$pure-classes-prefix}-u-5-24 {
+  width: 20.8333%;
+}
+
+.#{$pure-classes-prefix}-u-7-24 {
+  width: 29.1666%;
+}
+
+.#{$pure-classes-prefix}-u-11-24 {
+  width: 45.8333%;
+}
+
+.#{$pure-classes-prefix}-u-13-24 {
+  width: 54.1666%;
+}
+
+.#{$pure-classes-prefix}-u-17-24 {
+  width: 70.8333%;
+}
+
+.#{$pure-classes-prefix}-u-19-24 {
+  width: 79.1666%;
+}
+
+.#{$pure-classes-prefix}-u-23-24 {
+  width: 95.8333%;
+}

data/app/assets/stylesheets/pure-place/scss/classes/_grids.scss

@@ -0,0 +1,256 @@
+/*!
+Pure v0.2.1-pre
+Copyright 2013 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+
+.#{$pure-classes-prefix}-g {
+  letter-spacing: -0.31em;
+  /* Webkit: collapse white-space between units */
+  *letter-spacing: normal;
+  /* reset IE < 8 */
+  *word-spacing: -0.43em;
+  /* IE < 8: collapse white-space between units */
+  text-rendering: optimizespeed;
+  /* Webkit: fixes text-rendering: optimizeLegibility */
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+
+.opera-only :-o-prefocus,
+.#{$pure-classes-prefix}-g {
+  word-spacing: -0.43em;
+}
+
+.#{$pure-classes-prefix}-u {
+  display: inline-block;
+  *display: inline;
+  /* IE < 8: fake inline-block */
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.#{$pure-classes-prefix}-u-1,
+.#{$pure-classes-prefix}-u-1-2,
+.#{$pure-classes-prefix}-u-1-3,
+.#{$pure-classes-prefix}-u-2-3,
+.#{$pure-classes-prefix}-u-1-4,
+.#{$pure-classes-prefix}-u-3-4,
+.#{$pure-classes-prefix}-u-1-5,
+.#{$pure-classes-prefix}-u-2-5,
+.#{$pure-classes-prefix}-u-3-5,
+.#{$pure-classes-prefix}-u-4-5,
+.#{$pure-classes-prefix}-u-1-6,
+.#{$pure-classes-prefix}-u-5-6,
+.#{$pure-classes-prefix}-u-1-8,
+.#{$pure-classes-prefix}-u-3-8,
+.#{$pure-classes-prefix}-u-5-8,
+.#{$pure-classes-prefix}-u-7-8,
+.#{$pure-classes-prefix}-u-1-12,
+.#{$pure-classes-prefix}-u-5-12,
+.#{$pure-classes-prefix}-u-7-12,
+.#{$pure-classes-prefix}-u-11-12,
+.#{$pure-classes-prefix}-u-1-24,
+.#{$pure-classes-prefix}-u-5-24,
+.#{$pure-classes-prefix}-u-7-24,
+.#{$pure-classes-prefix}-u-11-24,
+.#{$pure-classes-prefix}-u-13-24,
+.#{$pure-classes-prefix}-u-17-24,
+.#{$pure-classes-prefix}-u-19-24,
+.#{$pure-classes-prefix}-u-23-24 {
+  display: inline-block;
+  *display: inline;
+  /* IE < 8: fake inline-block */
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.#{$pure-classes-prefix}-u-1 {
+  display: block;
+}
+
+.#{$pure-classes-prefix}-u-1-2 {
+  width: 50%;
+}
+
+.#{$pure-classes-prefix}-u-1-3 {
+  width: 33.33333%;
+}
+
+.#{$pure-classes-prefix}-u-2-3 {
+  width: 66.66666%;
+}
+
+.#{$pure-classes-prefix}-u-1-4 {
+  width: 25%;
+}
+
+.#{$pure-classes-prefix}-u-3-4 {
+  width: 75%;
+}
+
+.#{$pure-classes-prefix}-u-1-5 {
+  width: 20%;
+}
+
+.#{$pure-classes-prefix}-u-2-5 {
+  width: 40%;
+}
+
+.#{$pure-classes-prefix}-u-3-5 {
+  width: 60%;
+}
+
+.#{$pure-classes-prefix}-u-4-5 {
+  width: 80%;
+}
+
+.#{$pure-classes-prefix}-u-1-6 {
+  width: 16.656%;
+}
+
+.#{$pure-classes-prefix}-u-5-6 {
+  width: 83.33%;
+}
+
+.#{$pure-classes-prefix}-u-1-8 {
+  width: 12.5%;
+}
+
+.#{$pure-classes-prefix}-u-3-8 {
+  width: 37.5%;
+}
+
+.#{$pure-classes-prefix}-u-5-8 {
+  width: 62.5%;
+}
+
+.#{$pure-classes-prefix}-u-7-8 {
+  width: 87.5%;
+}
+
+.#{$pure-classes-prefix}-u-1-12 {
+  width: 8.3333%;
+}
+
+.#{$pure-classes-prefix}-u-5-12 {
+  width: 41.6666%;
+}
+
+.#{$pure-classes-prefix}-u-7-12 {
+  width: 58.3333%;
+}
+
+.#{$pure-classes-prefix}-u-11-12 {
+  width: 91.6666%;
+}
+
+.#{$pure-classes-prefix}-u-1-24 {
+  width: 4.1666%;
+}
+
+.#{$pure-classes-prefix}-u-5-24 {
+  width: 20.8333%;
+}
+
+.#{$pure-classes-prefix}-u-7-24 {
+  width: 29.1666%;
+}
+
+.#{$pure-classes-prefix}-u-11-24 {
+  width: 45.8333%;
+}
+
+.#{$pure-classes-prefix}-u-13-24 {
+  width: 54.1666%;
+}
+
+.#{$pure-classes-prefix}-u-17-24 {
+  width: 70.8333%;
+}
+
+.#{$pure-classes-prefix}-u-19-24 {
+  width: 79.1666%;
+}
+
+.#{$pure-classes-prefix}-u-23-24 {
+  width: 95.8333%;
+}
+
+/*csslint regex-selectors:false, unqualified-attributes:false*/
+
+.#{$pure-classes-prefix}-g-r {
+  letter-spacing: -0.31em;
+  *letter-spacing: normal;
+  *word-spacing: -0.43em;
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+
+.opera-only :-o-prefocus,
+.#{$pure-classes-prefix}-g-r {
+  word-spacing: -0.43em;
+}
+
+.#{$pure-classes-prefix}-g-r img {
+  max-width: 100%;
+}
+
+@media (min-width: 980px) {
+  .#{$pure-classes-prefix}-visible-phone {
+    display: none;
+  }
+
+  .#{$pure-classes-prefix}-visible-tablet {
+    display: none;
+  }
+
+  .#{$pure-classes-prefix}-hidden-desktop {
+    display: none;
+  }
+}
+
+@media (max-width: 480px) {
+  .#{$pure-classes-prefix}-g-r > .#{$pure-classes-prefix}-u,
+  .#{$pure-classes-prefix}-g-r > [class *= "pure-u-"] {
+    width: 100%;
+  }
+}
+
+@media (max-width: 767px) {
+  .#{$pure-classes-prefix}-g-r > .#{$pure-classes-prefix}-u,
+  .#{$pure-classes-prefix}-g-r > [class *= "pure-u-"] {
+    width: 100%;
+  }
+
+  .#{$pure-classes-prefix}-hidden-phone {
+    display: none;
+  }
+
+  .#{$pure-classes-prefix}-visible-desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+  .#{$pure-classes-prefix}-hidden-tablet {
+    display: none;
+  }
+
+  .#{$pure-classes-prefix}-visible-desktop {
+    display: none;
+  }
+}

data/app/assets/stylesheets/pure-place/scss/classes/_menus-nr.scss

@@ -0,0 +1,292 @@
+/*!
+Pure v0.2.1-pre
+Copyright 2013 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+
+/*csslint adjoining-classes:false, outline-none:false*/
+
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.#{$pure-classes-prefix}-menu ul {
+  position: absolute;
+  visibility: hidden;
+}
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-open {
+  visibility: visible;
+  z-index: 2;
+  width: 100%;
+}
+
+.#{$pure-classes-prefix}-menu ul {
+  left: -10000px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  top: -10000px;
+  z-index: 1;
+}
+
+.#{$pure-classes-prefix}-menu > ul {
+  position: relative;
+}
+
+.#{$pure-classes-prefix}-menu-open > ul {
+  left: 0;
+  top: 0;
+  visibility: visible;
+}
+
+.#{$pure-classes-prefix}-menu-open > ul:focus {
+  outline: 0;
+}
+
+.#{$pure-classes-prefix}-menu li {
+  position: relative;
+}
+
+.#{$pure-classes-prefix}-menu a,
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-heading {
+  display: block;
+  color: inherit;
+  line-height: 1.5em;
+  padding: 5px 20px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-horizontal > .#{$pure-classes-prefix}-menu-heading {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  margin: 0;
+  vertical-align: middle;
+}
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-horizontal > ul {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  vertical-align: middle;
+  height: 2.4em;
+}
+
+.#{$pure-classes-prefix}-menu li a {
+  padding: 5px 20px;
+}
+
+.#{$pure-classes-prefix}-menu-can-have-children > .#{$pure-classes-prefix}-menu-label:after {
+  content: '\25B8';
+  float: right;
+  /* These specific fonts have the Unicode char we need. */
+  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+  margin-right: -20px;
+  margin-top: -1px;
+}
+
+.#{$pure-classes-prefix}-menu-can-have-children > .#{$pure-classes-prefix}-menu-label {
+  padding-right: 30px;
+}
+
+.#{$pure-classes-prefix}-menu-separator {
+  background-color: #dfdfdf;
+  display: block;
+  height: 1px;
+  font-size: 0;
+  margin: 7px 2px;
+  overflow: hidden;
+}
+
+.#{$pure-classes-prefix}-menu-hidden {
+  display: none;
+}
+
+/* FIXED MENU */
+
+.#{$pure-classes-prefix}-menu-fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+
+.#{$pure-classes-prefix}-menu-horizontal li {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+
+.#{$pure-classes-prefix}-menu-horizontal li li {
+  display: block;
+}
+
+/* Content after should be down arrow */
+
+.#{$pure-classes-prefix}-menu-horizontal > .#{$pure-classes-prefix}-menu-children > .#{$pure-classes-prefix}-menu-can-have-children > .#{$pure-classes-prefix}-menu-label:after {
+  content: "\25BE";
+}
+
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+
+.#{$pure-classes-prefix}-menu-horizontal > .#{$pure-classes-prefix}-menu-children > .#{$pure-classes-prefix}-menu-can-have-children > .#{$pure-classes-prefix}-menu-label {
+  padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+
+.#{$pure-classes-prefix}-menu-horizontal li.#{$pure-classes-prefix}-menu-separator {
+  height: 50%;
+  width: 1px;
+  margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+
+.#{$pure-classes-prefix}-menu-horizontal li li.#{$pure-classes-prefix}-menu-separator {
+  height: 1px;
+  width: auto;
+  margin: 7px 2px;
+}
+
+/*csslint adjoining-classes:false*/
+
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+/* MAIN MENU STYLING */
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-open,
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-horizontal li .#{$pure-classes-prefix}-menu-children {
+  background: #fff;
+  /* Old browsers */
+  border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-horizontal,
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-horizontal .#{$pure-classes-prefix}-menu-heading {
+  border: none;
+}
+
+/* LINK STYLES */
+
+.#{$pure-classes-prefix}-menu a {
+  border: 1px solid transparent;
+  border-left: none;
+  border-right: none;
+}
+
+.#{$pure-classes-prefix}-menu a,
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-can-have-children > li:after {
+  color: #777;
+}
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-can-have-children > li:hover:after {
+  color: #fff;
+}
+
+/* Focus style for a dropdown menu-item when the parent has been opened */
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-open {
+  background: #dedede;
+}
+
+.#{$pure-classes-prefix}-menu li a:hover,
+.#{$pure-classes-prefix}-menu li a:focus {
+  background: #eee;
+}
+
+/* DISABLED STATES */
+
+.#{$pure-classes-prefix}-menu li.#{$pure-classes-prefix}-menu-disabled a:hover,
+.#{$pure-classes-prefix}-menu li.#{$pure-classes-prefix}-menu-disabled a:focus {
+  background: #fff;
+  color: #bfbfbf;
+}
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-disabled > a {
+  background-image: none;
+  border-color: transparent;
+  cursor: default;
+}
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-disabled > a,
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-can-have-children.#{$pure-classes-prefix}-menu-disabled > a:after {
+  color: #bfbfbf;
+}
+
+/* HEADINGS */
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-heading {
+  color: #565d64;
+  text-transform: uppercase;
+  font-size: 90%;
+  margin-top: 0.5em;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #dfdfdf;
+}
+
+/* ACTIVE MENU ITEM */
+
+.#{$pure-classes-prefix}-menu .#{$pure-classes-prefix}-menu-selected a {
+  color: #000;
+}
+
+/* FIXED MENU */
+
+.#{$pure-classes-prefix}-menu.#{$pure-classes-prefix}-menu-open.#{$pure-classes-prefix}-menu-fixed {
+  border: none;
+  border-bottom: 1px solid #b7b7b7;
+}
+
+/*csslint box-model:false*/
+
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.#{$pure-classes-prefix}-paginator {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.#{$pure-classes-prefix}-paginator li {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  margin: 0 -0.35em 0 0;
+}
+
+.#{$pure-classes-prefix}-paginator .#{$pure-classes-prefix}-button {
+  border-radius: 0;
+  padding: 0.8em 1.4em;
+  vertical-align: top;
+  height: 1.1em;
+}
+
+.#{$pure-classes-prefix}-paginator .#{$pure-classes-prefix}-button:focus {
+  outline-style: none;
+}
+
+.#{$pure-classes-prefix}-paginator .prev,
+.#{$pure-classes-prefix}-paginator .next {
+  color: #C0C1C3;
+  text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+
+.#{$pure-classes-prefix}-paginator .prev {
+  border-radius: 2px 0 0 2px;
+}
+
+.#{$pure-classes-prefix}-paginator .next {
+  border-radius: 0 2px 2px 0;
+}