pure-sass 0.0.2 → 0.0.3

data/app/assets/stylesheets/pure/grids/grids-units.css.scss

@@ -0,0 +1,147 @@
+.pure-u-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-5-24,
+.pure-u-7-24,
+.pure-u-11-24,
+.pure-u-13-24,
+.pure-u-17-24,
+.pure-u-19-24,
+.pure-u-23-24 {
+    display: inline-block;
+    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1 {
+    display: block;
+}
+
+.pure-u-1-2 {
+    width: 50%;
+}
+
+.pure-u-1-3 {
+    width: 33.33333%;
+}
+
+.pure-u-2-3 {
+    width: 66.66666%;
+}
+
+.pure-u-1-4 {
+    width: 25%;
+}
+
+.pure-u-3-4 {
+    width: 75%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+}
+
+.pure-u-1-6 {
+    width: 16.656%;
+}
+
+.pure-u-5-6 {
+    width: 83.33%;
+}
+
+.pure-u-1-8 {
+    width: 12.5%;
+}
+
+.pure-u-3-8 {
+    width: 37.5%;
+}
+
+.pure-u-5-8 {
+    width: 62.5%;
+}
+
+.pure-u-7-8 {
+    width: 87.5%;
+}
+
+.pure-u-1-12 {
+    width: 8.3333%;
+}
+
+.pure-u-5-12 {
+    width: 41.6666%;
+}
+
+.pure-u-7-12 {
+    width: 58.3333%;
+}
+
+.pure-u-11-12 {
+    width: 91.6666%;
+}
+
+.pure-u-1-24 {
+    width: 4.1666%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+}
+
+.pure-u-7-24 {
+    width: 29.1666%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+}
+
+.pure-u-13-24 {
+    width: 54.1666%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+}
+
+.pure-u-19-24 {
+    width: 79.1666%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+}

data/app/assets/stylesheets/pure/grids.css.scss

@@ -0,0 +1,3 @@
+@import "grids/grids-core";
+@import "grids/grids-r";
+@import "grids/grids-units";

data/app/assets/stylesheets/pure/lists/lists-theme.css.scss

@@ -0,0 +1,241 @@
+
+/* from YUICSS list-core.css */
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a, .pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: $menu-item-padding;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    margin: 0;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+.pure-menu li a { $menu-item-padding; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; /* These specific fonts have the Unicode char we need. */
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right:30px;
+}
+
+.pure-menu-separator {
+    background-color: $separator;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden { display: none; }
+
+/* FIXED MENU */
+.pure-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-menu-horizontal li {
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display:block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right:30px;
+}/* end from yuicss/list-core.css *******************************************/
+/* from yuicss list-paginator.css */
+.pure-paginator {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.pure-paginator li {
+    display: inline-block;
+    *display: inline;
+    /* IE 7 inline-block hack */
+    *zoom: 1;
+    margin: 0 -0.35em 0 0;
+}
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus {
+    outline-style: none;
+}
+.pure-paginator .prev, .pure-paginator .next {
+    /*color: #C0C1C3; allow yui3-button to color text*/
+}
+.pure-paginator .prev {
+    border-radius: $paginator-radius-prev;
+}
+.pure-paginator .next {
+    border-radius: $paginator-radius-next;
+}
+/* end from YUICSS list-paginator.css ******************************/
+/* from YUICSS list.css *******************************************/
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: $menu-background; /* Old browsers */
+    border-radius: $border-radius;
+    border: 1px solid $menu-border;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal {
+    border: none;
+}
+
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: $menu-text;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: $menu-hover-text;
+}
+
+
+
+/* HOVER STATES */
+.pure-menu li a:hover {
+    background: $menu-hover-background;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover {
+    background: $menu-background;
+    color: $menu-text-disabled;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: $menu-text-disabled;
+}
+
+/* HEADINGS */
+.pure-menu .pure-menu-heading {
+    color: $heading-text;
+    text-transform: uppercase;
+    font-size:90%;
+    margin-top:0.5em;
+}
+
+
+/* SELECTED MENU ITEM */
+.pure-menu li.pure-menu-selected a {
+    background-color: $menu-selected-background;
+    color: $menu-selected-text;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid $fixed-menu-border-bottom;
+}
+/* end from YUICSS list.css ***********************************/
+/* from YUICSS list-responsive.css ****************************/
+/* RESPONSIVE */
+
+@media (max-width: 480px) {
+
+    .pure-menu-horizontal {
+        width:100%;
+    }
+
+    .pure-menu-children li {
+        display: block;
+        border-bottom:1px solid block;
+    }
+
+}
+/* end from list-responsive.css ******************/
+

data/app/assets/stylesheets/pure/menus/menus-core.css.scss

@@ -0,0 +1,111 @@
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a, .pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    margin: 0;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; /* These specific fonts have the Unicode char we need. */
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right:30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden { display: none; }
+
+/* FIXED MENU */
+.pure-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-menu-horizontal li {
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display:block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right:30px;
+}
+

data/app/assets/stylesheets/pure/menus/menus-paginator.css.scss

@@ -0,0 +1,31 @@
+.pure-paginator {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.pure-paginator li {
+    display: inline-block;
+    *display: inline;
+    /* IE 7 inline-block hack */
+    *zoom: 1;
+    margin: 0 -0.35em 0 0;
+}
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus {
+    outline-style: none;
+}
+.pure-paginator .prev, .pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0px -1px 0px rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}

data/app/assets/stylesheets/pure/menus/menus-r.css.scss

@@ -0,0 +1,14 @@
+/* RESPONSIVE */
+
+@media (max-width: 480px) {
+
+    .pure-menu-horizontal {
+        width:100%;
+    }
+
+    .pure-menu-children li {
+        display: block;
+        border-bottom:1px solid block;
+    }
+
+}

data/app/assets/stylesheets/pure/menus/menus.css.scss

@@ -0,0 +1,78 @@
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: #ffffff; /* Old browsers */
+    border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal, .pure-menu.pure-menu-horizontal .pure-menu-heading {
+    border: none;
+}
+
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: #777;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: #fff;
+}
+
+
+
+/* HOVER STATES */
+.pure-menu li a:hover {
+    background: #eee;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover {
+    background: #fff;
+    color: #bfbfbf;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: #bfbfbf;
+}
+
+/* HEADINGS */
+.pure-menu .pure-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-menu .pure-menu-selected a {
+    color: #000;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid #b7b7b7;
+}

data/app/assets/stylesheets/pure/menus.css.scss

@@ -0,0 +1,4 @@
+@import "menus/menus-core";
+@import "menus/menus-paginator";
+@import "menus/menus-r";
+@import "menus/menus";

data/app/assets/stylesheets/pure/tables/tables-theme.css.scss

@@ -0,0 +1,72 @@
+
+/* foundational CSS */
+.pure-table {
+    /* Remove spacing between table cells (from Normalize.css) */
+    border-collapse: separate;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid $border;
+}
+
+.pure-table caption {
+    color: $caption-text;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+
+.pure-table td,
+.pure-table th {
+    border-left: 1px solid $border;/* inner column border */
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible; /*to make ths where the title is really long work*/
+    padding: $cell-padding; /* cell padding */
+}
+
+.pure-table td:first-child,
+.pure-table th:first-child {
+    border-left-width: 0;
+}
+
+.pure-table thead {
+    background-color: $head-background;
+    color: $head-text;
+    text-align: left;
+    vertical-align: bottom;
+    white-space: nowrap;
+}
+
+/*
+striping:
+even - #fff (white)
+odd - #edf5ff (light blue)
+*/
+.pure-table td {
+    background-color: $cell-background;
+    color: $cell-text;
+}
+.pure-table-odd td {
+    background-color: $cell-odd-background;
+    color: $cell-odd-text;
+}
+
+/* BORDERED TABLES */
+.pure-table-bordered td {
+    border-bottom:1px solid $border;
+}
+.pure-table-bordered tbody > tr:last-child td,
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
+
+/* HORIZONTAL BORDERED TABLES */
+.pure-table-horizontal td,
+.pure-table-horizontal th {
+    border-width: 0 0 1px 0;
+    border-bottom:1px solid $border;
+}
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}