crimagify 0.0.3.6 → 0.0.3.8
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.
- data/app/assets/images/crimagify/no_selected_image.jpg +0 -0
- data/app/assets/javascripts/crimagify/actions_cropper.js.erb +38 -16
- data/app/assets/stylesheets/crimagify/{cropper.css.scss → cropify_cropper.css.scss} +2 -2
- data/app/assets/stylesheets/crimagify/cropify_mixin.css.scss +85 -0
- data/app/helpers/crimagify/application_helper.rb +17 -8
- data/app/views/crimagify/crop_partials/_fields_cropper.html.erb +4 -4
- data/app/views/crimagify/crop_partials/_nested_cropper.html.erb +4 -3
- data/app/views/crimagify/cropper/params_cropper.js.erb +5 -6
- data/lib/crimagify/engine.rb +0 -1
- data/lib/crimagify/image_functions.rb +13 -16
- data/lib/crimagify/version.rb +1 -1
- data/lib/generators/crimagify/install/install_generator.rb +3 -3
- data/lib/generators/crimagify/install/templates/{cropper.css.scss → cropify_cropper.css.scss} +3 -2
- data/lib/generators/crimagify/install/templates/cropify_mixin.css.scss +107 -0
- data/lib/generators/crimagify/install/templates/{jquery.Jcrop.css → jquery.cropify.Jcrop.css} +1 -1
- data/test/dummy/app/assets/stylesheets/application.css +1 -1
- data/test/dummy/app/assets/stylesheets/cropify_cropper.css.scss +69 -0
- data/test/dummy/app/assets/stylesheets/cropify_mixin.css.scss +107 -0
- data/test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css +165 -0
- data/test/dummy/app/views/products/_form.html.erb +1 -1
- data/test/dummy/app/views/users/_product_fields.html.erb +1 -1
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/db/schema.rb +46 -0
- metadata +18 -12
- data/app/assets/images/crimagify/no_selected.png +0 -0
- data/app/assets/stylesheets/crimagify/mixin.css.scss +0 -191
- data/lib/generators/crimagify/install/templates/mixin.css.scss +0 -191
- data/test/dummy/app/assets/stylesheets/products.css.scss +0 -3
- data/test/dummy/app/assets/stylesheets/users.css +0 -4
- /data/app/assets/stylesheets/crimagify/{jquery.Jcrop.css → jquery.cropify.Jcrop.css} +0 -0
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
@mixin opacity($n:1,$ie:100){
|
|
2
|
-
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
|
|
3
|
-
moz-opacity:$n;
|
|
4
|
-
filter: alpha(opacity=$ie);
|
|
5
|
-
opacity:$n;
|
|
6
|
-
}
|
|
7
|
-
@mixin textShadow($px:2px 1px 1px,$color:#000000){
|
|
8
|
-
text-shadow: $px $color;
|
|
9
|
-
filter: dropshadow(color=$color, offx=2, offy=2);
|
|
10
|
-
}
|
|
11
|
-
@mixin rounded($rounded:5px){
|
|
12
|
-
-webkit-border-radius:$rounded;
|
|
13
|
-
-khtml-border-radius:$rounded;
|
|
14
|
-
-moz-border-radius:$rounded;
|
|
15
|
-
-o-border-radius:$rounded;
|
|
16
|
-
border-radius:$rounded;
|
|
17
|
-
}
|
|
18
|
-
@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
|
|
19
|
-
padding:$padding;
|
|
20
|
-
background:$color url('/assets/sprite.png') $position no-repeat;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@mixin sampleSprite($x){
|
|
24
|
-
background:transparent image-url('/assets/sprite.png') $x no-repeat;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
/**/
|
|
28
|
-
@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
|
|
29
|
-
background:$color url(/assets/system/$imageName$format) $repeat !important;
|
|
30
|
-
}
|
|
31
|
-
/*store.scc.scss*/
|
|
32
|
-
@mixin tableCell(){
|
|
33
|
-
display:table-cell;
|
|
34
|
-
vertical-align:middle;
|
|
35
|
-
text-align:center;
|
|
36
|
-
}
|
|
37
|
-
@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
|
|
38
|
-
-webkit-transition: $position $time $move;
|
|
39
|
-
-moz-transition: $position $time $move;
|
|
40
|
-
-o-transition: $position $time $move;
|
|
41
|
-
-ms-transition: $position $time $move;
|
|
42
|
-
transition: $position $time $move;
|
|
43
|
-
}
|
|
44
|
-
@mixin transformAnimation($scale:1.2){
|
|
45
|
-
-webkit-transform: scale($scale);
|
|
46
|
-
-moz-transform: scale($scale);
|
|
47
|
-
-o-transform: scale($scale);
|
|
48
|
-
-ms-transform: scale($scale);
|
|
49
|
-
transform: scale($scale);
|
|
50
|
-
}
|
|
51
|
-
@mixin animationdelay($time:0.1s){
|
|
52
|
-
-webkit-transition-delay: $time;
|
|
53
|
-
-moz-transition-delay: $time;
|
|
54
|
-
-o-transition-delay: $time;
|
|
55
|
-
-ms-transition-delay: $time;
|
|
56
|
-
transition-delay: $time;
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
@mixin boxShadow($size:1px 1px 1px, $color:#333){
|
|
60
|
-
-webkit-box-shadow: $size $color;
|
|
61
|
-
-moz-box-shadow: $size $color;
|
|
62
|
-
box-shadow: $size $color;
|
|
63
|
-
}
|
|
64
|
-
@mixin rotate($rotate:-180deg){
|
|
65
|
-
-webkit-transform:rotate($rotate);
|
|
66
|
-
-moz-transform:rotate($rotate);
|
|
67
|
-
-o-transform:rotate($rotate);
|
|
68
|
-
-ms-transform:rotate($rotate);
|
|
69
|
-
transform:rotate($rotate);
|
|
70
|
-
}
|
|
71
|
-
@mixin boderRadius($rad){
|
|
72
|
-
-webkit-border-radius:$rad;
|
|
73
|
-
-moz-border-radius:$rad;
|
|
74
|
-
border-radius:$rad;
|
|
75
|
-
}
|
|
76
|
-
@mixin dropShadow($size:2px 2px 12px,$op:0.8){
|
|
77
|
-
filter: drop-shadow($size rgba(0,0,0,$op));
|
|
78
|
-
-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
79
|
-
-moz-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
80
|
-
-o-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
81
|
-
ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
|
|
82
|
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
|
|
83
|
-
//filter: url(#drop-shadow);
|
|
84
|
-
}
|
|
85
|
-
/*Degradiants*/
|
|
86
|
-
|
|
87
|
-
@mixin orange_easy_to_orange_hard_vert(){
|
|
88
|
-
background: #fbac37; /* Old browsers */
|
|
89
|
-
background: -moz-linear-gradient(top, #fbac37 0%, #f97c00 100%); /* FF3.6+ */
|
|
90
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbac37), color-stop(100%,#f97c00)); /* Chrome,Safari4+ */
|
|
91
|
-
background: -webkit-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* Chrome10+,Safari5.1+ */
|
|
92
|
-
background: -o-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* Opera 11.10+ */
|
|
93
|
-
background: -ms-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* IE10+ */
|
|
94
|
-
background: linear-gradient(to bottom, #fbac37 0%,#f97c00 100%); /* W3C */
|
|
95
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac37', endColorstr='#f97c00',GradientType=0 ); /* IE6-9 */
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
@mixin blue_skye_to_blue_hard_vert(){
|
|
99
|
-
background: #3399ff; /* Old browsers */
|
|
100
|
-
background: -moz-linear-gradient(top, #3399ff 0%, #2268ff 100%); /* FF3.6+ */
|
|
101
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
|
|
102
|
-
background: -webkit-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
|
|
103
|
-
background: -o-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
|
|
104
|
-
background: -ms-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* IE10+ */
|
|
105
|
-
background: linear-gradient(to bottom, #3399ff 0%,#2268ff 100%); /* W3C */
|
|
106
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
@mixin blue_easy_to_blue_hard_vert(){
|
|
110
|
-
background: #0099ff; /* Old browsers */
|
|
111
|
-
background: -moz-linear-gradient(top, #0099ff 0%, #0e68ab 100%); /* FF3.6+ */
|
|
112
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0e68ab)); /* Chrome,Safari4+ */
|
|
113
|
-
background: -webkit-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* Chrome10+,Safari5.1+ */
|
|
114
|
-
background: -o-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* Opera 11.10+ */
|
|
115
|
-
background: -ms-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* IE10+ */
|
|
116
|
-
background: linear-gradient(to bottom, #0099ff 0%,#0e68ab 100%); /* W3C */
|
|
117
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0e68ab',GradientType=0 ); /* IE6-9 */
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
@mixin black_easy_to_black_dark(){
|
|
121
|
-
background: #828c95; /* Old browsers */
|
|
122
|
-
background: -moz-linear-gradient(top, #828c95 0%, #28343b 100%); /* FF3.6+ */
|
|
123
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
|
|
124
|
-
background: -webkit-linear-gradient(top, #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
|
|
125
|
-
background: -o-linear-gradient(top, #828c95 0%,#28343b 100%); /* Opera 11.10+ */
|
|
126
|
-
background: -ms-linear-gradient(top, #828c95 0%,#28343b 100%); /* IE10+ */
|
|
127
|
-
background: linear-gradient(to bottom, #828c95 0%,#28343b 100%); /* W3C */
|
|
128
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@mixin generar_triangulo_bottom($lados:50px,$base:100px,$color:#000){
|
|
133
|
-
width: 0;
|
|
134
|
-
height: 0;
|
|
135
|
-
border-left: $lados solid transparent;
|
|
136
|
-
border-right: $lados solid transparent;
|
|
137
|
-
border-top: $base solid $color;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
@mixin generar_triangulo_top($lados:50px,$base:100px,$color:#000){
|
|
141
|
-
width: 0;
|
|
142
|
-
height: 0;
|
|
143
|
-
border-left: $lados solid transparent;
|
|
144
|
-
border-right: $lados solid transparent;
|
|
145
|
-
border-bottom: $base solid $color;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
@mixin generar_triangulo_right($lados:50px,$base:100px,$color:#000){
|
|
149
|
-
width: 0;
|
|
150
|
-
height: 0;
|
|
151
|
-
border-left: $base solid $color;
|
|
152
|
-
border-bottom: $lados solid transparent;
|
|
153
|
-
border-top: $lados solid transparent;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
@mixin generar_triangulo_left($lados:50px,$base:100px,$color:#000){
|
|
157
|
-
width: 0;
|
|
158
|
-
height: 0;
|
|
159
|
-
border-right: $base solid $color;
|
|
160
|
-
border-bottom: $lados solid transparent;
|
|
161
|
-
border-top: $lados solid transparent;
|
|
162
|
-
}
|
|
163
|
-
@mixin red_degradiant_error(){
|
|
164
|
-
background: -moz-linear-gradient(top, rgba(255,69,48,1) 0%, rgba(255,39,20,0.7) 100%); /* FF3.6+ */
|
|
165
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,69,48,1)), color-stop(100%,rgba(255,39,20,0.7))); /* Chrome,Safari4+ */
|
|
166
|
-
background: -webkit-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Chrome10+,Safari5.1+ */
|
|
167
|
-
background: -o-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Opera 11.10+ */
|
|
168
|
-
background: -ms-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* IE10+ */
|
|
169
|
-
background: linear-gradient(to bottom, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* W3C */
|
|
170
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4530', endColorstr='#b3ff2714',GradientType=0 ); /* IE6-9 */
|
|
171
|
-
}
|
|
172
|
-
@mixin green_degradian_validate(){
|
|
173
|
-
background: -moz-linear-gradient(top, rgba(150,197,111,0.9) 0%, rgba(150,197,111,0.9) 34%, rgba(150,197,111,0.6) 100%); /* FF3.6+ */
|
|
174
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,197,111,0.9)), color-stop(34%,rgba(150,197,111,0.9)), color-stop(100%,rgba(150,197,111,0.6))); /* Chrome,Safari4+ */
|
|
175
|
-
background: -webkit-linear-gradient(top, rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Chrome10+,Safari5.1+ */
|
|
176
|
-
background: -o-linear-gradient(top, rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Opera 11.10+ */
|
|
177
|
-
background: -ms-linear-gradient(top, rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* IE10+ */
|
|
178
|
-
background: linear-gradient(to bottom, rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* W3C */
|
|
179
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e696c56f', endColorstr='#9996c56f',GradientType=0 ); /* IE6-9 */
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
@mixin desabled_submit_Color(){
|
|
183
|
-
background: rgb(101,130,181); /* Old browsers */
|
|
184
|
-
background: -moz-linear-gradient(top, rgba(101,130,181,1) 0%, rgba(121,143,181,1) 100%); /* FF3.6+ */
|
|
185
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,130,181,1)), color-stop(100%,rgba(121,143,181,1))); /* Chrome,Safari4+ */
|
|
186
|
-
background: -webkit-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Chrome10+,Safari5.1+ */
|
|
187
|
-
background: -o-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Opera 11.10+ */
|
|
188
|
-
background: -ms-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* IE10+ */
|
|
189
|
-
background: linear-gradient(to bottom, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* W3C */
|
|
190
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6582b5', endColorstr='#798fb5',GradientType=0 ); /* IE6-9 */
|
|
191
|
-
}
|
|
File without changes
|