para 0.10.0 → 0.11.1

data/app/assets/stylesheets/para/lib/compass/css3/_transition.scss

@@ -0,0 +1,190 @@
+@import "para/lib/compass/support";
+
+// The the user threshold for transition support. Defaults to `$graceful-usage-threshold`
+$transition-support-threshold: $graceful-usage-threshold !default;
+
+
+// CSS Transitions
+// Currently only works in Webkit.
+//
+// * expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
+// * We'll be prepared.
+//
+// Including this submodule sets following defaults for the mixins:
+//
+//     $default-transition-property : all
+//     $default-transition-duration : 1s
+//     $default-transition-function : false
+//     $default-transition-delay    : false
+//
+// Override them if you like. Timing-function and delay are set to false for browser defaults (ease, 0s).
+
+$default-transition-property: all !default;
+
+$default-transition-duration: 1s !default;
+
+$default-transition-function: null !default;
+
+$default-transition-delay: null !default;
+
+$transitionable-prefixed-values: transform, transform-origin !default;
+
+
+
+// Checks if the value given is a unit of time.
+@function is-time($value) {
+  @return if(type-of($value) == number, not not index(s ms, unit($value)), false);
+}
+
+// Returns `$property` with the given prefix if it is found in `$transitionable-prefixed-values`.
+@function prefixed-for-transition($prefix, $property) {
+  @if not $prefix {
+    @return $property;
+  }
+  @if type-of($property) == list or type-of($property) == arglist {
+    $new-list: comma-list();
+    @each $v in $property {
+      $new-list: append($new-list, prefixed-for-transition($prefix, $v));
+    }
+    @return $new-list;
+  } @else {
+    @if index($transitionable-prefixed-values, $property) {
+      @return #{$prefix}-#{$property};
+    } @else {
+      @return $property;
+    }
+  }
+}
+
+// Returns $transition-map which includes key and values that map to a transition declaration
+@function transition-map($transition) {
+  $transition-map: ();
+
+  @each $item in $transition {
+    @if is-time($item) {
+      @if map-has-key($transition-map, duration) {
+        $transition-map: map-merge($transition-map, (delay: $item));
+      } @else {
+        $transition-map: map-merge($transition-map, (duration: $item));
+      }
+    } @else if map-has-key($transition-map, property) {
+      $transition-map: map-merge($transition-map, (timing-function: $item));
+    } @else {
+      $transition-map: map-merge($transition-map, (property: $item));
+    }
+  }
+
+  @return $transition-map;
+}
+
+// One or more properties to transition
+//
+// * for multiple, use a comma-delimited list
+// * also accepts "all" or "none"
+
+@mixin transition-property($properties...) {
+  $properties: set-arglist-default($properties, $default-transition-property);
+  @include with-each-prefix(css-transitions, $transition-support-threshold) {
+    $props: if($current-prefix, prefixed-for-transition($current-prefix, $properties), $properties);
+    @include prefix-prop(transition-property, $props);
+  }
+}
+
+// One or more durations in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these durations will affect the properties in the same list position
+
+@mixin transition-duration($durations...) {
+  $durations: set-arglist-default($durations, $default-transition-duration);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-duration: $durations
+  ));
+}
+
+// One or more timing functions
+//
+// * [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
+// * For multiple, use a comma-delimited list
+// * These functions will effect the properties in the same list position
+
+@mixin transition-timing-function($functions...) {
+  $functions: set-arglist-default($functions, $default-transition-function);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-timing-function: $functions
+  ));
+}
+
+// One or more transition-delays in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these delays will effect the properties in the same list position
+
+@mixin transition-delay($delays...) {
+  $delays: set-arglist-default($delays, $default-transition-delay);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-delay: $delays
+  ));
+}
+
+// Transition all-in-one shorthand
+
+@mixin single-transition(
+  $property: $default-transition-property,
+  $duration: $default-transition-duration,
+  $function: $default-transition-function,
+  $delay: $default-transition-delay
+) {
+  @include transition(compact($property $duration $function $delay));
+}
+
+@mixin transition($transitions...) {
+  $default: (compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay),);
+  $transitions: if(length($transitions) == 1 and type-of(nth($transitions, 1)) == list and list-separator(nth($transitions, 1)) == comma, nth($transitions, 1), $transitions);
+  $transitions: set-arglist-default($transitions, $default);
+
+
+  @include with-each-prefix(css-transitions, $transition-support-threshold) {
+    $delays: comma-list();
+    $transitions-without-delays: comma-list();
+    $transitions-with-delays: comma-list();
+    $has-delays: false;
+
+
+    // This block can be made considerably simpler at the point in time that
+    // we no longer need to deal with the differences in how delays are treated.
+    @each $transition in $transitions {
+      // Declare initial values for transition
+      $transition: transition-map($transition);
+
+      $property: map-get($transition, property);
+      $duration: map-get($transition, duration);
+      $timing-function: map-get($transition, timing-function);
+      $delay: map-get($transition, delay);
+
+      // Parse transition string to assign values into correct variables
+      $has-delays: $has-delays or $delay;
+
+      @if $current-prefix == -webkit {
+        // Keep a list of delays in case one is specified
+        $delays: append($delays, if($delay, $delay, 0s));
+        $transitions-without-delays: append($transitions-without-delays,
+          prefixed-for-transition($current-prefix, $property) $duration $timing-function);
+      } @else {
+        $transitions-with-delays: append($transitions-with-delays,
+          prefixed-for-transition($current-prefix, $property) $duration $timing-function $delay);
+      }
+    }
+
+    @if $current-prefix == -webkit {
+      @include prefix-prop(transition, $transitions-without-delays);
+      @if $has-delays {
+        @include prefix-prop(transition-delay, $delays);
+      }
+    } @else if $current-prefix {
+      @include prefix-prop(transition, $transitions-with-delays);
+    } @else {
+      transition: $transitions-with-delays;
+    }
+  }
+}

