para 0.10.0 → 0.11.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/para/inputs/nested_many.coffee +9 -3
- data/app/assets/stylesheets/para/admin/src/_alert.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_base.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_breadcrumb.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_common.sass +53 -54
- data/app/assets/stylesheets/para/admin/src/_dropdown.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_form.sass +17 -15
- data/app/assets/stylesheets/para/admin/src/_list.sass +8 -6
- data/app/assets/stylesheets/para/admin/src/_mixins.sass +13 -13
- data/app/assets/stylesheets/para/admin/src/_multi-select.sass +2 -2
- data/app/assets/stylesheets/para/admin/src/_navigation.sass +4 -6
- data/app/assets/stylesheets/para/admin/src/_navtabs.sass +2 -2
- data/app/assets/stylesheets/para/admin/src/_nested-many.sass +3 -3
- data/app/assets/stylesheets/para/admin/src/_orderable.sass +2 -2
- data/app/assets/stylesheets/para/admin/src/_pagination.sass +5 -5
- data/app/assets/stylesheets/para/admin/src/_panel.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_statcard.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_table.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_tree.sass +1 -1
- data/app/assets/stylesheets/para/admin/src/_variables.sass +1 -10
- data/app/assets/stylesheets/para/admin/src/_well.sass +2 -2
- data/app/assets/stylesheets/para/lib/compass/_support.scss +447 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_box-shadow.scss +88 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_images.scss +152 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_inline-block.scss +31 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_text-shadow.scss +82 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_transform.scss +590 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_transition.scss +190 -0
- data/app/assets/stylesheets/para/lib/compass/css3/_user-interface.scss +71 -0
- data/app/assets/stylesheets/para/lib/compass/utilities/general/_hacks.scss +65 -0
- data/app/assets/stylesheets/para/lib/datetimepicker.sass +1 -1
- data/app/assets/stylesheets/para/lib/fuelux.sass +2 -2
- data/app/assets/stylesheets/para/lib/redactor.sass +5 -5
- data/app/assets/stylesheets/para/lib/selectize.sass +6 -7
- data/lib/para/version.rb +1 -1
- data/lib/para.rb +0 -2
- metadata +99 -104
@@ -0,0 +1,152 @@
|
|
1
|
+
@import "para/lib/compass/support";
|
2
|
+
@import "para/lib/compass/utilities/general/hacks";
|
3
|
+
|
4
|
+
$gradient-support-threshold: $graceful-usage-threshold !default;
|
5
|
+
$svg-gradient-shim-threshold: $graceful-usage-threshold !default;
|
6
|
+
$border-image-support-threshold: $graceful-usage-threshold !default;
|
7
|
+
$owg-threshold: $graceful-usage-threshold !default;
|
8
|
+
|
9
|
+
// Compass assumes you will use the official gradient syntax,
|
10
|
+
// unless otherwise instructed.
|
11
|
+
$use-legacy-gradient-syntax: false !default;
|
12
|
+
|
13
|
+
// Create a linear gradient using standard official or legacy syntax.
|
14
|
+
// This function must be included in one of the following
|
15
|
+
// image module mixins to work properly.
|
16
|
+
@function linear-gradient($angle, $details...) {
|
17
|
+
$legacy-syntax: $use-legacy-gradient-syntax;
|
18
|
+
|
19
|
+
@if type-of($angle) != 'number' {
|
20
|
+
$angle: compact($angle);
|
21
|
+
$legacy-syntax: if(index($angle, 'to'), false, true);
|
22
|
+
}
|
23
|
+
|
24
|
+
@if $legacy-syntax {
|
25
|
+
@return _linear-gradient_legacy($angle, $details...);
|
26
|
+
} @else {
|
27
|
+
@return _linear-gradient($angle, $details...);
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
// These browsers support svg but not gradients
|
32
|
+
// so we can shim the gradient with an inline svg file.
|
33
|
+
$browsers-supporting-svg-but-not-gradients: (ie: "9", opera: "9.5-9.6");
|
34
|
+
|
35
|
+
// These browsers require the old webkit gradient syntax
|
36
|
+
$browsers-supporting-old-webkit-gradients: (android: ("2.1", "3"));
|
37
|
+
|
38
|
+
@mixin each-gradient-prefix($values) {
|
39
|
+
@if prefixed(-svg, $values) {
|
40
|
+
@include for-legacy-browsers($browsers-supporting-svg-but-not-gradients,
|
41
|
+
$svg-gradient-shim-threshold)
|
42
|
+
{
|
43
|
+
@include with-prefix(-svg) {
|
44
|
+
@content;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
}
|
48
|
+
@if prefixed(-owg, $values) {
|
49
|
+
@include for-legacy-browsers($browsers-supporting-old-webkit-gradients,
|
50
|
+
$owg-threshold)
|
51
|
+
{
|
52
|
+
@include with-prefix(-owg) {
|
53
|
+
@content;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
}
|
57
|
+
@include with-each-prefix(css-gradients, $gradient-support-threshold) {
|
58
|
+
@if $current-prefix {
|
59
|
+
@if prefixed($current-prefix, $values) {
|
60
|
+
@content;
|
61
|
+
} @else if $debug-browser-support {
|
62
|
+
/* There is not a value that needs to be prefixed with #{$current-prefix} in: #{$values} */
|
63
|
+
}
|
64
|
+
} @else {
|
65
|
+
@content;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
@mixin image-property($property, $values...) {
|
71
|
+
@include each-gradient-prefix($values) {
|
72
|
+
@if $current-prefix {
|
73
|
+
#{$property}: prefix($current-prefix, $values);
|
74
|
+
} @else {
|
75
|
+
#{$property}: $values;
|
76
|
+
}
|
77
|
+
@content;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
// Background property support for vendor prefixing within values.
|
82
|
+
@mixin background($backgrounds...) {
|
83
|
+
@include image-property(background, $backgrounds...);
|
84
|
+
}
|
85
|
+
|
86
|
+
// Set any number of background layers, along with a fallback.
|
87
|
+
// The final argument will be output separately, first, as a css2 fallback.
|
88
|
+
@mixin background-with-css2-fallback($backgrounds...) {
|
89
|
+
@if length($backgrounds) > 1 or prefixed(-css2, $backgrounds) {
|
90
|
+
background: -css2(nth($backgrounds, -1));
|
91
|
+
}
|
92
|
+
@include background($backgrounds...);
|
93
|
+
}
|
94
|
+
|
95
|
+
|
96
|
+
// Background image property support for vendor prefixing within values.
|
97
|
+
@mixin background-image($images...) {
|
98
|
+
@include image-property(background-image, $images...) {
|
99
|
+
@if $current-prefix == -svg {
|
100
|
+
background-size: 100%;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
// Emit a IE-Specific filters that renders a simple linear gradient.
|
106
|
+
// For use in IE 6 - 8. Best practice would have you apply this via a
|
107
|
+
// conditional IE stylesheet, but if you must, you should place this before
|
108
|
+
// any background-image properties that you have specified.
|
109
|
+
//
|
110
|
+
// For the `$orientation` parameter, you can pass `vertical` or `horizontal`.
|
111
|
+
@mixin filter-gradient(
|
112
|
+
$start-color,
|
113
|
+
$end-color,
|
114
|
+
$orientation: vertical
|
115
|
+
) {
|
116
|
+
@include for-legacy-browsers((ie: "8"), $gradient-support-threshold) {
|
117
|
+
@include has-layout;
|
118
|
+
$gradient-type: if($orientation == vertical, 0, 1);
|
119
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
|
124
|
+
// Border image property support for vendor prefixing properties and values.
|
125
|
+
@mixin border-image($value) {
|
126
|
+
@include with-each-prefix(border-image, $border-image-support-threshold) {
|
127
|
+
$border-prefix: $current-prefix;
|
128
|
+
@include each-gradient-prefix($value) {
|
129
|
+
@if $current-prefix and prefixed($current-prefix, $value) {
|
130
|
+
$legacy-value: reject($value, fill);
|
131
|
+
@include prefix-prop(border-image, prefix($current-prefix, $legacy-value), $prefix: $border-prefix);
|
132
|
+
} @else {
|
133
|
+
@include prefix-prop(border-image, $value, $prefix: $border-prefix);
|
134
|
+
}
|
135
|
+
}
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
139
|
+
// List style image property support for vendor prefixing within values.
|
140
|
+
@mixin list-style-image($image) {
|
141
|
+
@include image-property(list-style-image, $image);
|
142
|
+
}
|
143
|
+
|
144
|
+
// List style property support for vendor prefixing within values.
|
145
|
+
@mixin list-style($value) {
|
146
|
+
@include image-property(list-style, $value);
|
147
|
+
}
|
148
|
+
|
149
|
+
// content property support for vendor prefixing within values.
|
150
|
+
@mixin content($value) {
|
151
|
+
@include image-property(content, $value);
|
152
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
@import "para/lib/compass/support";
|
2
|
+
|
3
|
+
// The legacy support for inline-block.
|
4
|
+
// Defaults to the $graceful-usage-threshold.
|
5
|
+
$inline-block-support-threshold: $graceful-usage-threshold !default;
|
6
|
+
|
7
|
+
// Set `$inline-block-alignment` to `none` or `false` to disable the output
|
8
|
+
// of a vertical-align property in the inline-block mixin.
|
9
|
+
// Or set it to a legal value for `vertical-align` to change the default.
|
10
|
+
$inline-block-alignment: middle !default;
|
11
|
+
|
12
|
+
// Provides a cross-browser method to implement `display: inline-block;`
|
13
|
+
@mixin inline-block($alignment: $inline-block-alignment, $ie-alignment: auto) {
|
14
|
+
// legacy support for VERY old firefox
|
15
|
+
@if support-legacy-browser("firefox", "2", $threshold: $inline-block-support-threshold) {
|
16
|
+
display: -moz-inline-stack;
|
17
|
+
}
|
18
|
+
// standard
|
19
|
+
display: inline-block;
|
20
|
+
@if $alignment and $alignment != none {
|
21
|
+
vertical-align: $alignment;
|
22
|
+
}
|
23
|
+
// legacy IE support
|
24
|
+
@if support-legacy-browser("ie", "7", $threshold: $inline-block-support-threshold) {
|
25
|
+
@if $ie-alignment and $ie-alignment != none {
|
26
|
+
*vertical-align: $ie-alignment;
|
27
|
+
}
|
28
|
+
*zoom: 1;
|
29
|
+
*display: inline;
|
30
|
+
}
|
31
|
+
}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
// Text Shadow
|
2
|
+
|
3
|
+
@import "para/lib/compass/support";
|
4
|
+
|
5
|
+
|
6
|
+
// These defaults make the arguments optional for this mixin
|
7
|
+
// If you like, set different defaults in your project
|
8
|
+
|
9
|
+
$default-text-shadow-color : #aaaaaa !default;
|
10
|
+
$default-text-shadow-h-offset : 0px !default;
|
11
|
+
$default-text-shadow-v-offset : 0px !default;
|
12
|
+
$default-text-shadow-blur : 1px !default;
|
13
|
+
$default-text-shadow-spread : false !default;
|
14
|
+
|
15
|
+
|
16
|
+
// Provides cross-browser text shadows when one or more shadows are needed.
|
17
|
+
// Each shadow argument should adhere to the standard css3 syntax for the
|
18
|
+
// text-shadow property.
|
19
|
+
//
|
20
|
+
// Note: if any shadow has a spread parameter, this will cause the mixin
|
21
|
+
// to emit the shadow declaration twice, first without the spread,
|
22
|
+
// then with the spread included. This allows you to progressively
|
23
|
+
// enhance the browsers that do support the spread parameter.
|
24
|
+
@mixin text-shadow(
|
25
|
+
$shadow...
|
26
|
+
) {
|
27
|
+
$shadow: if(length($shadow) > 0, $shadow, default);
|
28
|
+
$default: -compass-space-list(compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color));
|
29
|
+
$shadows-without-spread: join((),(),comma);
|
30
|
+
$shadows: join((),(),comma);
|
31
|
+
$has-spread: false;
|
32
|
+
|
33
|
+
@each $layer in $shadow {
|
34
|
+
$layer: if($layer == 'default', $default, $layer);
|
35
|
+
@if length($layer) > 4 {
|
36
|
+
$has-spread: true;
|
37
|
+
$shadows-without-spread: append($shadows-without-spread, nth($layer,1) nth($layer,2) nth($layer,3) nth($layer,5));
|
38
|
+
$shadows: append($shadows, $layer);
|
39
|
+
} @else {
|
40
|
+
$shadows-without-spread: append($shadows-without-spread, $layer);
|
41
|
+
$shadows: append($shadows, $layer);
|
42
|
+
}
|
43
|
+
}
|
44
|
+
@if $has-spread {
|
45
|
+
text-shadow: $shadows-without-spread;
|
46
|
+
}
|
47
|
+
text-shadow: $shadows;
|
48
|
+
}
|
49
|
+
|
50
|
+
// Provides a single cross-browser CSS text shadow.
|
51
|
+
//
|
52
|
+
// Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
|
53
|
+
// according to the configuration defaults above.
|
54
|
+
@mixin single-text-shadow(
|
55
|
+
$hoff: false,
|
56
|
+
$voff: false,
|
57
|
+
$blur: false,
|
58
|
+
$spread: false,
|
59
|
+
$color: false
|
60
|
+
) {
|
61
|
+
// A lot of people think the color comes first. It doesn't.
|
62
|
+
@if type-of($hoff) == color {
|
63
|
+
$temp-color: $hoff;
|
64
|
+
$hoff: $voff;
|
65
|
+
$voff: $blur;
|
66
|
+
$blur: $spread;
|
67
|
+
$spread: $color;
|
68
|
+
$color: $temp-color;
|
69
|
+
}
|
70
|
+
// Can't rely on default assignment with multiple supported argument orders.
|
71
|
+
$hoff: if($hoff, $hoff, $default-text-shadow-h-offset);
|
72
|
+
$voff: if($voff, $voff, $default-text-shadow-v-offset);
|
73
|
+
$blur: if($blur, $blur, $default-text-shadow-blur );
|
74
|
+
$spread: if($spread, $spread, $default-text-shadow-spread );
|
75
|
+
$color: if($color, $color, $default-text-shadow-color );
|
76
|
+
// We don't need experimental support for this property.
|
77
|
+
@if $color == none or $hoff == none {
|
78
|
+
@include text-shadow(none);
|
79
|
+
} @else {
|
80
|
+
@include text-shadow(compact($hoff $voff $blur $spread $color));
|
81
|
+
}
|
82
|
+
}
|