scrivito-medium-editor 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,133 +1,158 @@
1
- .clearfix:after {
2
- display: block;
3
- visibility: hidden;
4
- clear: both;
5
- height: 0;
6
- content: " ";
7
- font-size: 0; }
1
+ @-webkit-keyframes medium-editor-image-loading {
2
+ 0% {
3
+ -webkit-transform: scale(0);
4
+ transform: scale(0); }
5
+ 100% {
6
+ -webkit-transform: scale(1);
7
+ transform: scale(1); } }
8
8
 
9
- @-webkit-keyframes pop-upwards {
9
+ @keyframes medium-editor-image-loading {
10
10
  0% {
11
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
12
- transform: matrix(0.97, 0, 0, 1, 0, 12);
13
- opacity: 0; }
11
+ -webkit-transform: scale(0);
12
+ transform: scale(0); }
13
+ 100% {
14
+ -webkit-transform: scale(1);
15
+ transform: scale(1); } }
14
16
 
17
+ @-webkit-keyframes medium-editor-pop-upwards {
18
+ 0% {
19
+ opacity: 0;
20
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
21
+ transform: matrix(0.97, 0, 0, 1, 0, 12); }
15
22
  20% {
23
+ opacity: .7;
16
24
  -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
17
- transform: matrix(0.99, 0, 0, 1, 0, 2);
18
- opacity: 0.7; }
19
-
25
+ transform: matrix(0.99, 0, 0, 1, 0, 2); }
20
26
  40% {
27
+ opacity: 1;
21
28
  -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
22
- transform: matrix(1, 0, 0, 1, 0, -1);
23
- opacity: 1; }
24
-
25
- 70% {
26
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
27
- transform: matrix(1, 0, 0, 1, 0, 0);
28
- opacity: 1; }
29
-
29
+ transform: matrix(1, 0, 0, 1, 0, -1); }
30
30
  100% {
31
31
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
32
- transform: matrix(1, 0, 0, 1, 0, 0);
33
- opacity: 1; } }
32
+ transform: matrix(1, 0, 0, 1, 0, 0); } }
34
33
 
35
- @keyframes pop-upwards {
34
+ @keyframes medium-editor-pop-upwards {
36
35
  0% {
36
+ opacity: 0;
37
37
  -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
38
- transform: matrix(0.97, 0, 0, 1, 0, 12);
39
- opacity: 0; }
40
-
38
+ transform: matrix(0.97, 0, 0, 1, 0, 12); }
41
39
  20% {
40
+ opacity: .7;
42
41
  -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
43
- transform: matrix(0.99, 0, 0, 1, 0, 2);
44
- opacity: 0.7; }
45
-
42
+ transform: matrix(0.99, 0, 0, 1, 0, 2); }
46
43
  40% {
44
+ opacity: 1;
47
45
  -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
48
- transform: matrix(1, 0, 0, 1, 0, -1);
49
- opacity: 1; }
50
-
51
- 70% {
52
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
53
- transform: matrix(1, 0, 0, 1, 0, 0);
54
- opacity: 1; }
55
-
46
+ transform: matrix(1, 0, 0, 1, 0, -1); }
56
47
  100% {
57
48
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
58
- transform: matrix(1, 0, 0, 1, 0, 0);
59
- opacity: 1; } }
49
+ transform: matrix(1, 0, 0, 1, 0, 0); } }
60
50
 
61
- .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
51
+ .medium-editor-anchor-preview {
52
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
53
+ font-size: 16px;
54
+ left: 0;
55
+ line-height: 1.4;
56
+ max-width: 280px;
62
57
  position: absolute;
63
- left: 50%;
58
+ text-align: center;
59
+ top: 0;
60
+ word-break: break-all;
61
+ word-wrap: break-word;
62
+ visibility: hidden;
63
+ z-index: 2000; }
64
+ .medium-editor-anchor-preview a {
65
+ color: #fff;
66
+ display: inline-block;
67
+ margin: 5px 5px 10px; }
68
+
69
+ .medium-editor-anchor-preview-active {
70
+ visibility: visible; }
71
+
72
+ .medium-editor-dragover {
73
+ background: #ddd; }
74
+
75
+ .medium-editor-image-loading {
76
+ -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
77
+ animation: medium-editor-image-loading 1s infinite ease-in-out;
78
+ background-color: #333;
79
+ border-radius: 100%;
80
+ display: inline-block;
81
+ height: 40px;
82
+ width: 40px; }
83
+
84
+ .medium-editor-placeholder {
85
+ position: relative; }
86
+ .medium-editor-placeholder:after {
87
+ content: attr(data-placeholder) !important;
88
+ font-style: italic;
89
+ left: 0;
90
+ position: absolute;
91
+ top: 0;
92
+ white-space: pre; }
93
+
94
+ .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
95
+ border-style: solid;
96
+ content: '';
64
97
  display: block;
65
- margin-left: -8px;
66
- width: 0;
67
98
  height: 0;
68
- border-style: solid;
69
- content: ""; }
99
+ left: 50%;
100
+ margin-left: -8px;
101
+ position: absolute;
102
+ width: 0; }
70
103
 
