para 0.10.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/para/inputs/nested_many.coffee +9 -3
  3. data/app/assets/stylesheets/para/admin/src/_alert.sass +1 -1
  4. data/app/assets/stylesheets/para/admin/src/_base.sass +1 -1
  5. data/app/assets/stylesheets/para/admin/src/_breadcrumb.sass +1 -1
  6. data/app/assets/stylesheets/para/admin/src/_common.sass +53 -54
  7. data/app/assets/stylesheets/para/admin/src/_dropdown.sass +1 -1
  8. data/app/assets/stylesheets/para/admin/src/_form.sass +17 -15
  9. data/app/assets/stylesheets/para/admin/src/_list.sass +8 -6
  10. data/app/assets/stylesheets/para/admin/src/_mixins.sass +13 -13
  11. data/app/assets/stylesheets/para/admin/src/_multi-select.sass +2 -2
  12. data/app/assets/stylesheets/para/admin/src/_navigation.sass +4 -6
  13. data/app/assets/stylesheets/para/admin/src/_navtabs.sass +2 -2
  14. data/app/assets/stylesheets/para/admin/src/_nested-many.sass +3 -3
  15. data/app/assets/stylesheets/para/admin/src/_orderable.sass +2 -2
  16. data/app/assets/stylesheets/para/admin/src/_pagination.sass +5 -5
  17. data/app/assets/stylesheets/para/admin/src/_panel.sass +1 -1
  18. data/app/assets/stylesheets/para/admin/src/_statcard.sass +1 -1
  19. data/app/assets/stylesheets/para/admin/src/_table.sass +1 -1
  20. data/app/assets/stylesheets/para/admin/src/_tree.sass +1 -1
  21. data/app/assets/stylesheets/para/admin/src/_variables.sass +1 -10
  22. data/app/assets/stylesheets/para/admin/src/_well.sass +2 -2
  23. data/app/assets/stylesheets/para/lib/compass/_support.scss +447 -0
  24. data/app/assets/stylesheets/para/lib/compass/css3/_box-shadow.scss +88 -0
  25. data/app/assets/stylesheets/para/lib/compass/css3/_images.scss +152 -0
  26. data/app/assets/stylesheets/para/lib/compass/css3/_inline-block.scss +31 -0
  27. data/app/assets/stylesheets/para/lib/compass/css3/_text-shadow.scss +82 -0
  28. data/app/assets/stylesheets/para/lib/compass/css3/_transform.scss +590 -0
  29. data/app/assets/stylesheets/para/lib/compass/css3/_transition.scss +190 -0
  30. data/app/assets/stylesheets/para/lib/compass/css3/_user-interface.scss +71 -0
  31. data/app/assets/stylesheets/para/lib/compass/utilities/general/_hacks.scss +65 -0
  32. data/app/assets/stylesheets/para/lib/datetimepicker.sass +1 -1
  33. data/app/assets/stylesheets/para/lib/fuelux.sass +2 -2
  34. data/app/assets/stylesheets/para/lib/redactor.sass +5 -5
  35. data/app/assets/stylesheets/para/lib/selectize.sass +6 -7
  36. data/lib/para/version.rb +1 -1
  37. data/lib/para.rb +0 -2
  38. metadata +99 -104
@@ -0,0 +1,190 @@
1
+ @import "para/lib/compass/support";
2
+
3
+ // The the user threshold for transition support. Defaults to `$graceful-usage-threshold`
4
+ $transition-support-threshold: $graceful-usage-threshold !default;
5
+
6
+
7
+ // CSS Transitions
8
+ // Currently only works in Webkit.
9
+ //
10
+ // * expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
11
+ // * We'll be prepared.
12
+ //
13
+ // Including this submodule sets following defaults for the mixins:
14
+ //
15
+ // $default-transition-property : all
16
+ // $default-transition-duration : 1s
17
+ // $default-transition-function : false
18
+ // $default-transition-delay : false
19
+ //
20
+ // Override them if you like. Timing-function and delay are set to false for browser defaults (ease, 0s).
21
+
22
+ $default-transition-property: all !default;
23
+
24
+ $default-transition-duration: 1s !default;
25
+
26
+ $default-transition-function: null !default;
27
+
28
+ $default-transition-delay: null !default;
29
+
30
+ $transitionable-prefixed-values: transform, transform-origin !default;
31
+
32
+
33
+
34
+ // Checks if the value given is a unit of time.
35
+ @function is-time($value) {
36
+ @return if(type-of($value) == number, not not index(s ms, unit($value)), false);
37
+ }
38
+
39
+ // Returns `$property` with the given prefix if it is found in `$transitionable-prefixed-values`.
40
+ @function prefixed-for-transition($prefix, $property) {
41
+ @if not $prefix {
42
+ @return $property;
43
+ }
44
+ @if type-of($property) == list or type-of($property) == arglist {
45
+ $new-list: comma-list();
46
+ @each $v in $property {
47
+ $new-list: append($new-list, prefixed-for-transition($prefix, $v));
48
+ }
49
+ @return $new-list;
50
+ } @else {
51
+ @if index($transitionable-prefixed-values, $property) {
52
+ @return #{$prefix}-#{$property};
53
+ } @else {
54
+ @return $property;
55
+ }
56
+ }
57
+ }
58
+
59
+ // Returns $transition-map which includes key and values that map to a transition declaration
60
+ @function transition-map($transition) {
61
+ $transition-map: ();
62
+
63
+ @each $item in $transition {
64
+ @if is-time($item) {
65
+ @if map-has-key($transition-map, duration) {
66
+ $transition-map: map-merge($transition-map, (delay: $item));
67
+ } @else {
68
+ $transition-map: map-merge($transition-map, (duration: $item));
69
+ }
70
+ } @else if map-has-key($transition-map, property) {
71
+ $transition-map: map-merge($transition-map, (timing-function: $item));
72
+ } @else {
73
+ $transition-map: map-merge($transition-map, (property: $item));
74
+ }
75
+ }
76
+
77
+ @return $transition-map;
78
+ }
79
+
80
+ // One or more properties to transition
81
+ //
82
+ // * for multiple, use a comma-delimited list
83
+ // * also accepts "all" or "none"
84
+
85
+ @mixin transition-property($properties...) {
86
+ $properties: set-arglist-default($properties, $default-transition-property);
87
+ @include with-each-prefix(css-transitions, $transition-support-threshold) {
88
+ $props: if($current-prefix, prefixed-for-transition($current-prefix, $properties), $properties);
89
+ @include prefix-prop(transition-property, $props);
90
+ }
91
+ }
92
+
93
+ // One or more durations in seconds
94
+ //
95
+ // * for multiple, use a comma-delimited list
96
+ // * these durations will affect the properties in the same list position
97
+
98
+ @mixin transition-duration($durations...) {
99
+ $durations: set-arglist-default($durations, $default-transition-duration);
100
+ @include prefixed-properties(css-transitions, $transition-support-threshold, (
101
+ transition-duration: $durations
102
+ ));
103
+ }
104
+
105
+ // One or more timing functions
106
+ //
107
+ // * [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
108
+ // * For multiple, use a comma-delimited list
109
+ // * These functions will effect the properties in the same list position
110
+
111
+ @mixin transition-timing-function($functions...) {
112
+ $functions: set-arglist-default($functions, $default-transition-function);
113
+ @include prefixed-properties(css-transitions, $transition-support-threshold, (
114
+ transition-timing-function: $functions
115
+ ));
116
+ }
117
+
118
+ // One or more transition-delays in seconds
119
+ //
120
+ // * for multiple, use a comma-delimited list
121
+ // * these delays will effect the properties in the same list position
122
+
123
+ @mixin transition-delay($delays...) {
124
+ $delays: set-arglist-default($delays, $default-transition-delay);
125
+ @include prefixed-properties(css-transitions, $transition-support-threshold, (
126
+ transition-delay: $delays
127
+ ));
128
+ }
129
+
130
+ // Transition all-in-one shorthand
131
+
132
+ @mixin single-transition(
133
+ $property: $default-transition-property,
134
+ $duration: $default-transition-duration,
135
+ $function: $default-transition-function,
136
+ $delay: $default-transition-delay
137
+ ) {
138
+ @include transition(compact($property $duration $function $delay));
139
+ }
140
+
141
+ @mixin transition($transitions...) {
142
+ $default: (compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay),);
143
+ $transitions: if(length($transitions) == 1 and type-of(nth($transitions, 1)) == list and list-separator(nth($transitions, 1)) == comma, nth($transitions, 1), $transitions);
144
+ $transitions: set-arglist-default($transitions, $default);
145
+
146
+
147
+ @include with-each-prefix(css-transitions, $transition-support-threshold) {
148
+ $delays: comma-list();
149
+ $transitions-without-delays: comma-list();
150
+ $transitions-with-delays: comma-list();
151
+ $has-delays: false;
152
+
153
+
154
+ // This block can be made considerably simpler at the point in time that
155
+ // we no longer need to deal with the differences in how delays are treated.
156
+ @each $transition in $transitions {
157
+ // Declare initial values for transition
158
+ $transition: transition-map($transition);
159
+
160
+ $property: map-get($transition, property);
161
+ $duration: map-get($transition, duration);
162
+ $timing-function: map-get($transition, timing-function);
163
+ $delay: map-get($transition, delay);
164
+
165
+ // Parse transition string to assign values into correct variables
166
+ $has-delays: $has-delays or $delay;
167
+
168
+ @if $current-prefix == -webkit {
169
+ // Keep a list of delays in case one is specified
170
+ $delays: append($delays, if($delay, $delay, 0s));
171
+ $transitions-without-delays: append($transitions-without-delays,
172
+ prefixed-for-transition($current-prefix, $property) $duration $timing-function);
173
+ } @else {
174
+ $transitions-with-delays: append($transitions-with-delays,
175
+ prefixed-for-transition($current-prefix, $property) $duration $timing-function $delay);
176
+ }
177
+ }
178
+
179
+ @if $current-prefix == -webkit {
180
+ @include prefix-prop(transition, $transitions-without-delays);
181
+ @if $has-delays {
182
+ @include prefix-prop(transition-delay, $delays);
183
+ }
184
+ } @else if $current-prefix {
185
+ @include prefix-prop(transition, $transitions-with-delays);
186
+ } @else {
187
+ transition: $transitions-with-delays;
188
+ }
189
+ }
190
+ }
@@ -0,0 +1,71 @@
1
+ // User Interface
2
+ // This file can be expanded to handle all the user interface properties as
3
+ // they become available in browsers:
4
+ // http://www.w3.org/TR/2000/WD-css3-userint-20000216
5
+
6
+ @import "para/lib/compass/support";
7
+
8
+ // The prefixed support threshold for user-select.
9
+ // Defaults to the $graceful-usage-threshold.
10
+ $userselect-support-threshold: $graceful-usage-threshold !default;
11
+
12
+ // This property controls the selection model and granularity of an element.
13
+ //
14
+ // @param $select
15
+ // [ none | text | toggle | element | elements | all | inherit ]
16
+ @mixin user-select($select) {
17
+ $select: unquote($select);
18
+
19
+ @include with-each-prefix(user-select-none, $userselect-support-threshold) {
20
+ // old Firefox used a proprietary `-moz-none` value, starting with Firefox 21 `none` behaves like `-moz-none`
21
+ // @link https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
22
+ @include prefix-prop(user-select, if($current-prefix == -moz and $select == 'none', -moz-none, $select));
23
+ }
24
+ }
25
+
26
+ // The prefixed support threshold for input-placeholder.
27
+ // Defaults to the $graceful-usage-threshold.
28
+ $input-placeholder-support-threshold: $graceful-usage-threshold !default;
29
+
30
+ // Style the html5 input placeholder in browsers that support it.
31
+ //
32
+ // The styles for the input placeholder are passed as mixin content
33
+ // and the selector comes from the mixin's context.
34
+ //
35
+ // For example:
36
+ //
37
+ // #{elements-of-type(text-input)} {
38
+ // @include input-placeholder {
39
+ // color: #bfbfbf;
40
+ // font-style: italic;
41
+ // }
42
+ // }
43
+ //
44
+ // if you want to apply the placeholder styles to all elements supporting
45
+ // the `input-placeholder` pseudo class (beware of performance impacts):
46
+ //
47
+ // * {
48
+ // @include input-placeholder {
49
+ // color: #bfbfbf;
50
+ // font-style: italic;
51
+ // }
52
+ // }
53
+ @mixin input-placeholder {
54
+ @include with-each-prefix(css-placeholder, $input-placeholder-support-threshold) {
55
+ @if $current-prefix == -webkit {
56
+ &::-webkit-input-placeholder { @content; }
57
+ }
58
+ @elseif $current-prefix == -moz {
59
+ // for Firefox 19 and below
60
+ @if support-legacy-browser("firefox", "4", "19", $threshold: $input-placeholder-support-threshold) {
61
+ &:-moz-placeholder { @content; }
62
+ }
63
+ // for Firefox 20 and above
64
+ &::-moz-placeholder { @content; }
65
+ }
66
+ @elseif $current-prefix == -ms {
67
+ &:-ms-input-placeholder { @content; }
68
+ }
69
+ }
70
+ // This is not standardized yet so no official selector is generated.
71
+ }
@@ -0,0 +1,65 @@
1
+ @import "para/lib/compass/support";
2
+
3
+ // The legacy support threshold for has-layout.
4
+ // Defaults to the $critical-usage-threshold.
5
+ $has-layout-support-threshold: $critical-usage-threshold !default;
6
+
7
+ // The `zoom` approach generates less CSS but does not validate.
8
+ // Set this to `block` to use the display-property to hack the
9
+ // element to gain layout.
10
+ $default-has-layout-approach: zoom !default;
11
+
12
+ // This mixin causes an element matching the selector
13
+ // to gain the "hasLayout" property in internet explorer.
14
+ // More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
15
+ @mixin has-layout($approach: $default-has-layout-approach) {
16
+ @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
17
+ @if $approach == zoom {
18
+ @include has-layout-zoom;
19
+ } @else if $approach == block {
20
+ @include has-layout-block;
21
+ } @else {
22
+ @warn "Unknown has-layout approach: #{$approach}";
23
+ @include has-layout-zoom;
24
+ }
25
+ }
26
+ }
27
+
28
+ @mixin has-layout-zoom {
29
+ @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
30
+ *zoom: 1;
31
+ }
32
+ }
33
+
34
+ @mixin has-layout-block {
35
+ @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
36
+ // This makes ie6 get layout
37
+ display: inline-block;
38
+ // and this puts it back to block
39
+ & { display: block; }
40
+ }
41
+ }
42
+
43
+
44
+ // The legacy support threshold for IE6 attribute hack.
45
+ // Defaults to the $critical-usage-threshold.
46
+ $ie6-attribute-hack-support-threshold: $critical-usage-threshold !default;
47
+
48
+ // A hack to supply IE6 (and below) with a different property value.
49
+ // [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
50
+ @mixin bang-hack($property, $value, $ie6-value) {
51
+ @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
52
+ @warn "it's recommended to use the underscore-hack() mixin instead of bang-hack()";
53
+ #{$property}: #{$value} !important;
54
+ #{$property}: #{$ie6-value};
55
+ }
56
+ }
57
+
58
+ // A hack to supply IE6 (and below) with a different property value.
59
+ // [Read more](http://www.paulirish.com/2009/browser-specific-css-hacks/)
60
+ @mixin underscore-hack($property, $value, $ie6-value) {
61
+ @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
62
+ #{$property}: #{$value};
63
+ _#{$property}: #{$ie6-value};
64
+ }
65
+ }
@@ -7,7 +7,7 @@
7
7
  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current,
