scrivito-medium-editor 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []