assetable 0.1.2

data/app/assets/stylesheets/assetable/_assetable.css.sass

@@ -0,0 +1,9 @@
+// Core styles, functions and utilities
+@import assetable/core/variables
+@import assetable/core/mixins
+@import assetable/core/utilities
+
+// Primary compnents
+@import assetable/components/uploader
+@import assetable/components/progress
+@import assetable/components/gallery

data/app/assets/stylesheets/assetable/_bootstrap.css.sass

@@ -0,0 +1,5 @@
+@import assetable/components/modals
+@import assetable/components/close
+
+@import assetable/components/forms
+@import assetable/components/buttons

data/app/assets/stylesheets/assetable/components/_buttons.css.sass

@@ -0,0 +1,99 @@
+//
+// Buttons
+// --------------------------------------------------
+
+// Base styles
+// --------------------------------------------------
+
+// Core styles
+.btn
+  display: inline-block
+  padding: $padding-base-vertical $padding-base-horizontal
+  margin-bottom: 0
+  // For input.btn
+  font-size: $font-size-base
+  font-weight: $btn-font-weight
+  line-height: $line-height-base
+  text-align: center
+  vertical-align: middle
+  cursor: pointer
+  border: 1px solid transparent
+  border-radius: $border-radius-base
+  white-space: nowrap
+  +user-select(none)
+  &:focus
+    +tab-focus
+  &:hover,
+  &:focus
+    color: $btn-default-color
+    text-decoration: none
+  &:active,
+  &.active
+    outline: 0
+    background-image: none
+    +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] &
+    cursor: not-allowed
+    pointer-events: none
+    // Future-proof disabling of clicks
+    +opacity(0.65)
+    +box-shadow(none)
+
+// Alternate buttons
+// --------------------------------------------------
+
+.btn-default
+  +button-variant($btn-default-color, $btn-default-bg, $btn-default-border)
+
+.btn-primary
+  +button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border)
+
+// Warning appears as orange
+.btn-warning
+  +button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border)
+
+// Danger and error appear as red
+.btn-danger
+  +button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border)
+
+// Success appears as green
+.btn-success
+  +button-variant($btn-success-color, $btn-success-bg, $btn-success-border)
+
+// Info appears as blue-green
+.btn-info
+  +button-variant($btn-info-color, $btn-info-bg, $btn-info-border)
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link
+  color: $link-color
+  font-weight: normal
+  cursor: pointer
+  border-radius: 0
+  &,
+  &:active,
+  &[disabled],
+  fieldset[disabled] &
+    background-color: transparent
+    +box-shadow(none)
+  &,
+  &:hover,
+  &:focus,
+  &:active
+    border-color: transparent
+  &:hover,
+  &:focus
+    color: $link-hover-color
+    text-decoration: underline
+    background-color: transparent
+  &[disabled],
+  fieldset[disabled] &
+    &:hover,
+    &:focus
+      color: $btn-link-disabled-color
+      text-decoration: none

data/app/assets/stylesheets/assetable/components/_close.css.sass

@@ -0,0 +1,28 @@
+//
+// Close icons
+// --------------------------------------------------
+
+.close
+  float: right
+  font-size: $font-size-base * 1.5
+  font-weight: $close-font-weight
+  line-height: 1
+  color: $close-color
+  text-shadow: $close-text-shadow
+  +opacity(0.2)
+  &:hover,
+  &:focus
+    color: $close-color
+    text-decoration: none
+    cursor: pointer
+    +opacity(0.5)
+
+// Additional properties for button version
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+button.close
+  padding: 0
+  cursor: pointer
+  background: transparent
+  border: 0
+  -webkit-appearance: none

data/app/assets/stylesheets/assetable/components/_forms.css.sass