8
8
  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current
9
9
  background: $brand-primary
10
- +box-shadow(darken($brand-primary, 10%) 0px 1px 3px 0px inset)
10
+ box-shadow: darken($brand-primary, 10%) 0px 1px 3px 0px inset
11
11
 
12
12
  .xdsoft_calendar td:hover,
13
13
  .xdsoft_timepicker .xdsoft_time_box >div >div:hover,
@@ -19,7 +19,7 @@ input[type=number]::-webkit-outer-spin-button
19
19
  top: 0px
20
20
  margin-left: -1px !important
21
21
  border-color: $input-border
22
- +box-shadow(none)
22
+ box-shadow: none
23
23
  z-index: 2
24
24
  .fa
25
25
  font-size: 1em
@@ -29,7 +29,7 @@ input[type=number]::-webkit-outer-spin-button
29
29
  cursor: not-allowed
30
30
  &:hover,
31
31
  &:focus
32
- +box-shadow(none)
32
+ box-shadow: none
33
33
  .spinner-up,
34
34
  .spinbox-up
35
35
  border-top-left-radius: 0 !important
@@ -19,8 +19,8 @@
19
19
  /* Override z-index because we don't whant */
20
20
  /* redactor_toolbar fixed somewhere or on top of everythink ..*/
21
21
  z-index: 1 !important
