uikit-rails 0.0.2 → 1.0.1

data/vendor/assets/javascripts/ui.overlay.js

@@ -1,79 +0,0 @@
-
-/**
- * Expose `Overlay`.
- */
-
-exports.Overlay = Overlay;
-
-/**
- * Return a new `Overlay` with the given `options`.
- *
- * @param {Object} options
- * @return {Overlay}
- * @api public
- */
-
-exports.overlay = function(options){
-  return new Overlay(options);
-};
-
-/**
- * Initialize a new `Overlay`.
- *
- * @param {Object} options
- * @api public
- */
-
-function Overlay(options) {
-  ui.Emitter.call(this);
-  var self = this;
-  options = options || {};
-  this.closable = options.closable;
-  this.el = $(html);
-  this.el.appendTo('body');
-  if (this.closable) {
-    this.el.click(function(){
-      self.hide();
-    });
-  }
-}
-
-/**
- * Inherit from `Emitter.prototype`.
- */
-
-Overlay.prototype = new ui.Emitter;
-
-/**
- * Show the overlay.
- *
- * Emits "show" event.
- *
- * @return {Overlay} for chaining
- * @api public
- */
-
-Overlay.prototype.show = function(){
-  this.emit('show');
-  this.el.removeClass('hide');
-  return this;
-};
-
-/**
- * Hide the overlay.
- *
- * Emits "hide" event.
- *
- * @return {Overlay} for chaining
- * @api public
- */
-
-Overlay.prototype.hide = function(){
-  var self = this;
-  this.emit('hide');
-  this.el.addClass('hide');
-  setTimeout(function(){
-    self.el.remove();
-  }, 2000);
-  return this;
-};

data/vendor/assets/javascripts/ui.split-button.js

@@ -1,108 +0,0 @@
-
-/**
- * Expose `SplitButton`.
- */
-
-exports.SplitButton = SplitButton;
-
-/**
- * Initialize a new `SplitButton`
- * with an optional `label`.
- *
- * @param {String} label
- * @api public
- */
-
-function SplitButton(label) {
-  ui.Emitter.call(this);
-  this.el = $(html);
-  this.events();
-  this.render({ label: label });
-  this.state = 'hidden';
-}
-
-/**
- * Inherit from `Emitter.prototype`.
- */
-
-SplitButton.prototype = new ui.Emitter;
-
-/**
- * Register event handlers.
- *
- * @api private
- */
-
-SplitButton.prototype.events = function(){
-  var self = this
-    , el = this.el;
-
-  el.find('.button').click(function(e){
-    e.preventDefault();
-    self.emit('click', e);
-  });
-
-  el.find('.toggle').click(function(e){
-    e.preventDefault();
-    self.toggle();
-  });
-};
-
-/**
- * Toggle the drop-down contents.
- *
- * @return {SplitButton}
- * @api public
- */
-
-SplitButton.prototype.toggle = function(){
-  return 'hidden' == this.state
-    ? this.show()
-    : this.hide();
-};
-
-/**
- * Show the drop-down contents.
- *
- * @return {SplitButton}
- * @api public
- */
-
-SplitButton.prototype.show = function(){
-  this.state = 'visible';
-  this.emit('show');
-  this.el.addClass('show');
-  return this;
-};
-
-/**
- * Hide the drop-down contents.
- *
- * @return {SplitButton}
- * @api public
- */
-
-SplitButton.prototype.hide = function(){
-  this.state = 'hidden';
-  this.emit('hide');
-  this.el.removeClass('show');
-  return this;
-};
-
-/**
- * Render the split-button with the given `options`.
- *
- * @param {Object} options
- * @return {SplitButton}
- * @api private
- */
-
-SplitButton.prototype.render = function(options){
-  var options = options || {}
-    , button = this.el.find('.button')
-    , label = options.label;
-
-  if ('string' == label) button.text(label);
-  else button.text('').append(label);
-  return this;
-};

data/vendor/assets/stylesheets/ui.card.css

