compass-jquery-ui 0.1.0

data/README.markdown

@@ -0,0 +1,12 @@
+# Install
+
+		$ gem build compass-jquery-ui.gemspec
+		$ (sudo) gem install compass-jquery-ui-*.gem
+
+## For Rails3
+1. add the dependency in Gemfile
+		$ gem 'compass-jquery-ui'
+    
+1. add the require in config/compass.rb
+		$ require "jquery-ui"
+    

data/lib/jquery-ui.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("jquery-ui", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_theme-base.scss

@@ -0,0 +1,15 @@
+
+@import "base/jquery.ui.core";
+@import "base/jquery.ui.resizable";
+@import "base/jquery.ui.selectable";
+@import "base/jquery.ui.accordion";
+@import "base/jquery.ui.autocomplete";
+@import "base/jquery.ui.button";
+@import "base/jquery.ui.dialog";
+@import "base/jquery.ui.slider";
+@import "base/jquery.ui.tabs";
+@import "base/jquery.ui.datepicker";
+@import "base/jquery.ui.progressbar";
+@import "base/jquery.ui.theme";	
+
+$active-color:#212121;

data/stylesheets/_theme-cupertino.scss

@@ -0,0 +1,15 @@
+
+@import "cupertino/jquery.ui.core";
+@import "cupertino/jquery.ui.resizable";
+@import "cupertino/jquery.ui.selectable";
+@import "cupertino/jquery.ui.accordion";
+@import "cupertino/jquery.ui.autocomplete";
+@import "cupertino/jquery.ui.button";
+@import "cupertino/jquery.ui.dialog";
+@import "cupertino/jquery.ui.slider";
+@import "cupertino/jquery.ui.tabs";
+@import "cupertino/jquery.ui.datepicker";
+@import "cupertino/jquery.ui.progressbar";
+@import "cupertino/jquery.ui.theme";
+
+$active-color:#2779aa;

data/stylesheets/_theme-humanity.scss

@@ -0,0 +1,15 @@
+
+@import "humanity/jquery.ui.core";
+@import "humanity/jquery.ui.resizable";
+@import "humanity/jquery.ui.selectable";
+@import "humanity/jquery.ui.accordion";
+@import "humanity/jquery.ui.autocomplete";
+@import "humanity/jquery.ui.button";
+@import "humanity/jquery.ui.dialog";
+@import "humanity/jquery.ui.slider";
+@import "humanity/jquery.ui.tabs";
+@import "humanity/jquery.ui.datepicker";
+@import "humanity/jquery.ui.progressbar";
+@import "humanity/jquery.ui.theme";
+
+$active-color:#b85700;

data/stylesheets/_theme-redmond.scss

@@ -0,0 +1,15 @@
+
+@import "redmond/jquery.ui.core";
+@import "redmond/jquery.ui.resizable";
+@import "redmond/jquery.ui.selectable";
+@import "redmond/jquery.ui.accordion";
+@import "redmond/jquery.ui.autocomplete";
+@import "redmond/jquery.ui.button";
+@import "redmond/jquery.ui.dialog";
+@import "redmond/jquery.ui.slider";
+@import "redmond/jquery.ui.tabs";
+@import "redmond/jquery.ui.datepicker";
+@import "redmond/jquery.ui.progressbar";
+@import "redmond/jquery.ui.theme";
+
+$active-color:#e17009;

data/stylesheets/base/_jquery.ui.accordion.scss

@@ -0,0 +1,43 @@
+/* Accordion
+----------------------------------*/
+
+.ui-accordion {
+  .ui-accordion-header {
+    cursor: pointer;
+    position: relative;
+    margin-top: 1px;
+    zoom: 1; }
+  .ui-accordion-li-fix {
+    display: inline; }
+  .ui-accordion-header-active {
+    border-bottom: 0 !important; }
+  .ui-accordion-header a {
+    display: block;
+    font-size: 1em;
+    padding: .5em .5em .5em .7em; }
+  a {
+    zoom: 1; } }
+
+/* IE7-/Win - Fix extra vertical space in lists */
+
+.ui-accordion-icons .ui-accordion-header a {
+  padding-left: 2.2em; }
+
+.ui-accordion {
+  .ui-accordion-header .ui-icon {
+    position: absolute;
+    left: .5em;
+    top: 50%;
+    margin-top: -8px; }
+  .ui-accordion-content {
+    padding: 1em 2.2em;
+    border-top: 0;
+    margin-top: -2px;
+    position: relative;
+    top: 1px;
+    margin-bottom: 2px;
+    overflow: auto;
+    display: none;
+    zoom: 1; }
+  .ui-accordion-content-active {
+    display: block; } }

data/stylesheets/base/_jquery.ui.autocomplete.scss

@@ -0,0 +1,43 @@
+/* Autocomplete
+----------------------------------*/
+
+.ui-autocomplete {
+  position: absolute;
+  cursor: default; }
+
+.ui-autocomplete-loading {
+  background: white image_url('jquery-ui/base/ui-anim_basic_16x16.gif') right center no-repeat; }
+
+/* workarounds */
+
+* html .ui-autocomplete {
+  width: 1px; }
+
+/* without this, the menu expands to 100% in IE6 */
+
+/* Menu
+----------------------------------*/
+
+.ui-menu {
+  list-style: none;
+  padding: 2px;
+  margin: 0;
+  display: block;
+  .ui-menu {
+    margin-top: -3px; }
+  .ui-menu-item {
+    margin: 0;
+    padding: 0;
+    zoom: 1;
+    float: left;
+    clear: left;
+    width: 100%;
+    a {
+      text-decoration: none;
+      display: block;
+      padding: .2em .4em;
+      line-height: 1.5;
+      zoom: 1;
+      &.ui-state-hover, &.ui-state-active {
+        font-weight: normal;
+        margin: -1px; } } } }

data/stylesheets/base/_jquery.ui.button.scss

@@ -0,0 +1,90 @@
+/* Button
+----------------------------------*/
+
+.ui-button {
+  display: inline-block;
+  position: relative;
+  padding: 0;
+  margin-right: .1em;
+  text-decoration: none !important;
+  cursor: pointer;
+  text-align: center;
+  zoom: 1;
+  overflow: visible; }
+
+/* the overflow property removes extra width in IE */
+
+.ui-button-icon-only {
+  width: 2.2em; }
+
+/* to make room for the icon, a width needs to be set here */
+
+button.ui-button-icon-only {
+  width: 2.4em; }
+
+/* button elements seem to need a little more width */
+
+.ui-button-icons-only {
+  width: 3.4em; }
+
+button.ui-button-icons-only {
+  width: 3.7em; }
+
+/*button text element */
+
+.ui-button .ui-button-text {
+  display: block;
+  line-height: 1.4; }
+
+.ui-button-text-only .ui-button-text {
+  padding: .4em 1em; }
+
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
+  padding: .4em;
+  text-indent: -9999999px; }
+
+.ui-button-text-icon .ui-button-text {
+  padding: .4em 1em .4em 2.1em; }
+
+.ui-button-text-icons .ui-button-text {
+  padding: .4em 1em .4em 2.1em;
+  padding-left: 2.1em;
+  padding-right: 2.1em; }
+
+/* no icon support for input elements, provide padding by default */
+
+input.ui-button {
+  padding: .4em 1em; }
+
+/*button icon element(s) */
+
+.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
+  position: absolute;
+  top: 50%;
+  margin-top: -8px; }
+
+.ui-button-icon-only .ui-icon {
+  left: 50%;
+  margin-left: -8px; }
+
+.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
+  left: .5em; }
+
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
+  right: .5em; }
+
+/*button sets*/
+
+.ui-buttonset {
+  margin-right: 7px;
+  .ui-button {
+    margin-left: 0;
+    margin-right: -0.3em; } }
+
+/* workarounds */
+
+button.ui-button::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/* reset extra padding in Firefox */

