medium-editor-rails 2.0.9 → 2.1.0

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.
@@ -1,132 +1,163 @@
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: .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: .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
+ padding: inherit;
94
+ margin: inherit; }
95
+
96
+ .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
97
+ border-style: solid;
98
+ content: '';
64
99
  display: block;
65
- margin-left: -8px;
66
- width: 0;
67
100
  height: 0;
68
- border-style: solid;
69
- content: ""; }
101
+ left: 50%;
102
+ margin-left: -8px;
103
+ position: absolute;
104
+ width: 0; }
70
105
 
71
106
  .medium-toolbar-arrow-under:after {
72
107
  border-width: 8px 8px 0 8px; }
73
108
 
74
109
  .medium-toolbar-arrow-over:before {
75
- top: -8px;
76
- border-width: 0 8px 8px 8px; }
110
+ border-width: 0 8px 8px 8px;
111
+ top: -8px; }
77
112
 
78
- .medium-editor-toolbar, .medium-editor-anchor-preview {
113
+ .medium-editor-toolbar {
114
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
115
+ font-size: 16px;
116
+ left: 0;
79
117
  position: absolute;
80
118
  top: 0;
81
- left: 0;
82
- z-index: 2000;
83
119
  visibility: hidden;
84
- font-size: 16px;
85
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
86
- .medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
120
+ z-index: 2000; }
121
+ .medium-editor-toolbar ul {
87
122
  margin: 0;
88
123
  padding: 0; }
89
- .medium-editor-toolbar li, .medium-editor-anchor-preview li {
124
+ .medium-editor-toolbar li {
90
125
  float: left;
126
+ list-style: none;
91
127
  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;
128
+ padding: 0; }
129
+ .medium-editor-toolbar li button {
130
+ box-sizing: border-box;
98
131
  cursor: pointer;
132
+ display: block;
99
133
  font-size: 14px;
100
134
  line-height: 1.33;
101
- text-decoration: none;
102
- box-sizing: border-box; }
103
- .medium-editor-toolbar li button:focus, .medium-editor-anchor-preview li button:focus {
135
+ margin: 0;
136
+ padding: 15px;
137
+ text-decoration: none; }
138
+ .medium-editor-toolbar li button:focus {
104
139
  outline: none; }
105
- .medium-editor-toolbar li .medium-editor-action-underline, .medium-editor-anchor-preview li .medium-editor-action-underline {
140
+ .medium-editor-toolbar li .medium-editor-action-underline {
106
141
  text-decoration: underline; }
107
- .medium-editor-toolbar li .medium-editor-action-pre, .medium-editor-anchor-preview li .medium-editor-action-pre {
108
- padding: 15px 0;
109
- font-weight: 100;
142
+ .medium-editor-toolbar li .medium-editor-action-pre {
143
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
110
144
  font-size: 12px;
111
- font-family: 'Menlo', monospace; }
112
-
113
- .medium-editor-anchor-preview i {
114
- display: inline-block;
115
- margin: 5px 5px 5px 10px;
116
- text-decoration: underline;
117
- font-style: normal;
118
- cursor: pointer; }
145
+ font-weight: 100;
146
+ padding: 15px 0; }
119
147
 
120
- .medium-editor-toolbar-active, .medium-editor-anchor-preview-active {
148
+ .medium-editor-toolbar-active {
121
149
  visibility: visible; }
122
150
 
123
- .sticky-toolbar {
151
+ .medium-editor-sticky-toolbar {
124
152
  position: fixed;
125
153
  top: 1px; }
126
154
 
127
- .medium-editor-toolbar-active.stalker-toolbar {
128
- -webkit-animation: pop-upwards 160ms forwards linear;
129
- animation: pop-upwards 160ms forwards linear; }
155
+ .medium-editor-relative-toolbar {
156
+ position: relative; }
157
+
158
+ .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
159
+ -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
160
+ animation: medium-editor-pop-upwards 160ms forwards linear; }
130
161
 
131
162
  .medium-editor-action-bold {
132
163
  font-weight: bolder; }
@@ -136,67 +167,50 @@
136
167
 
137
168
  .medium-editor-toolbar-form {
138
169
  display: none; }
139
- .medium-editor-toolbar-form input, .medium-editor-toolbar-form a {
140
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
141
- .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label {
170
+ .medium-editor-toolbar-form input,
171
+ .medium-editor-toolbar-form a {
172
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
173
+ .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
174
+ line-height: 14px;
175
+ margin-left: 5px;
176
+ padding-bottom: 5px; }
177
+ .medium-editor-toolbar-form .medium-editor-toolbar-input,
178
+ .medium-editor-toolbar-form label {
179
+ border: none;
180
+ box-sizing: border-box;
181
+ font-size: 14px;
142
182
  margin: 0;
143
183
  padding: 6px;
144
184
  width: 316px;
145
- border: none;
146
- font-size: 14px;
147
- box-sizing: border-box; }
148
- .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus {
149
- outline: 0;
185
+ display: inline-block; }
186
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
187
+ .medium-editor-toolbar-form label:focus {
188
+ -webkit-appearance: none;
189
+ -moz-appearance: none;
190
+ appearance: none;
150
191
  border: none;
151
192
  box-shadow: none;
152
- appearance: none; }
153
- .medium-editor-toolbar-form label {
154
- display: block; }
193
+ outline: 0; }
155
194
  .medium-editor-toolbar-form a {
156
195
  display: inline-block;
157
- margin: 0 10px;
158
- text-decoration: none;
196
+ font-size: 24px;
159
197
  font-weight: bolder;
160
- font-size: 24px; }
161
-
162
- .medium-editor-placeholder {
163
- position: relative; }
164
- .medium-editor-placeholder:after {
165
- position: absolute;
166
- top: 0;
167
- left: 0;
168
- content: attr(data-placeholder) !important;
169
- font-style: italic;
170
- white-space: pre; }
171
-
172
- .medium-editor-dragover {
173
- background: #ddd; }
198
+ margin: 0 10px;
199
+ text-decoration: none; }
174
200
 
175
- .medium-image-loading {
176
- width: 40px;
177
- height: 40px;
178
- background-color: #333;
179
- display: inline-block;
180
- border-radius: 100%;
181
- -webkit-animation: medium-image-loading-animation 1s infinite ease-in-out;
182
- animation: medium-image-loading-animation 1s infinite ease-in-out; }
201
+ .medium-editor-toolbar-actions:after {
202
+ clear: both;
203
+ content: "";
204
+ display: table; }
183
205
 
184
- @-webkit-keyframes medium-image-loading-animation {
185
- 0% {
186
- -webkit-transform: scale(0);
187
- transform: scale(0); }
206
+ [data-medium-editor-element] img {
207
+ max-width: 100%; }
188
208
 
189
- 100% {
190
- -webkit-transform: scale(1);
191
- transform: scale(1);
192
- opacity: 0; } }
209
+ [data-medium-editor-element] sub {
210
+ vertical-align: sub; }
193
211
 
194
- @keyframes medium-image-loading-animation {
195
- 0% {
196
- -webkit-transform: scale(0);
197
- transform: scale(0); }
212
+ [data-medium-editor-element] sup {
213
+ vertical-align: super; }
198
214
 
199
- 100% {
200
- -webkit-transform: scale(1);
201
- transform: scale(1);
202
- opacity: 0; } }
215
+ .medium-editor-hidden {
216
+ display: none; }
@@ -0,0 +1,78 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ border-color: #000 transparent transparent transparent;
3
+ top: 40px; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ border-color: transparent transparent #000 transparent; }
7
+
8
+ .medium-editor-toolbar {
9
+ background-color: #000;
10
+ border: none;
11
+ border-radius: 50px; }
12
+ .medium-editor-toolbar li button {
13
+ background-color: transparent;
14
+ border: none;
15
+ box-sizing: border-box;
16
+ color: #ccc;
17
+ height: 40px;
18
+ min-width: 40px;
19
+ padding: 5px 12px;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #000;
24
+ color: #a2d7c7; }
25
+ .medium-editor-toolbar li .medium-editor-button-first {
26
+ border-bottom-left-radius: 50px;
27
+ border-top-left-radius: 50px;
28
+ padding-left: 24px; }
29
+ .medium-editor-toolbar li .medium-editor-button-last {
30
+ border-bottom-right-radius: 50px;
31
+ border-right: none;
32
+ border-top-right-radius: 50px;
33
+ padding-right: 24px; }
34
+ .medium-editor-toolbar li .medium-editor-button-active {
35
+ background-color: #000;
36
+ color: #a2d7c7; }
37
+
38
+ .medium-editor-toolbar-form {
39
+ background: #000;
40
+ border-radius: 50px;
41
+ color: #ccc;
42
+ overflow: hidden; }
43
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
44
+ background: #000;
45
+ box-sizing: border-box;
46
+ color: #ccc;
47
+ height: 40px;
48
+ padding-left: 16px;
49
+ width: 220px; }
50
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
51
+ color: #f8f5f3;
52
+ color: rgba(248, 245, 243, 0.8); }
53
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
54
+ /* Firefox 18- */
55
+ color: #f8f5f3;
56
+ color: rgba(248, 245, 243, 0.8); }
57
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
58
+ /* Firefox 19+ */
59
+ color: #f8f5f3;
60
+ color: rgba(248, 245, 243, 0.8); }
61
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
62
+ color: #f8f5f3;
63
+ color: rgba(248, 245, 243, 0.8); }
64
+ .medium-editor-toolbar-form a {
65
+ color: #ccc;
66
+ -webkit-transform: translateY(2px);
67
+ transform: translateY(2px); }
68
+ .medium-editor-toolbar-form .medium-editor-toolbar-close {
69
+ margin-right: 16px; }
70
+
71
+ .medium-editor-toolbar-anchor-preview {
72
+ background: #000;
73
+ border-radius: 50px;
74
+ padding: 5px 12px; }
75
+
76
+ .medium-editor-anchor-preview a {
77
+ color: #ccc;
78
+ text-decoration: none; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#000 transparent transparent;top:40px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:transparent;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form a{color:#ccc;-webkit-transform:translateY(2px);transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}
@@ -1,46 +1,46 @@
1
1
  .medium-toolbar-arrow-under:after {
2
- top: 60px;
3
- border-color: #428bca transparent transparent transparent; }
2
+ border-color: #428bca transparent transparent transparent;
3
+ top: 60px; }
4
4
 
5
5
  .medium-toolbar-arrow-over:before {
6
6
  border-color: transparent transparent #428bca transparent; }
7
7
 
8
8
  .medium-editor-toolbar {
9
- border: 1px solid #357ebd;
10
9
  background-color: #428bca;
10
+ border: 1px solid #357ebd;
11
11
  border-radius: 4px; }
12
12
  .medium-editor-toolbar li button {
13
- min-width: 60px;
14
- height: 60px;
13
+ background-color: transparent;
15
14
  border: none;
16
15
  border-right: 1px solid #357ebd;
17
- background-color: transparent;
18
- color: #fff;
19
16
  box-sizing: border-box;
17
+ color: #fff;
18
+ height: 60px;
19
+ min-width: 60px;
20
20
  -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
21
  transition: background-color .2s ease-in, color .2s ease-in; }
22
22
  .medium-editor-toolbar li button:hover {
23
23
  background-color: #3276b1;
24
24
  color: #fff; }
25
25
  .medium-editor-toolbar li .medium-editor-button-first {
26
- border-top-left-radius: 4px;
27
- border-bottom-left-radius: 4px; }
26
+ border-bottom-left-radius: 4px;
27
+ border-top-left-radius: 4px; }
28
28
  .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-bottom-right-radius: 4px;
29
30
  border-right: none;
30
- border-top-right-radius: 4px;
31
- border-bottom-right-radius: 4px; }
31
+ border-top-right-radius: 4px; }
32
32
  .medium-editor-toolbar li .medium-editor-button-active {
33
33
  background-color: #3276b1;
34
34
  color: #fff; }
35
35
 
36
36
  .medium-editor-toolbar-form {
37
37
  background: #428bca;
38
- color: #fff;
39
- border-radius: 4px; }
38
+ border-radius: 4px;
39
+ color: #fff; }
40
40
  .medium-editor-toolbar-form .medium-editor-toolbar-input {
41
- height: 60px;
42
41
  background: #428bca;
43
- color: #fff; }
42
+ color: #fff;
43
+ height: 60px; }
44
44
  .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
45
45
  color: #fff;
46
46
  color: rgba(255, 255, 255, 0.8); }
@@ -60,8 +60,8 @@
60
60
 
61
61
  .medium-editor-toolbar-anchor-preview {
62
62
  background: #428bca;
63
- color: #fff;
64
- border-radius: 4px; }
63
+ border-radius: 4px;
64
+ color: #fff; }
65
65
 
66
66
  .medium-editor-placeholder:after {
67
67
  color: #357ebd; }