22
- +box-shadow(none)
23
- +border-radius($input-border-radius $input-border-radius 0 0)
22
+ box-shadow: none
23
+ border-radius: $input-border-radius $input-border-radius 0 0
24
24
  border: 1px solid $input-border
25
25
  li a
26
26
  &:hover,
@@ -32,7 +32,7 @@
32
32
  background-color: $input-bg
33
33
  border: 1px solid $input-border
34
34
  border-top-width: 0px
35
- +border-radius(0 0 $input-border-radius $input-border-radius)
35
+ border-radius: 0 0 $input-border-radius $input-border-radius
36
36
  &:focus
37
37
  border-color: $input-border-focus
38
38
  background: #FFF
@@ -71,11 +71,11 @@
71
71
  border-color: $input-border
72
72
  background-color: $input-bg
73
73
  color: $input-color
74
- +box-shadow(none)
74
+ box-shadow: none
75
75
  &:focus
76
76
  background-color: #fff
77
77
  border-color: $input-border-focus
78
- +box-shadow(none)
78
+ box-shadow: none
79
79
 
80
80
  footer
81
81
  button.redactor-modal-action-btn
@@ -1,7 +1,6 @@
1
1
  //
2
2
  // Selectize
3
3
  // --------------------------------------------------
4
- @import "compass/css3/user-interface"
5
4
  @import "para/admin/src/variables"