data/stylesheets/base/_jquery.ui.core.scss

@@ -0,0 +1,82 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+
+.ui-helper-hidden {
+  display: none; }
+
+.ui-helper-hidden-accessible {
+  position: absolute;
+  left: -99999999px; }
+
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none; }
+
+.ui-helper-clearfix {
+  &:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden; }
+  display: inline-block; }
+
+/* required comment for clearfix to work in Opera \*/
+
+* html .ui-helper-clearfix {
+  height: 1%; }
+
+.ui-helper-clearfix {
+  display: block; }
+
+/* end clearfix */
+
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity = 0); }
+
+/* Interaction Cues
+----------------------------------*/
+
+.ui-state-disabled {
+  cursor: default !important; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat; }
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+
+.ui-widget-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }

data/stylesheets/base/_jquery.ui.datepicker.scss

@@ -0,0 +1,156 @@
+/* Datepicker
+----------------------------------*/
+
+.ui-datepicker {
+  width: 17em;
+  padding: .2em .2em 0;
+  .ui-datepicker-header {
+    position: relative;
+    padding: .2em 0; }
+  .ui-datepicker-prev, .ui-datepicker-next {
+    position: absolute;
+    top: 2px;
+    width: 1.8em;
+    height: 1.8em; }
+  .ui-datepicker-prev-hover, .ui-datepicker-next-hover {
+    top: 1px; }
+  .ui-datepicker-prev {
+    left: 2px; }
+  .ui-datepicker-next {
+    right: 2px; }
+  .ui-datepicker-prev-hover {
+    left: 1px; }
+  .ui-datepicker-next-hover {
+    right: 1px; }
+  .ui-datepicker-prev span, .ui-datepicker-next span {
+    display: block;
+    position: absolute;
+    left: 50%;
+    margin-left: -8px;
+    top: 50%;
+    margin-top: -8px; }
+  .ui-datepicker-title {
+    margin: 0 2.3em;
+    line-height: 1.8em;
+    text-align: center;
+    select {
+      font-size: 1em;
+      margin: 1px 0; } }
+  select {
+    &.ui-datepicker-month-year {
+      width: 100%; }
+    &.ui-datepicker-month, &.ui-datepicker-year {
+      width: 49%; } }
+  table {
+    width: 100%;
+    font-size: .9em;
+    border-collapse: collapse;
+    margin: 0 0 .4em; }
+  th {
+    padding: .7em .3em;
+    text-align: center;
+    font-weight: bold;
+    border: 0; }
+  td {
+    border: 0;
+    padding: 1px;
+    span, a {
+      display: block;
+      padding: .2em;
+      text-align: right;
+      text-decoration: none; } }
+  .ui-datepicker-buttonpane {
+    background-image: none;
+    margin: .7em 0 0 0;
+    padding: 0 .2em;
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 0;
+    button {
+      float: right;
+      margin: .5em .2em .4em;
+      cursor: pointer;
+      padding: .2em .6em .3em .6em;
+      width: auto;
+      overflow: visible;
+      &.ui-datepicker-current {
+        float: left; } } }
+  &.ui-datepicker-multi {
+    width: auto; } }
+
+/* with multiple calendars */
+
+.ui-datepicker-multi .ui-datepicker-group {
+  float: left;
+  table {
+    width: 95%;
+    margin: 0 auto .4em; } }
+
+.ui-datepicker-multi-2 .ui-datepicker-group {
+  width: 50%; }
+
+.ui-datepicker-multi-3 .ui-datepicker-group {
+  width: 33.3%; }
+
+.ui-datepicker-multi-4 .ui-datepicker-group {
+  width: 25%; }
+
+.ui-datepicker-multi {
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header {
+    border-left-width: 0; }
+  .ui-datepicker-buttonpane {
+    clear: left; } }
+
+.ui-datepicker-row-break {
+  clear: both;
+  width: 100%; }
+
+/* RTL support */
+
+.ui-datepicker-rtl {
+  direction: rtl;
+  .ui-datepicker-prev {
+    right: 2px;
+    left: auto; }
+  .ui-datepicker-next {
+    left: 2px;
+    right: auto; }
+  .ui-datepicker-prev:hover {
+    right: 1px;
+    left: auto; }
+  .ui-datepicker-next:hover {
+    left: 1px;
+    right: auto; }
+  .ui-datepicker-buttonpane {
+    clear: right;
+    button {
+      float: left;
+      &.ui-datepicker-current {
+        float: right; } } }
+  .ui-datepicker-group {
+    float: right; }
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header {
+    border-right-width: 0;
+    border-left-width: 1px; } }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+
+.ui-datepicker-cover {
+  display: none;
+  /*sorry for IE5*/
+  display/**/: block;
+  /*sorry for IE5*/
+  position: absolute;
+  /*must have*/
+  z-index: -1;
+  /*must have*/
+  filter: mask();
+  /*must have*/
+  top: -4px;
+  /*must have*/
+  left: -4px;
+  /*must have*/
+  width: 200px;
+  /*must have*/
+  height: 200px;
+  /*must have*/ }