@@ -1,55 +0,0 @@
-
-/* from: http://desandro.github.com/3dtransforms */
-
-.card {
-  width: 200px;
-  height: 260px;
-  position: relative;
-  perspective: 800;
-}
-
-.card .wrapper {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
-  -webkit-transition: -webkit-transform 500ms ease-in-out;
-  -moz-transition: -moz-transform 500ms ease-in-out;
-  border: 1px solid #eee;
-  border-bottom-color: #cacaca;
-  border-radius: 3px;
-  -webkit-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;
-  -moz-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;
-}
-
-.card .face {
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-}
-
-.card .back {
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-}
-
-.card.flipped .wrapper {
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-}
-
-/* sideflip effect */
-
-.card.sideflip .wrapper {
-  -webkit-transform-origin: right center;
-  -moz-transform-origin: right center;
-}
-
-.card.sideflip.flipped .wrapper {
-  -webkit-transform: translateX(-100%) rotateY(180deg);
-  -moz-transform: translateX(-100%) rotateY(180deg);
-}

data/vendor/assets/stylesheets/ui.color-picker.css

@@ -1,6 +0,0 @@
-.color-picker canvas {
-  border: 1px solid #888;
-}
-.color-picker canvas:active {
-  cursor: none;
-}

data/vendor/assets/stylesheets/ui.confirmation.css

@@ -1,7 +0,0 @@
-.confirmation .actions {
-  border-top: 1px solid #eee;
-  padding: 5px;
-  text-align: right;
-  background: #fafafa;
-  box-shadow: inset 0 1px 0 white;
-}

data/vendor/assets/stylesheets/ui.css