data/app/assets/stylesheets/para/lib/compass/css3/_user-interface.scss

@@ -0,0 +1,71 @@
+// User Interface
+// This file can be expanded to handle all the user interface properties as
+// they become available in browsers:
+// http://www.w3.org/TR/2000/WD-css3-userint-20000216
+
+@import "para/lib/compass/support";
+
+// The prefixed support threshold for user-select.
+// Defaults to the $graceful-usage-threshold.
+$userselect-support-threshold: $graceful-usage-threshold !default;
+
+// This property controls the selection model and granularity of an element.
+//
+// @param $select
+//   [ none | text | toggle | element | elements | all | inherit ]
+@mixin user-select($select) {
+  $select: unquote($select);
+
+  @include with-each-prefix(user-select-none, $userselect-support-threshold) {
+    // old Firefox used a proprietary `-moz-none` value, starting with Firefox 21 `none` behaves like `-moz-none`
+    // @link https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
+    @include prefix-prop(user-select, if($current-prefix == -moz and $select == 'none', -moz-none, $select));
+  }
+}
+
+// The prefixed support threshold for input-placeholder.
+// Defaults to the $graceful-usage-threshold.
+$input-placeholder-support-threshold: $graceful-usage-threshold !default;
+
+// Style the html5 input placeholder in browsers that support it.
+//
+// The styles for the input placeholder are passed as mixin content
+// and the selector comes from the mixin's context.
+//
+// For example:
+//
+//     #{elements-of-type(text-input)} {
+//       @include input-placeholder {
+//         color: #bfbfbf;
+//         font-style: italic;
+//       }
+//     }
+//
+// if you want to apply the placeholder styles to all elements supporting
+// the `input-placeholder` pseudo class (beware of performance impacts):
+//
+//     * {
+//       @include input-placeholder {
+//         color: #bfbfbf;
+//         font-style: italic;
+//       }
+//     }
+@mixin input-placeholder {
+  @include with-each-prefix(css-placeholder, $input-placeholder-support-threshold) {
+    @if $current-prefix == -webkit {
+      &::-webkit-input-placeholder { @content; }
+    }
+    @elseif $current-prefix == -moz {
+      // for Firefox 19 and below
+      @if support-legacy-browser("firefox", "4", "19", $threshold: $input-placeholder-support-threshold) {
+        &:-moz-placeholder { @content; }
+      }
+      // for Firefox 20 and above
+      &::-moz-placeholder { @content; }
+    }
+    @elseif $current-prefix == -ms {
+      &:-ms-input-placeholder { @content; }
+    }
+  }
+  // This is not standardized yet so no official selector is generated.
+}

data/app/assets/stylesheets/para/lib/compass/utilities/general/_hacks.scss

@@ -0,0 +1,65 @@
+@import "para/lib/compass/support";
+
+// The legacy support threshold for has-layout.
+// Defaults to the $critical-usage-threshold.
+$has-layout-support-threshold: $critical-usage-threshold !default;
+
+// The `zoom` approach generates less CSS but does not validate.
+// Set this to `block` to use the display-property to hack the
+// element to gain layout.
+$default-has-layout-approach: zoom !default;
+
+// This mixin causes an element matching the selector
+// to gain the "hasLayout" property in internet explorer.
+// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
+@mixin has-layout($approach: $default-has-layout-approach) {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    @if $approach == zoom {
+      @include has-layout-zoom;
+    } @else if $approach == block {
+      @include has-layout-block;
+    } @else {
+      @warn "Unknown has-layout approach: #{$approach}";
+      @include has-layout-zoom;
+    }
+  }
+}
+
+@mixin has-layout-zoom {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    *zoom: 1;
+  }
+}
+
+@mixin has-layout-block {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    // This makes ie6 get layout
+    display: inline-block;
+    // and this puts it back to block
+    & { display: block; }
+  }
+}
+
+
+// The legacy support threshold for IE6 attribute hack.
+// Defaults to the $critical-usage-threshold.
+$ie6-attribute-hack-support-threshold: $critical-usage-threshold !default;
+
+// A hack to supply IE6 (and below) with a different property value.
+// [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
+@mixin bang-hack($property, $value, $ie6-value) {
+  @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
+    @warn "it's recommended to use the underscore-hack() mixin instead of bang-hack()";
+    #{$property}: #{$value} !important;
+    #{$property}: #{$ie6-value};
+  }
+}
+
+// A hack to supply IE6 (and below) with a different property value.
+// [Read more](http://www.paulirish.com/2009/browser-specific-css-hacks/)
+@mixin underscore-hack($property, $value, $ie6-value) {
+  @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
+    #{$property}: #{$value};
+    _#{$property}: #{$ie6-value};
+  }
+}