71
104
  .medium-toolbar-arrow-under:after {
72
105
  border-width: 8px 8px 0 8px; }
73
106
 
74
107
  .medium-toolbar-arrow-over:before {
75
- top: -8px;
76
- border-width: 0 8px 8px 8px; }
108
+ border-width: 0 8px 8px 8px;
109
+ top: -8px; }
77
110
 
78
- .medium-editor-toolbar, .medium-editor-anchor-preview {
111
+ .medium-editor-toolbar {
112
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
113
+ font-size: 16px;
114
+ left: 0;
79
115
  position: absolute;
80
116
  top: 0;
81
- left: 0;
82
- z-index: 2000;
83
117
  visibility: hidden;
84
- font-size: 16px;
85
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
86
- .medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
118
+ z-index: 2000; }
119
+ .medium-editor-toolbar ul {
87
120
  margin: 0;
88
121
  padding: 0; }
89
- .medium-editor-toolbar li, .medium-editor-anchor-preview li {
122
+ .medium-editor-toolbar li {
90
123
  float: left;
124
+ list-style: none;
91
125
  margin: 0;
92
- padding: 0;
93
- list-style: none; }
94
- .medium-editor-toolbar li button, .medium-editor-anchor-preview li button {
95
- display: block;
96
- margin: 0;
97
- padding: 15px;
126
+ padding: 0; }
127
+ .medium-editor-toolbar li button {
128
+ box-sizing: border-box;
98
129
  cursor: pointer;
130
+ display: block;
99
131
  font-size: 14px;
100
132
  line-height: 1.33;
101
- text-decoration: none;
102
- box-sizing: border-box; }
103
- .medium-editor-toolbar li .medium-editor-action-underline, .medium-editor-anchor-preview li .medium-editor-action-underline {
133
+ margin: 0;
134
+ padding: 15px;
135
+ text-decoration: none; }
136
+ .medium-editor-toolbar li button:focus {
137
+ outline: none; }
138
+ .medium-editor-toolbar li .medium-editor-action-underline {
104
139
  text-decoration: underline; }
105
- .medium-editor-toolbar li .medium-editor-action-pre, .medium-editor-anchor-preview li .medium-editor-action-pre {
106
- padding: 15px 0;
107
- font-weight: 100;
140
+ .medium-editor-toolbar li .medium-editor-action-pre {
141
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
108
142
  font-size: 12px;
109
- font-family: 'Menlo', monospace; }
110
-
111
- .medium-editor-anchor-preview i {
112
- display: inline-block;
113
- margin: 5px 5px 5px 10px;
114
- text-decoration: underline;
115
- font-style: normal;
116
- cursor: pointer; }
143
+ font-weight: 100;
144
+ padding: 15px 0; }
117
145
 
118
- .medium-editor-toolbar-active, .medium-editor-anchor-preview-active {
146
+ .medium-editor-toolbar-active {
119
147
  visibility: visible; }
120
148
 
121
- .sticky-toolbar {
149
+ .medium-editor-sticky-toolbar {
122
150
  position: fixed;
123
151
  top: 1px; }
124
152
 
125
- .stalker-toolbar {
126
- -webkit-animation: pop-upwards 160ms forwards linear;
127
- -ms-animation: pop-upwards 160ms forwards linear;
128
- animation: pop-upwards 160ms forwards linear;
129
- -webkit-transition: top 0.075s ease-out, left 0.075s ease-out;
130
- transition: top 0.075s ease-out, left 0.075s ease-out; }
153
+ .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
154
+ -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
155
+ animation: medium-editor-pop-upwards 160ms forwards linear; }
131
156
 
132
157
  .medium-editor-action-bold {
133
158
  font-weight: bolder; }
@@ -137,36 +162,45 @@
137
162
 
138
163
  .medium-editor-toolbar-form {
139
164
  display: none; }
140
- .medium-editor-toolbar-form input, .medium-editor-toolbar-form a {
141
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
142
- .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label {
143
- margin: 0;
144
- padding: 6px;
145
- width: 316px;
165
+ .medium-editor-toolbar-form input,
166
+ .medium-editor-toolbar-form a {
167
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
168
+ .medium-editor-toolbar-form .medium-editor-toolbar-input,
169
+ .medium-editor-toolbar-form label {
146
170
  border: none;
171
+ box-sizing: border-box;
147
172
  font-size: 14px;
148
- box-sizing: border-box; }
149
- .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus {
150
- outline: 0;
173
+ margin: 0;
174
+ padding: 6px;
175
+ width: 316px; }
176
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
177
+ .medium-editor-toolbar-form label:focus {
178
+ appearance: none;
151
179
  border: none;
152
180
  box-shadow: none;
153
- -webkit-appearance: none;
154
- -moz-appearance: none; }
181
+ outline: 0; }
155
182
  .medium-editor-toolbar-form label {
156
183
  display: block; }
157
184
  .medium-editor-toolbar-form a {
158
185
  display: inline-block;
159
- margin: 0 10px;
160
- text-decoration: none;
186
+ font-size: 24px;
161
187
  font-weight: bolder;
162
- font-size: 24px; }
188
+ margin: 0 10px;
189
+ text-decoration: none; }
163
190
 
164
- .medium-editor-placeholder {
165
- position: relative; }
166
- .medium-editor-placeholder:after {
167
- position: absolute;
168
- top: 0;
169
- left: 0;
170
- content: attr(data-placeholder) !important;
171
- font-style: italic;
172
- white-space: pre; }
191
+ .medium-editor-toolbar-actions:after {
192
+ clear: both;
193
+ content: "";
194
+ display: table; }
195
+
196
+ [data-medium-editor-element] img {
197
+ max-width: 100%; }
198
+
199
+ [data-medium-editor-element] sub {
200
+ vertical-align: sub; }
201
+
202
+ [data-medium-editor-element] sup {
203
+ vertical-align: super; }
204
+
205
+ .medium-editor-hidden {
206
+ display: none; }
metadata CHANGED
@@ -1,55 +1,55 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: scrivito-medium-editor
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Scrivito
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-02-12 00:00:00.000000000 Z
11
+ date: 2015-07-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - '>='
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
19
  version: '0'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - '>='
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
26
  version: '0'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: scrivito
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - '>='
31
+ - - ">="
32
32
  - !ruby/object:Gem::Version
33
33
  version: '0'
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - '>='
38
+ - - ">="
39
39
  - !ruby/object:Gem::Version
40
40
  version: '0'
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: rake
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - '>='
45
+ - - ">="
46
46
  - !ruby/object:Gem::Version
47
47
  version: '0'
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - '>='
52
+ - - ">="
53
53
  - !ruby/object:Gem::Version
54
54
  version: '0'
55
55
  description: This gem integrates the WYSIWYG JavaScript editor MediumEditor in Scrivito
@@ -80,17 +80,17 @@ require_paths:
80
80
  - lib
81
81
  required_ruby_version: !ruby/object:Gem::Requirement
82
82
  requirements:
83
- - - '>='
83
+ - - ">="
84
84
  - !ruby/object:Gem::Version
85
85
  version: '0'
86
86
  required_rubygems_version: !ruby/object:Gem::Requirement
87
87
  requirements:
88
- - - '>='
88
+ - - ">="
89
89
  - !ruby/object:Gem::Version
90
90
  version: '0'
91
91
  requirements: []
92
92
  rubyforge_project:
93
- rubygems_version: 2.4.4
93
+ rubygems_version: 2.2.2
94
94
  signing_key:
95
95
  specification_version: 4
96
96
  summary: MediumEditor for Scrivito