@@ -1,337 +0,0 @@
-#dialog {
-  position: fixed;
-  left: 50%;
-  top: 150px;
-  max-width: 600px;
-  min-width: 250px;
-  border: 1px solid #eee;
-  background: white;
-  z-index: 1000;
-}
-
-#dialog .content {
-  padding: 15px 20px;
-}
-
-#dialog h1 {
-  margin: 0 0 5px 0;
-  font-size: 16px;
-  font-weight: normal;
-}
-
-#dialog p {
-  margin: 0;
-  padding: 0;
-  font-size: .9em;
-}
-
-#dialog.modal {
-  box-shadow: 0 1px 8px 0 black;
-}
-
-/* close */
-
-#dialog .close {
-  position: absolute;
-  top: 3px;
-  right: 10px;
-  text-decoration: none;
-  color: #888;
-  font-size: 16px;
-  font-weight: bold;
-  display: none;
-}
-
-#dialog.closable .close {
-  display: block;
-}
-
-#dialog .close:hover {
-  color: black;
-}
-
-#dialog .close:active {
-  margin-top: 1px;
-}
-
-/* slide */
-
-#dialog.slide {
-  -webkit-transition: opacity 300ms, top 300ms;
-  -moz-transition: opacity 300ms, top 300ms;
-}
-
-#dialog.slide.hide {
-  opacity: 0;
-  top: -500px;
-}
-
-/* fade */
-
-#dialog.fade {
-  -webkit-transition: opacity 300ms;
-  -moz-transition: opacity 300ms;
-}
-
-#dialog.fade.hide {
-  opacity: 0;
-}
-
-/* scale */
-
-#dialog.scale {
-  -webkit-transition: -webkit-transform 300ms;
-  -moz-transition: -moz-transform 300ms;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-}
-
-#dialog.scale.hide {
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-}#overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  opacity: 1;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,.75);
-  transition: opacity 300ms;
-  z-index: 500;
-}
-
-#overlay.hide {
-  pointer-events: none;
-  opacity: 0;
-}.confirmation .actions {
-  border-top: 1px solid #eee;
-  padding: 5px;
-  text-align: right;
-  background: #fafafa;
-  box-shadow: inset 0 1px 0 white;
-}.color-picker canvas {
-  border: 1px solid #888;
-}
-.color-picker canvas:active {
-  cursor: none;
-}
-
-#notifications {
-  position: fixed;
-  top: 10px;
-  right: 15px;
-}
-
-#notifications li {
-  margin-bottom: 5px;
-  list-style: none;
-}
-
-.notification {
-  position: relative;
-  max-width: 600px;
-  min-width: 250px;
-  border: 1px solid #eee;
-  background: white;
-  z-index: 100;
-}
-
-.notification .content {
-  padding: 15px 20px;
-}
-
-.notification h1 {
-  margin: 0 0 5px 0;
-  font-size: 16px;
-  font-weight: normal;
-}
-
-.notification p {
-  margin: 0;
-  padding: 0;
-  font-size: .9em;
-}
-
-.notification .close {
-  position: absolute;
-  top: 5px;
-  right: 10px;
-  text-decoration: none;
-  color: #888;
-  display: none;
-}
-
-.notification.closable .close {
-  display: block;
-}
-
-.notification .close:hover {
-  color: black;
-}
-
-.notification .close:active {
-  margin-top: 1px;
-}
-
-/* close */
-
-.notification .close {
-  position: absolute;
-  top: 3px;
-  right: 10px;
-  text-decoration: none;
-  color: #888;
-  font-size: 16px;
-  font-weight: bold;
-  display: none;
-}
-
-/* slide */
-
-.notification.slide {
-  -webkit-transition: opacity 300ms, top 300ms;
-  -moz-transition: opacity 300ms, top 300ms;
-}
-
-.notification.slide.hide {
-  opacity: 0;
-  top: -500px;
-}
-
-/* fade */
-
-.notification.fade {
-  -webkit-transition: opacity 300ms;
-  -moz-transition: opacity 300ms;
-}
-
-.notification.fade.hide {
-  opacity: 0;
-}
-
-/* scale */
-
-.notification.scale {
-  -webkit-transition: -webkit-transform 300ms;
-  -moz-transition: -moz-transform 300ms;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-}
-
-.notification.scale.hide {
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-}.split-button {
-  display: inline-block;
-  border: 1px solid #eee;
-}
-
-.split-button a {
-  display: inline-block;
-  float: left;
-  height: 20px;
-  line-height: 20px;
-  padding: 5px 10px;
-  text-decoration: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-}
-
-.split-button .toggle {
-  border-left: 1px solid #eee;
-}
-
-.split-button .toggle span {
-  display: block;
-  margin-top: 8px;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-  border-top: 4px solid #888;
-}.menu {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 100;
-  margin: 0;
-  padding: 0;
-  background: white;
-  border: 1px solid rgba(0,0,0,0.2);
-}
-
-.menu li {
-  list-style: none;
-}
-
-.menu li a {
-  display: block;
-  padding: 5px 30px 5px 12px;
-  text-decoration: none;
-  border-top: 1px solid #eee;
-  color: #2e2e2e;
-  outline: none;
-}
-
-.menu li:first-child a {
-  border-top: none;
-}
-
-.menu li a:hover,
-.menu li.selected a {
-  background: #f1faff;
-}
-
-/* from: http://desandro.github.com/3dtransforms */
-
-.card {
-  width: 200px;
-  height: 260px;
-  position: relative;
-  perspective: 800;
-}
-
-.card .wrapper {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
-  -webkit-transition: -webkit-transform 500ms ease-in-out;
-  -moz-transition: -moz-transform 500ms ease-in-out;
-  border: 1px solid #eee;
-  border-bottom-color: #cacaca;
-  border-radius: 3px;
-  -webkit-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;
-  -moz-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;
-}
-
-.card .face {
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-}
-
-.card .back {
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-}
-
-.card.flipped .wrapper {
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-}
-
-/* sideflip effect */
-
-.card.sideflip .wrapper {
-  -webkit-transform-origin: right center;
-  -moz-transform-origin: right center;
-}
-
-.card.sideflip.flipped .wrapper {
-  -webkit-transform: translateX(-100%) rotateY(180deg);
-  -moz-transform: translateX(-100%) rotateY(180deg);
-}