6
5
  @import "para/admin/src/mixins"
7
6
 
@@ -27,7 +26,7 @@
27
26
  border: none
28
27
  margin-top: -6px
29
28
  color: $gray
30
-
29
+
31
30
  //** Dropdown
32
31
 
33
32
  //** Active system
@@ -37,14 +36,14 @@
37
36
  .selectize-input,
38
37
  .selectize-input.full
39
38
  border-color: $input-border
40
- +border-radius($input-border-radius)
39
+ border-radius: $input-border-radius
41
40
  &.focus
42
41
  border-color: $input-border-focus
43
42
  &.dropdown-active
44
- +border-radius($input-border-radius)
43
+ border-radius: $input-border-radius
45
44
  &:after
46
45
  border: none
47
- +transform(rotate(180deg))
46
+ transform: rotate(180deg)
48
47
  margin-top: -6px
49
48
 
50
49
  .selectize-control.single .selectize-input
@@ -67,7 +66,7 @@
67
66
  background: $input-bg
68
67
 
69
68
  .selectize-input.not-full input
70
- +input-placeholder
69
+ ::placeholder
71
70
  color: $input-color-placeholder
72
71
  font-size: 0.9em
73
72
 
@@ -84,7 +83,7 @@
84
83
 
85
84
  .selectize-control.multi .selectize-input > div
86
85
  background-color: $gray-light
87
- +border-radius(2px)
86
+ border-radius: 2px
88
87
  color: $text-color
89
88
  &:hover,
90
89
  &:focus,
data/lib/para/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Para
4
- VERSION = '0.10.0'
4
+ VERSION = '0.11.1'
5
5
  end
data/lib/para.rb CHANGED
@@ -18,14 +18,12 @@ require 'ransack'
18
18
  require 'friendly_id'
19
19
  require 'deep_cloneable'
20
20
  require 'closure_tree'
21
- require 'friendly_id'
22
21
 
23
22
  require 'jquery-rails'
24
23
  require 'turbolinks'
25
24
  require 'sass-rails'
26
25
  require 'selectize-rails'
27
26
  require 'bootstrap-sass'
28
- require 'compass-rails'
29
27
  require 'font-awesome-rails'
30
28
 
31
29
  require 'vertebra'