scrivito-medium-editor 0.0.2

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.
@@ -0,0 +1,57 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ top: 60px;
3
+ border-color: #57ad68 transparent transparent transparent; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ top: -8px;
7
+ border-color: transparent transparent #57ad68 transparent; }
8
+
9
+ .medium-editor-toolbar {
10
+ background-color: #57ad68; }
11
+ .medium-editor-toolbar li {
12
+ padding: 0; }
13
+ .medium-editor-toolbar li button {
14
+ min-width: 60px;
15
+ height: 60px;
16
+ border: none;
17
+ border-right: 1px solid #9ccea6;
18
+ background-color: transparent;
19
+ color: #fff;
20
+ -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
21
+ transition: background-color 0.2s ease-in, color 0.2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #346a3f;
24
+ color: #fff; }
25
+ .medium-editor-toolbar li .medium-editor-button-active {
26
+ background-color: #23482a;
27
+ color: #fff; }
28
+ .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-right: none; }
30
+
31
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
32
+ height: 60px;
33
+ background: #57ad68;
34
+ color: #fff; }
35
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
36
+ color: #fff;
37
+ color: rgba(255, 255, 255, 0.8); }
38
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
39
+ /* Firefox 18- */
40
+ color: #fff;
41
+ color: rgba(255, 255, 255, 0.8); }
42
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
43
+ /* Firefox 19+ */
44
+ color: #fff;
45
+ color: rgba(255, 255, 255, 0.8); }
46
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
47
+ color: #fff;
48
+ color: rgba(255, 255, 255, 0.8); }
49
+ .medium-editor-toolbar-form a {
50
+ color: #fff; }
51
+
52
+ .medium-editor-toolbar-anchor-preview {
53
+ background: #57ad68;
54
+ color: #fff; }
55
+
56
+ .medium-editor-placeholder:after {
57
+ color: #fff; }
@@ -0,0 +1,172 @@
1
+ .clearfix:after {
2
+ display: block;
3
+ visibility: hidden;
4
+ clear: both;
5
+ height: 0;
6
+ content: " ";
7
+ font-size: 0; }
8
+
9
+ @-webkit-keyframes pop-upwards {
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; }
14
+
15
+ 20% {
16
+ -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
+
20
+ 40% {
21
+ -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
+
30
+ 100% {
31
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
32
+ transform: matrix(1, 0, 0, 1, 0, 0);
33
+ opacity: 1; } }
34
+
35
+ @keyframes pop-upwards {
36
+ 0% {
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
+
41
+ 20% {
42
+ -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
+
46
+ 40% {
47
+ -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
+
56
+ 100% {
57
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
58
+ transform: matrix(1, 0, 0, 1, 0, 0);
59
+ opacity: 1; } }
60
+
61
+ .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
62
+ position: absolute;
63
+ left: 50%;
64
+ display: block;
65
+ margin-left: -8px;
66
+ width: 0;
67
+ height: 0;
68
+ border-style: solid;
69
+ content: ""; }
70
+
71
+ .medium-toolbar-arrow-under:after {
72
+ border-width: 8px 8px 0 8px; }
73
+
74
+ .medium-toolbar-arrow-over:before {
75
+ top: -8px;
76
+ border-width: 0 8px 8px 8px; }
77
+
78
+ .medium-editor-toolbar, .medium-editor-anchor-preview {
79
+ position: absolute;
80
+ top: 0;
81
+ left: 0;
82
+ z-index: 2000;
83
+ visibility: hidden;
84
+ font-size: 16px;
85
+ font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
86
+ .medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
87
+ margin: 0;
88
+ padding: 0; }
89
+ .medium-editor-toolbar li, .medium-editor-anchor-preview li {
90
+ float: left;
91
+ 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;
98
+ cursor: pointer;
99
+ font-size: 14px;
100
+ 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 {
104
+ 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;
108
+ 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; }
117
+
118
+ .medium-editor-toolbar-active, .medium-editor-anchor-preview-active {
119
+ visibility: visible; }
120
+
121
+ .sticky-toolbar {
122
+ position: fixed;
123
+ top: 1px; }
124
+
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; }
131
+
132
+ .medium-editor-action-bold {
133
+ font-weight: bolder; }
134
+
135
+ .medium-editor-action-italic {
136
+ font-style: italic; }
137
+
138
+ .medium-editor-toolbar-form {
139
+ 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;
146
+ border: none;
147
+ 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;
151
+ border: none;
152
+ box-shadow: none;
153
+ -webkit-appearance: none;
154
+ -moz-appearance: none; }
155
+ .medium-editor-toolbar-form label {
156
+ display: block; }
157
+ .medium-editor-toolbar-form a {
158
+ display: inline-block;
159
+ margin: 0 10px;
160
+ text-decoration: none;
161
+ font-weight: bolder;
162
+ font-size: 24px; }
163
+
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; }
metadata ADDED
@@ -0,0 +1,97 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: scrivito-medium-editor
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.2
5
+ platform: ruby
6
+ authors:
7
+ - Scrivito
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-02-12 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - '>='
18
+ - !ruby/object:Gem::Version
19
+ version: '0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - '>='
25
+ - !ruby/object:Gem::Version
26
+ version: '0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: scrivito
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - '>='
46
+ - !ruby/object:Gem::Version
47
+ version: '0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - '>='
53
+ - !ruby/object:Gem::Version
54
+ version: '0'
55
+ description: This gem integrates the WYSIWYG JavaScript editor MediumEditor in Scrivito
56
+ UI
57
+ email:
58
+ - support@scrivito.com
59
+ executables: []
60
+ extensions: []
61
+ extra_rdoc_files: []
62
+ files:
63
+ - LICENSE
64
+ - Rakefile
65
+ - app/assets/javascripts/scrivito-medium-editor.js
66
+ - app/assets/stylesheets/scrivito-medium-editor.css
67
+ - lib/scrivito_medium_editor.rb
68
+ - lib/scrivito_medium_editor/engine.rb
69
+ - lib/scrivito_medium_editor/version.rb
70
+ - vendor/assets/javascripts/medium-editor.js
71
+ - vendor/assets/stylesheets/medium-editor-theme-flat.css
72
+ - vendor/assets/stylesheets/medium-editor.css
73
+ homepage: https://scrivito.com
74
+ licenses:
75
+ - LGPL-3.0
76
+ metadata: {}
77
+ post_install_message:
78
+ rdoc_options: []
79
+ require_paths:
80
+ - lib
81
+ required_ruby_version: !ruby/object:Gem::Requirement
82
+ requirements:
83
+ - - '>='
84
+ - !ruby/object:Gem::Version
85
+ version: '0'
86
+ required_rubygems_version: !ruby/object:Gem::Requirement
87
+ requirements:
88
+ - - '>='
89
+ - !ruby/object:Gem::Version
90
+ version: '0'
91
+ requirements: []
92
+ rubyforge_project:
93
+ rubygems_version: 2.4.4
94
+ signing_key:
95
+ specification_version: 4
96
+ summary: MediumEditor for Scrivito
97
+ test_files: []