data/app/assets/stylesheets/para/lib/datetimepicker.sass

@@ -7,7 +7,7 @@
   .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current,
   .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current
     background: $brand-primary
-    +box-shadow(darken($brand-primary, 10%) 0px 1px 3px 0px inset)
+    box-shadow: darken($brand-primary, 10%) 0px 1px 3px 0px inset
 
   .xdsoft_calendar td:hover,
   .xdsoft_timepicker .xdsoft_time_box >div >div:hover,

data/app/assets/stylesheets/para/lib/fuelux.sass

@@ -19,7 +19,7 @@ input[type=number]::-webkit-outer-spin-button
     top: 0px
     margin-left: -1px !important
     border-color: $input-border
-    +box-shadow(none)
+    box-shadow: none
     z-index: 2
     .fa
       font-size: 1em
@@ -29,7 +29,7 @@ input[type=number]::-webkit-outer-spin-button
       cursor: not-allowed
     &:hover,
     &:focus
-      +box-shadow(none)
+      box-shadow: none
   .spinner-up,
   .spinbox-up
     border-top-left-radius: 0 !important

data/app/assets/stylesheets/para/lib/redactor.sass

@@ -19,8 +19,8 @@
     /* Override z-index because we don't whant */
     /* redactor_toolbar fixed somewhere or on top of everythink ..*/
     z-index: 1 !important
-    +box-shadow(none)
-    +border-radius($input-border-radius $input-border-radius 0 0)
+    box-shadow: none
+    border-radius: $input-border-radius $input-border-radius 0 0
     border: 1px solid $input-border
     li a
       &:hover,
@@ -32,7 +32,7 @@
     background-color: $input-bg
     border: 1px solid $input-border
     border-top-width: 0px
-    +border-radius(0 0 $input-border-radius $input-border-radius)
+    border-radius: 0 0 $input-border-radius $input-border-radius
     &:focus
       border-color: $input-border-focus
       background: #FFF
@@ -71,11 +71,11 @@
     border-color: $input-border
     background-color: $input-bg
     color: $input-color
-    +box-shadow(none)
+    box-shadow: none
     &:focus
       background-color: #fff
       border-color: $input-border-focus
-      +box-shadow(none)
+      box-shadow: none
 
   footer
     button.redactor-modal-action-btn

data/app/assets/stylesheets/para/lib/selectize.sass

@@ -1,7 +1,6 @@
 //
 // Selectize
 // --------------------------------------------------
-@import "compass/css3/user-interface"
 @import "para/admin/src/variables"
 @import "para/admin/src/mixins"
 
@@ -27,7 +26,7 @@
         border: none
         margin-top: -6px
         color: $gray
-    
+
 //** Dropdown
 
 //** Active system
@@ -37,14 +36,14 @@
 .selectize-input,
 .selectize-input.full
   border-color: $input-border
-  +border-radius($input-border-radius)
+  border-radius: $input-border-radius
   &.focus
     border-color: $input-border-focus
   &.dropdown-active
-    +border-radius($input-border-radius)
+    border-radius: $input-border-radius
     &:after
       border: none
-      +transform(rotate(180deg))
+      transform: rotate(180deg)
       margin-top: -6px
 
 .selectize-control.single .selectize-input
@@ -67,7 +66,7 @@
   background: $input-bg
 
 .selectize-input.not-full input
-  +input-placeholder
+  ::placeholder
     color: $input-color-placeholder
     font-size: 0.9em
 
@@ -84,7 +83,7 @@
 
 .selectize-control.multi .selectize-input > div
   background-color: $gray-light
-  +border-radius(2px)
+  border-radius: 2px
   color: $text-color
   &:hover,
   &:focus,

data/lib/para/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Para
-  VERSION = '0.10.0'
+  VERSION = '0.11.1'
 end

data/lib/para.rb

@@ -18,14 +18,12 @@ require 'ransack'
 require 'friendly_id'
 require 'deep_cloneable'
 require 'closure_tree'
-require 'friendly_id'
 
 require 'jquery-rails'
 require 'turbolinks'
 require 'sass-rails'
 require 'selectize-rails'
 require 'bootstrap-sass'
-require 'compass-rails'
 require 'font-awesome-rails'
 
 require 'vertebra'