@@ -0,0 +1,219 @@
+//
+// Forms
+// --------------------------------------------------
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset
+  padding: 0
+  margin: 0 0 20px 0
+  border: 0
+
+legend
+  display: block
+  width: 100%
+  padding: 0
+  font-size: $font-size-base * 1.5
+  line-height: inherit
+  border: 0
+  // border-bottom: 1px solid $legend-border-color
+
+label,
+.control-label
+  display: inline-block
+  margin-bottom: 5px
+  font-weight: bold
+
+input,
+button,
+select,
+textarea 
+  font-family: inherit
+  font-size: inherit
+  line-height: inherit
+
+// Normalize form controls
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"]
+  +box-sizing(border-box)
+
+// Position radios and checkboxes better
+
+input[type="radio"],
+input[type="checkbox"]
+  margin: 4px 0 0
+  margin-top: 1px \9
+  line-height: normal
+
+// Set the height of select and file controls to match text inputs
+input[type="file"]
+  display: block
+
+// Make multiple select elements height not fixed
+
+select[multiple],
+select[size]
+  height: auto
+
+// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
+select optgroup
+  font-size: inherit
+  font-style: inherit
+  font-family: inherit
+
+// Focus for select, file, radio, and checkbox
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus
+  +tab-focus
+
+// Fix for Chrome number input
+// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
+// See https://github.com/twbs/bootstrap/issues/8350 for more.
+input[type="number"]
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button
+    height: auto
+
+// Placeholder
+//
+// Placeholder text gets special styles because when browsers invalidate entire
+// lines if it doesn't understand a selector/
+.form-control
+  +placeholder
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.form-control
+  +box-sizing(border-box)
+  display: block
+  height: $input-height-base
+  // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+  padding: $padding-base-vertical $padding-base-horizontal
+  font-size: $font-size-base
+  line-height: $line-height-base
+  color: $input-color
+  vertical-align: middle
+  background-color: $input-bg
+  border: 1px solid $input-border
+  border-radius: $input-border-radius
+
+  // Disabled and read-only inputs
+  // Note: HTML5 says that controls under a fieldset > legend:first-child won't
+  // be disabled if the fieldset is disabled. Due to implementation difficulty,
+  // we don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] &
+    cursor: not-allowed
+    background-color: $input-bg-disabled
+
+// Reset height for `textarea`s
+textarea.form-control
+  height: auto
+
+textarea#asset_body
+  height: 200px
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group
+  margin-bottom: 15px
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox,
+  display: block
+  min-height: $line-height-computed
+  // clear the floating input if there is no label text
+  margin-top: 10px
+  margin-bottom: 10px
+  padding-left: 20px
+  vertical-align: middle
+
+.radio
+.checkbox,
+.checkbox-inline,
+.radio-inline
+  label
+    display: inline
+    margin-bottom: 0
+    font-weight: normal
+    cursor: pointer
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"]
+  float: left
+  margin-left: -20px
+
+.radio + .radio,
+.checkbox + .checkbox
+  margin-top: -5px
+  // Move up sibling radios or checkboxes for tighter spacing
+
+// Radios and checkboxes on same line
+
+.radio-inline,
+.checkbox-inline
+  display: inline-block
+  padding-left: 20px
+  margin-bottom: 0
+  vertical-align: middle
+  font-weight: normal
+  cursor: pointer
+
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline
+  margin-top: 0
+  margin-left: 10px
+  // space out consecutive inline controls
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+
+input[type="radio"],
+input[type="checkbox"],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline
+  &[disabled],
+  fieldset[disabled] &
+    cursor: not-allowed
+
+
+input.input-fluid
+  +box-sizing(border-box)
+  width: 100%

data/app/assets/stylesheets/assetable/components/_gallery.css.sass

@@ -0,0 +1,118 @@
+// Backdrop dimmer
+.assetable-gallery-backdrop
+  background-color: rgba(0, 0, 0, .85)
+  left: 0
+  position: fixed
+  top: 0
+  height: 100%
+  width: 100%
+  z-index: 1001
+
+
+// Gallery wrapper
+.assetable-gallery-wrapper
+  +clearfix
+  border-radius: 2px
+  background: white
+  height: 90%
+  left: 5%
+  overflow-y: scroll
+  position: fixed
+  text-align: left
+  top: 5%
+  width: 90%
+  z-index: 1010
+  
+
+
+
+
+// Gallery header and footer
+// -------------------------
+.assetable-gallery-header,
+.assetable-gallery-footer
+  box-sizing: border-box
+  padding: 10px 20px
+  position: absolute
+  width: 100%
+
+.assetable-gallery-header
+  border-bottom: 1px solid #ddd
+  height: $assetable-gallery-header-height
+  top: 0
+
+  a,
+  h3
+    line-height: $assetable-gallery-header-height - 20px
+
+  a
+    float: right
+    font-size: 18px
+    font-weight: bold
+    text-decoration: none
+
+  h3
+    display: inline-block
+    margin: 0
+
+.assetable-gallery-footer
+  border-top: 1px solid #ddd
+  height: $assetable-gallery-footer-height
+  bottom: 0
+
+
+
+
+  
+// Main gallery components
+// -------------------------
+
+.assetable-gallery-wrapper .assetable-gallery
+  +clearfix
+  border-left: $uploader-border
+  border-top: $uploader-border
+  display: table
+  padding: $assetable-gallery-header-height 0 $assetable-gallery-footer-height 0
+
+// Preview item
+div.uploader-preview
+  border-right: $uploader-border
+  border-bottom: $uploader-border
+  display: table-cell
+  float: left
+  box-sizing: border-box
+  width: $uploader-width
+  vertical-align: middle
+
+
+@media (min-width: 1200px)
+  .assetable-gallery-wrapper
+    left: 50%
+    margin-left: -600px
+    max-width: 1200px
+    width: auto
+
+
+  .assetable-gallery > div.uploader-preview
+    width: 16.66666666%
+
+
+@media (min-width: 992px) and (max-width: 1199px)
+  .assetable-gallery-wrapper
+    max-width: 992px
+    margin-left: -496px
+    left: 50%
+
+    .assetable-gallery > div.uploader-preview
+      width: 20%
+
+
+@media (min-width: 768px) and (max-width: 992px)
+  .assetable-gallery-wrapper
+    max-width: 768px
+    margin-left: -384px
+    left: 50%
+
+    .assetable-gallery > div.uploader-preview
+      width: 25%
+