dante-editor 0.0.10 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +4 -0
  3. data/app/assets/javascripts/dante.js +4 -0
  4. data/app/assets/javascripts/dante/editor.js.coffee +56 -25
  5. data/app/assets/javascripts/dante/tooltip.js.coffee +14 -304
  6. data/app/assets/javascripts/dante/tooltip_widget.js.coffee +10 -0
  7. data/app/assets/javascripts/dante/tooltip_widgets/embed.js.coffee +60 -0
  8. data/app/assets/javascripts/dante/tooltip_widgets/extract.js.coffee +64 -0
  9. data/app/assets/javascripts/dante/tooltip_widgets/uploader.js.coffee +224 -0
  10. data/app/assets/javascripts/dante/view.js.coffee +46 -1
  11. data/app/assets/stylesheets/{dante.css.scss → dante.scss} +0 -0
  12. data/bower.json +1 -1
  13. data/config.rb +2 -2
  14. data/dist/{0.0.10/css → css}/dante-editor.css +0 -0
  15. data/dist/{0.0.10/fonts → fonts}/dante/dante.eot +0 -0
  16. data/dist/{0.0.10/fonts → fonts}/dante/dante.svg +0 -0
  17. data/dist/{0.0.10/fonts → fonts}/dante/dante.ttf +0 -0
  18. data/dist/{0.0.10/fonts → fonts}/dante/dante.woff +0 -0
  19. data/dist/{0.0.10/fonts → fonts}/dante/fontello.eot +0 -0
  20. data/dist/{0.0.10/fonts → fonts}/dante/fontello.svg +0 -0
  21. data/dist/{0.0.10/fonts → fonts}/dante/fontello.ttf +0 -0
  22. data/dist/{0.0.10/fonts → fonts}/dante/fontello.woff +0 -0
  23. data/dist/{0.0.10/images → images}/dante/media-loading-placeholder.png +0 -0
  24. data/dist/{0.0.10/js → js}/dante-editor.js +355 -138
  25. data/lib/dante-editor/version.rb +1 -1
  26. data/source/assets/javascripts/examples/custom_toolbar.js.coffee +30 -0
  27. data/source/custom_toolbar.erb +29 -0
  28. data/source/layouts/layout.erb +1 -1
  29. metadata +20 -47
  30. data/dist/0.0.7/css/dante-editor.css +0 -1077
  31. data/dist/0.0.7/fonts/dante/dante.eot +0 -0
  32. data/dist/0.0.7/fonts/dante/dante.svg +0 -14
  33. data/dist/0.0.7/fonts/dante/dante.ttf +0 -0
  34. data/dist/0.0.7/fonts/dante/dante.woff +0 -0
  35. data/dist/0.0.7/fonts/dante/fontello.eot +0 -0
  36. data/dist/0.0.7/fonts/dante/fontello.svg +0 -36
  37. data/dist/0.0.7/fonts/dante/fontello.ttf +0 -0
  38. data/dist/0.0.7/fonts/dante/fontello.woff +0 -0
  39. data/dist/0.0.7/images/dante/media-loading-placeholder.png +0 -0
  40. data/dist/0.0.7/js/dante-editor.js +0 -2610
  41. data/dist/0.0.8/css/dante-editor.css +0 -1116
  42. data/dist/0.0.8/fonts/dante/dante.eot +0 -0
  43. data/dist/0.0.8/fonts/dante/dante.svg +0 -14
  44. data/dist/0.0.8/fonts/dante/dante.ttf +0 -0
  45. data/dist/0.0.8/fonts/dante/dante.woff +0 -0
  46. data/dist/0.0.8/fonts/dante/fontello.eot +0 -0
  47. data/dist/0.0.8/fonts/dante/fontello.svg +0 -36
  48. data/dist/0.0.8/fonts/dante/fontello.ttf +0 -0
  49. data/dist/0.0.8/fonts/dante/fontello.woff +0 -0
  50. data/dist/0.0.8/images/dante/media-loading-placeholder.png +0 -0
  51. data/dist/0.0.8/js/dante-editor.js +0 -2532
  52. data/dist/0.0.9/css/dante-editor.css +0 -1116
  53. data/dist/0.0.9/fonts/dante/dante.eot +0 -0
  54. data/dist/0.0.9/fonts/dante/dante.svg +0 -14
  55. data/dist/0.0.9/fonts/dante/dante.ttf +0 -0
  56. data/dist/0.0.9/fonts/dante/dante.woff +0 -0
  57. data/dist/0.0.9/fonts/dante/fontello.eot +0 -0
  58. data/dist/0.0.9/fonts/dante/fontello.svg +0 -36
  59. data/dist/0.0.9/fonts/dante/fontello.ttf +0 -0
  60. data/dist/0.0.9/fonts/dante/fontello.woff +0 -0
  61. data/dist/0.0.9/images/dante/media-loading-placeholder.png +0 -0
  62. data/dist/0.0.9/js/dante-editor.js +0 -2575
@@ -1,5 +1,5 @@
1
1
  require "dante-editor/version"
2
2
 
3
3
  module DanteEditor
4
- VERSION = "0.0.10"
4
+ VERSION = "0.0.11"
5
5
  end
@@ -0,0 +1,30 @@
1
+ ##COFFEE LIKE CLASS
2
+
3
+ class window.MyCustomCoffeeTooltip extends Dante.View.TooltipWidget
4
+
5
+ initialize: (opts={})->
6
+ #super
7
+ @icon = opts.icon || "icon-video"
8
+ @title = opts.title || "Add a Custom Thing!"
9
+ @action = opts.action || "custom-embed"
10
+ @current_editor = opts.current_editor
11
+
12
+ handleClick: (ev)->
13
+ alert("This is custom button with coffeescript extend style")
14
+
15
+
16
+ #BACKBONE STYLE EXTEND
17
+ window.MyCustomTooltip = Dante.View.TooltipWidget.extend(
18
+ initialize: (opts={})->
19
+ @icon = opts.icon || "icon-video"
20
+ @title = opts.title || "Add a Custom Thing!"
21
+ @action = opts.action || "custom-embed-simple"
22
+ @current_editor = opts.current_editor
23
+
24
+ handleClick: (ev)->
25
+ alert("This is custom button with backbone extend style")
26
+
27
+ )
28
+
29
+
30
+
@@ -0,0 +1,29 @@
1
+ ---
2
+ title: Dante Editor example
3
+ ---
4
+
5
+ <div id="editor">
6
+ This is a custom toolbar example
7
+ </div>
8
+
9
+ <%= javascript_include_tag "examples/custom_toolbar" %>
10
+
11
+ <script>
12
+
13
+ </script>
14
+
15
+ <script type="text/javascript">
16
+ var btn1 = new window.MyCustomCoffeeTooltip
17
+ var btn2 = new window.MyCustomTooltip
18
+
19
+ editor = new Dante.Editor(
20
+ {
21
+ el: "#editor",
22
+ upload_url: "/uploads/new.json",
23
+ debug: <%= build? ? false : true %>,
24
+ base_widgets: ["uploader"],
25
+ extra_tooltip_widgets: [btn1, btn2]
26
+ }
27
+ )
28
+ editor.start()
29
+ </script>
@@ -13,7 +13,7 @@
13
13
  <div id="header">
14
14
  <div class="logo">
15
15
  <img src="assets/images/dante-editor-logo.png" alt="dante editor" height="21" >
16
- <span>Dante Editor</span>
16
+ <span>Dante Editor - <%= DanteEditor::VERSION %> </span>
17
17
  </div>
18
18
  <a class="github tooltip-left" data-tooltip="Fork me on github" target="_blank" href="https://github.com/michelson/dante">
19
19
  <img src="assets/images/github-logo.png" alt="Fork me on github" height="28" >
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dante-editor
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.10
4
+ version: 0.0.11
5
5
  platform: ruby
6
6
  authors:
7
7
  - Miguel Michelson
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2015-02-06 00:00:00.000000000 Z
12
+ date: 2015-03-26 00:00:00.000000000 Z
13
13
  dependencies: []
14
14
  description: dante-editor yet another Medium editor clone.
15
15
  email:
@@ -43,9 +43,13 @@ files:
43
43
  - app/assets/javascripts/dante/menu.js.coffee
44
44
  - app/assets/javascripts/dante/popover.js.coffee
45
45
  - app/assets/javascripts/dante/tooltip.js.coffee
46
+ - app/assets/javascripts/dante/tooltip_widget.js.coffee
47
+ - app/assets/javascripts/dante/tooltip_widgets/embed.js.coffee
48
+ - app/assets/javascripts/dante/tooltip_widgets/extract.js.coffee
49
+ - app/assets/javascripts/dante/tooltip_widgets/uploader.js.coffee
46
50
  - app/assets/javascripts/dante/utils.js.coffee
47
51
  - app/assets/javascripts/dante/view.js.coffee
48
- - app/assets/stylesheets/dante.css.scss
52
+ - app/assets/stylesheets/dante.scss
49
53
  - app/assets/stylesheets/dante/_animations.scss
50
54
  - app/assets/stylesheets/dante/_caption.scss
51
55
  - app/assets/stylesheets/dante/_debug.scss
@@ -65,50 +69,17 @@ files:
65
69
  - config.rb
66
70
  - config.ru
67
71
  - dante-editor.gemspec
68
- - dist/0.0.10/css/dante-editor.css
69
- - dist/0.0.10/fonts/dante/dante.eot
70
- - dist/0.0.10/fonts/dante/dante.svg
71
- - dist/0.0.10/fonts/dante/dante.ttf
72
- - dist/0.0.10/fonts/dante/dante.woff
73
- - dist/0.0.10/fonts/dante/fontello.eot
74
- - dist/0.0.10/fonts/dante/fontello.svg
75
- - dist/0.0.10/fonts/dante/fontello.ttf
76
- - dist/0.0.10/fonts/dante/fontello.woff
77
- - dist/0.0.10/images/dante/media-loading-placeholder.png
78
- - dist/0.0.10/js/dante-editor.js
79
- - dist/0.0.7/css/dante-editor.css
80
- - dist/0.0.7/fonts/dante/dante.eot
81
- - dist/0.0.7/fonts/dante/dante.svg
82
- - dist/0.0.7/fonts/dante/dante.ttf
83
- - dist/0.0.7/fonts/dante/dante.woff
84
- - dist/0.0.7/fonts/dante/fontello.eot
85
- - dist/0.0.7/fonts/dante/fontello.svg
86
- - dist/0.0.7/fonts/dante/fontello.ttf
87
- - dist/0.0.7/fonts/dante/fontello.woff
88
- - dist/0.0.7/images/dante/media-loading-placeholder.png
89
- - dist/0.0.7/js/dante-editor.js
90
- - dist/0.0.8/css/dante-editor.css
91
- - dist/0.0.8/fonts/dante/dante.eot
92
- - dist/0.0.8/fonts/dante/dante.svg
93
- - dist/0.0.8/fonts/dante/dante.ttf
94
- - dist/0.0.8/fonts/dante/dante.woff
95
- - dist/0.0.8/fonts/dante/fontello.eot
96
- - dist/0.0.8/fonts/dante/fontello.svg
97
- - dist/0.0.8/fonts/dante/fontello.ttf
98
- - dist/0.0.8/fonts/dante/fontello.woff
99
- - dist/0.0.8/images/dante/media-loading-placeholder.png
100
- - dist/0.0.8/js/dante-editor.js
101
- - dist/0.0.9/css/dante-editor.css
102
- - dist/0.0.9/fonts/dante/dante.eot
103
- - dist/0.0.9/fonts/dante/dante.svg
104
- - dist/0.0.9/fonts/dante/dante.ttf
105
- - dist/0.0.9/fonts/dante/dante.woff
106
- - dist/0.0.9/fonts/dante/fontello.eot
107
- - dist/0.0.9/fonts/dante/fontello.svg
108
- - dist/0.0.9/fonts/dante/fontello.ttf
109
- - dist/0.0.9/fonts/dante/fontello.woff
110
- - dist/0.0.9/images/dante/media-loading-placeholder.png
111
- - dist/0.0.9/js/dante-editor.js
72
+ - dist/css/dante-editor.css
73
+ - dist/fonts/dante/dante.eot
74
+ - dist/fonts/dante/dante.svg
75
+ - dist/fonts/dante/dante.ttf
76
+ - dist/fonts/dante/dante.woff
77
+ - dist/fonts/dante/fontello.eot
78
+ - dist/fonts/dante/fontello.svg
79
+ - dist/fonts/dante/fontello.ttf
80
+ - dist/fonts/dante/fontello.woff
81
+ - dist/images/dante/media-loading-placeholder.png
82
+ - dist/js/dante-editor.js
112
83
  - lib/dante-editor.rb
113
84
  - lib/dante-editor/rails.rb
114
85
  - lib/dante-editor/version.rb
@@ -119,6 +90,7 @@ files:
119
90
  - source/assets/javascripts/all.js
120
91
  - source/assets/javascripts/dante-editor.js
121
92
  - source/assets/javascripts/deps.js
93
+ - source/assets/javascripts/examples/custom_toolbar.js.coffee
122
94
  - source/assets/javascripts/spec.js
123
95
  - source/assets/javascripts/specs/cleaner.js.coffee
124
96
  - source/assets/javascripts/specs/dante_view.js.coffee
@@ -129,6 +101,7 @@ files:
129
101
  - source/assets/stylesheets/all.css.scss
130
102
  - source/assets/stylesheets/dante-editor.css.scss
131
103
  - source/assets/stylesheets/normalize.css
104
+ - source/custom_toolbar.erb
132
105
  - source/embeds.html.erb
133
106
  - source/icons/dante.json
134
107
  - source/icons/embed.svg
@@ -1,1077 +0,0 @@
1
- @charset "UTF-8";
2
- @import url(http://fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800);
3
- /* line 3, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_scaffold.scss */
4
- .notesSource {
5
- padding: 0;
6
- margin: 0;
7
- position: relative;
8
- color: rgba(0, 0, 0, 0.8);
9
- text-rendering: optimizeLegibility;
10
- -webkit-font-smoothing: antialiased;
11
- -moz-osx-font-smoothing: grayscale;
12
- -moz-font-feature-settings: liga on; }
13
- /* line 14, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_scaffold.scss */
14
- .notesSource *,
15
- .notesSource *:before,
16
- .notesSource *:after {
17
- box-sizing: border-box; }
18
-
19
- @font-face {
20
- font-family: "dante";
21
- src: url("../fonts/dante/fontello.eot?370dad08");
22
- src: url("../fonts/dante/fontello.eot?370dad08#iefix") format("embedded-opentype"), url("../fonts/dante/fontello.woff?370dad08") format("woff"), url("../fonts/dante/fontello.ttf?370dad08") format("truetype"), url("../fonts/dante/fontello.svg?370dad08#fontello") format("svg");
23
- font-weight: normal;
24
- font-style: normal; }
25
- @font-face {
26
- font-family: "dante-tooltip";
27
- src: url("../fonts/dante/dante.eot?370dad08");
28
- src: url("../fonts/dante/dante.eot?370dad08#iefix") format("embedded-opentype"), url("../fonts/dante/dante.woff?370dad08") format("woff"), url("../fonts/dante/dante.ttf?370dad08") format("truetype"), url("../fonts/dante/dante.svg?370dad08#dante") format("svg");
29
- font-weight: normal;
30
- font-style: normal; }
31
- @-webkit-keyframes pop-upwards {
32
- 0% {
33
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
34
- transform: matrix(0.97, 0, 0, 1, 0, 12);
35
- opacity: 0; }
36
- 20% {
37
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
38
- transform: matrix(0.99, 0, 0, 1, 0, 2);
39
- opacity: .7; }
40
- 40% {
41
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
42
- transform: matrix(1, 0, 0, 1, 0, -1);
43
- opacity: 1; }
44
- 70% {
45
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
46
- transform: matrix(1, 0, 0, 1, 0, 0);
47
- opacity: 1; }
48
- 100% {
49
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
50
- transform: matrix(1, 0, 0, 1, 0, 0);
51
- opacity: 1; } }
52
- @keyframes pop-upward {
53
- 0% {
54
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
55
- transform: matrix(0.97, 0, 0, 1, 0, 12);
56
- opacity: 0; }
57
- 20% {
58
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
59
- transform: matrix(0.99, 0, 0, 1, 0, 2);
60
- opacity: .7; }
61
- 40% {
62
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
63
- transform: matrix(1, 0, 0, 1, 0, -1);
64
- opacity: 1; }
65
- 70% {
66
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
67
- transform: matrix(1, 0, 0, 1, 0, 0);
68
- opacity: 1; }
69
- 100% {
70
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
71
- transform: matrix(1, 0, 0, 1, 0, 0);
72
- opacity: 1; } }
73
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
74
- .postArticle {
75
- position: relative;
76
- -webkit-transform: translateZ(0);
77
- transform: translateZ(0); }
78
- /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
79
- .postArticle .layoutSingleColumn {
80
- width: 700px;
81
- margin-left: auto;
82
- margin-right: auto; }
83
- @media (max-width: 800px) {
84
- /* line 5, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
85
- .postArticle .layoutSingleColumn {
86
- width: 640px; } }
87
- @media (max-width: 680px) {
88
- /* line 5, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
89
- .postArticle .layoutSingleColumn {
90
- width: auto;
91
- margin-left: 20px;
92
- margin-right: 20px; } }
93
-
94
- /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
95
- .postWrapper,
96
- .postWrapper-inner {
97
- position: relative;
98
- *zoom: 1; }
99
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
100
- .postWrapper:before, .postWrapper:after,
101
- .postWrapper-inner:before,
102
- .postWrapper-inner:after {
103
- content: " ";
104
- display: table; }
105
- /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
106
- .postWrapper:after,
107
- .postWrapper-inner:after {
108
- clear: both; }
109
-
110
- /* line 28, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
111
- .postWrapper {
112
- overflow: hidden; }
113
- /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
114
- .is-postEditMode .postWrapper {
115
- display: none; }
116
- /* line 32, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
117
- .is-postEditModeInitialized .postWrapper {
118
- display: block; }
119
-
120
- /* line 35, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
121
- .postContent {
122
- font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
123
- letter-spacing: 0.01rem;
124
- font-weight: 400;
125
- font-style: normal;
126
- font-size: 19px;
127
- line-height: 1.69; }
128
-
129
- /* line 47, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
130
- .postField, .postField:focus {
131
- outline: 0;
132
- word-break: break-word;
133
- word-wrap: break-word; }
134
-
135
- /* line 54, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
136
- .postField--body {
137
- *zoom: 1;
138
- margin-bottom: 30px; }
139
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
140
- .postField--body:before, .postField--body:after {
141
- content: " ";
142
- display: table; }
143
- /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
144
- .postField--body:after {
145
- clear: both; }
146
-
147
- /* line 59, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
148
- .section--last {
149
- padding-bottom: 5px; }
150
-
151
- /* line 63, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
152
- .section-content {
153
- *zoom: 1; }
154
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
155
- .section-content:before, .section-content:after {
156
- content: " ";
157
- display: table; }
158
- /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
159
- .section-content:after {
160
- clear: both; }
161
-
162
- /* line 67, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
163
- .section-inner {
164
- position: relative; }
165
-
166
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
167
- .dante-icon:before {
168
- display: inline-block;
169
- font-family: "dante";
170
- font-style: normal;
171
- font-variant: normal;
172
- font-weight: normal;
173
- line-height: 1em;
174
- text-align: center;
175
- text-decoration: inherit;
176
- text-transform: none; }
177
-
178
- /* line 15, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
179
- .icon-h2:before {
180
- content: "H1"; }
181
-
182
- /* line 16, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
183
- .icon-h3:before {
184
- content: "H2"; }
185
-
186
- /* line 17, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
187
- .icon-h4:before {
188
- content: "H3"; }
189
-
190
- /* line 18, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
191
- .icon-p:before {
192
- content: "P"; }
193
-
194
- /* line 19, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
195
- .icon-code:before {
196
- content: ""; }
197
-
198
- /* line 20, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
199
- .icon-insertorderedlist:before {
200
- content: ""; }
201
-
202
- /* line 21, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
203
- .icon-insertunorderedlist:before {
204
- content: ""; }
205
-
206
- /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
207
- .icon-inserthorizontalrule:before {
208
- content: ""; }
209
-
210
- /* line 23, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
211
- .icon-indent:before {
212
- content: ""; }
213
-
214
- /* line 24, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
215
- .icon-outdent:before {
216
- content: ""; }
217
-
218
- /* line 25, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
219
- .icon-bold:before {
220
- content: ""; }
221
-
222
- /* line 26, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
223
- .icon-italic:before {
224
- content: ""; }
225
-
226
- /* line 27, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
227
- .icon-underline:before {
228
- content: ""; }
229
-
230
- /* line 28, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
231
- .icon-createlink:before {
232
- content: ""; }
233
-
234
- /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
235
- .icon-blockquote:before {
236
- content: ""; }
237
-
238
- /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
239
- .icon-h2:before,
240
- .icon-h3:before,
241
- .icon-h4:before {
242
- font-weight: bold; }
243
-
244
- /* line 39, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
245
- .tooltip-icon:before {
246
- font-family: 'dante-tooltip';
247
- speak: none;
248
- font-style: normal;
249
- font-weight: normal;
250
- font-variant: normal;
251
- text-transform: none;
252
- line-height: 1;
253
- -webkit-font-smoothing: antialiased;
254
- -moz-osx-font-smoothing: grayscale; }
255
-
256
- /* line 54, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
257
- .icon-video:before {
258
- content: "\e600"; }
259
-
260
- /* line 55, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
261
- .icon-image:before {
262
- content: "\e601"; }
263
-
264
- /* line 56, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
265
- .icon-plus:before {
266
- content: "\e602"; }
267
-
268
- /* line 57, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
269
- .icon-embed:before {
270
- content: "\e603"; }
271
-
272
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
273
- .dante-menu {
274
- position: absolute;
275
- visibility: hidden;
276
- z-index: 1000;
277
- -webkit-transition: none;
278
- transition: none;
279
- display: none;
280
- top: 0;
281
- left: 0;
282
- display: block;
283
- white-space: nowrap;
284
- height: 45px;
285
- background: linear-gradient(to bottom, #262626, #333) repeat scroll 0 0 #333;
286
- border: 1px solid #262626;
287
- border-radius: 5px;
288
- box-shadow: 1px 2px 3px -2px #222; }
289
- /* line 23, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
290
- .dante-menu:after, .dante-menu:before {
291
- content: "";
292
- height: 0;
293
- width: 0;
294
- position: absolute;
295
- left: 50%;
296
- pointer-events: none;
297
- border: 8px solid transparent;
298
- margin-left: -4px; }
299
- /* line 34, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
300
- .dante-menu:after {
301
- border-top-color: #333;
302
- bottom: -15px; }
303
- /* line 38, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
304
- .dante-menu:before {
305
- border-top-color: #262626;
306
- bottom: -16px; }
307
-
308
- /* line 45, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
309
- .dante-menu--active {
310
- display: inline-block;
311
- visibility: visible;
312
- -webkit-animation: pop-upwards 180ms forwards linear;
313
- animation: pop-upwards 180ms forwards linear; }
314
-
315
- /* line 53, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
316
- .dante-menu--linkmode .dante-menu-buttons {
317
- visibility: hidden; }
318
- /* line 56, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
319
- .dante-menu--linkmode .dante-menu-linkinput {
320
- display: block; }
321
- /* line 59, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
322
- .dante-menu--linkmode .dante-menu-input {
323
- -webkit-animation: pop-upwards 180ms forwards linear;
324
- animation: pop-upwards 180ms forwards linear; }
325
-
326
- /* line 66, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
327
- .dante-menu-buttons {
328
- list-style: none;
329
- margin: 0;
330
- padding: 0;
331
- line-height: 0; }
332
-
333
- /* line 73, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
334
- .dante-menu-button {
335
- min-width: 20px;
336
- display: inline-block;
337
- padding-left: 10px;
338
- padding-right: 10px;
339
- overflow: hidden;
340
- text-align: center;
341
- color: #FFFFFF;
342
- cursor: pointer;
343
- font-size: 16px;
344
- line-height: 43px;
345
- height: 43px;
346
- -webkit-user-select: none;
347
- -moz-user-select: none;
348
- -ms-user-select: none;
349
- user-select: none; }
350
- /* line 93, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
351
- .dante-menu-button.active {
352
- color: #5BD974; }
353
- /* line 97, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
354
- .dante-menu-button:first-child {
355
- border-top-left-radius: 5px;
356
- border-bottom-left-radius: 5px;
357
- padding-left: 18px; }
358
- /* line 102, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
359
- .dante-menu-button:last-child {
360
- border-top-right-radius: 5px;
361
- border-bottom-right-radius: 5px;
362
- padding-right: 18px; }
363
-
364
- /* line 111, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
365
- .dante-menu-linkinput {
366
- display: none;
367
- position: absolute;
368
- top: 0;
369
- left: 0;
370
- right: 0;
371
- bottom: 0; }
372
- /* line 119, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
373
- .dante-menu-linkinput .dante-menu-button {
374
- position: absolute;
375
- top: 0;
376
- right: 0; }
377
-
378
- /* line 126, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
379
- .dante-menu-input {
380
- position: absolute;
381
- top: 0;
382
- left: 0;
383
- background: transparent;
384
- width: 100%;
385
- padding: 13px 40px 13px 10px;
386
- color: #FFFFFF;
387
- border: none;
388
- outline: none;
389
- font-size: 16px;
390
- box-sizing: border-box;
391
- border-radius: 5px;
392
- appearance: none;
393
- text-align: left;
394
- font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
395
- letter-spacing: 0.01rem;
396
- font-weight: 400;
397
- font-style: normal;
398
- text-rendering: optimizeLegibility;
399
- -webkit-font-smoothing: antialiased;
400
- -moz-osx-font-smoothing: grayscale;
401
- -moz-font-feature-settings: "liga" on; }
402
-
403
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
404
- .inlineTooltip {
405
- position: absolute;
406
- z-index: 900;
407
- width: 32px;
408
- height: 32px;
409
- -webkit-transition: opacity 100ms, width 0 linear 250ms;
410
- transition: opacity 100ms, width 0 linear 250ms;
411
- padding: 0;
412
- font-size: 0;
413
- opacity: 0;
414
- pointer-events: none; }
415
- /* line 16, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
416
- .inlineTooltip.is-active {
417
- opacity: 1;
418
- pointer-events: auto; }
419
- /* line 20, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
420
- .inlineTooltip.is-scaled {
421
- width: 178px;
422
- -webkit-transition-delay: 0;
423
- transition-delay: 0; }
424
-
425
- /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
426
- .inlineTooltip-menu {
427
- display: inline-block;
428
- padding-left: 22px; }
429
- /* line 33, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
430
- .inlineTooltip-menu button {
431
- margin-right: 9px; }
432
-
433
- /* line 42, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
434
- .inlineTooltip-button {
435
- display: inline-block;
436
- position: relative;
437
- outline: 0;
438
- padding: 0;
439
- vertical-align: bottom;
440
- box-sizing: border-box;
441
- border-radius: 999em;
442
- cursor: pointer;
443
- font-size: 14px;
444
- text-decoration: none;
445
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
446
- letter-spacing: -0.02em;
447
- font-weight: 400;
448
- font-style: normal;
449
- white-space: nowrap;
450
- text-rendering: auto;
451
- text-align: center;
452
- text-rendering: optimizeLegibility;
453
- -webkit-font-smoothing: antialiased;
454
- -moz-osx-font-smoothing: grayscale;
455
- -moz-font-feature-settings: "liga" on;
456
- width: 32px;
457
- height: 32px;
458
- line-height: 32px;
459
- -webkit-transition: 100ms border-color, 100ms color;
460
- transition: 100ms border-color, 100ms color;
461
- background: transparent;
462
- border: 1px solid;
463
- border-color: rgba(0, 0, 0, 0.44);
464
- color: rgba(0, 0, 0, 0.44); }
465
- /* line 75, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
466
- .inlineTooltip-button:hover {
467
- border-color: rgba(0, 0, 0, 0.9);
468
- color: rgba(0, 0, 0, 0.9); }
469
- /* line 82, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
470
- .inlineTooltip-button.scale {
471
- -webkit-transform: scale(0);
472
- -ms-transform: scale(0);
473
- transform: scale(0);
474
- -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
475
- transition: transform 100ms, 100ms border-color, 100ms color; }
476
- /* line 89, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
477
- .is-scaled .inlineTooltip-button.scale {
478
- -webkit-transform: scale(1);
479
- -ms-transform: scale(1);
480
- transform: scale(1);
481
- -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
482
- transition: transform 250ms, 100ms border-color, 100ms color; }
483
- /* line 96, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
484
- .inlineTooltip-button.scale:nth-child(2) {
485
- -webkit-transition-delay: 30ms;
486
- transition-delay: 30ms; }
487
- /* line 100, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
488
- .inlineTooltip-button.scale:nth-child(3) {
489
- -webkit-transition-delay: 60ms;
490
- transition-delay: 60ms; }
491
- /* line 104, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
492
- .inlineTooltip-button.scale:nth-child(4) {
493
- -webkit-transition-delay: 90ms;
494
- transition-delay: 90ms; }
495
- /* line 112, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
496
- .inlineTooltip-button.control {
497
- -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
498
- transition: transform 100ms, 100ms border-color, 100ms color;
499
- -webkit-transform: rotate(0);
500
- -ms-transform: rotate(0);
501
- transform: rotate(0); }
502
- /* line 119, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
503
- .is-scaled .inlineTooltip-button.control {
504
- -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
505
- transition: transform 250ms, 100ms border-color, 100ms color;
506
- -webkit-transform: rotate(45deg);
507
- -ms-transform: rotate(45deg);
508
- transform: rotate(45deg);
509
- border-color: rgba(0, 0, 0, 0.9);
510
- color: rgba(0, 0, 0, 0.9); }
511
-
512
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
513
- .popover {
514
- overflow: hidden;
515
- position: absolute;
516
- z-index: 900;
517
- visibility: visible;
518
- font-size: 12px;
519
- text-align: center;
520
- opacity: 0;
521
- pointer-events: auto;
522
- padding: 15px;
523
- font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
524
- letter-spacing: -0.02em;
525
- font-weight: 400;
526
- font-style: normal;
527
- line-height: 1.4; }
528
- /* line 17, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
529
- .popover.is-active {
530
- opacity: 1; }
531
-
532
- /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
533
- .popover-inner {
534
- position: relative;
535
- max-width: 280px;
536
- border-radius: 4px;
537
- padding: 8px; }
538
- /* line 27, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
539
- .popover-inner a {
540
- color: inherit;
541
- text-decoration: none; }
542
-
543
- /* line 33, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
544
- .popover--tooltip {
545
- pointer-events: none; }
546
-
547
- /* line 37, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
548
- .popover--linkTooltip {
549
- pointer-events: auto;
550
- z-index: 300;
551
- word-break: break-word;
552
- word-wrap: break-word; }
553
-
554
- /*
555
- .popover.is-withTransition {
556
- -webkit-transition:opacity 100ms ease;
557
- transition:opacity 100ms ease;
558
- }
559
-
560
- .is-resizing .popover {
561
- opacity:0;
562
- -webkit-transition:opacity 0 ease;
563
- transition:opacity 0 ease;
564
- }
565
- */
566
- /* line 58, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
567
- .popover-inner {
568
- background-color: rgba(0, 0, 0, 0.8);
569
- color: #fff; }
570
-
571
- /* line 62, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
572
- .popover-arrow {
573
- position: absolute; }
574
-
575
- /* line 65, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
576
- .popover-arrow:after {
577
- background-color: rgba(0, 0, 0, 0.8); }
578
-
579
- /* line 69, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
580
- .popover--top .popover-arrow,
581
- .popover--bottom .popover-arrow {
582
- left: 50%;
583
- margin-left: -7px; }
584
-
585
- /* line 75, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
586
- .popover--left .popover-arrow,
587
- .popover--right .popover-arrow {
588
- top: 50%;
589
- margin-top: -7px; }
590
-
591
- /* line 81, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
592
- .popover--top .popover-arrow {
593
- bottom: 1px;
594
- clip: rect(0 18px 18px 4px); }
595
-
596
- /* line 86, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
597
- .popover--right .popover-arrow {
598
- left: 1px;
599
- clip: rect(-4px 14px 18px 0); }
600
-
601
- /* line 91, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
602
- .popover--bottom .popover-arrow {
603
- top: 1px;
604
- clip: rect(0 18px 14px -1px); }
605
-
606
- /* line 96, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
607
- .popover--left .popover-arrow {
608
- right: 1px;
609
- clip: rect(-4px 14px 18px 0); }
610
-
611
- /* line 101, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
612
- .popover-arrow:after {
613
- content: '';
614
- display: block;
615
- width: 14px;
616
- height: 14px; }
617
-
618
- /* line 108, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
619
- .popover--top .popover-arrow:after {
620
- -webkit-transform: rotate(45deg) translate(-5px, -5px);
621
- -ms-transform: rotate(45deg) translate(-5px, -5px);
622
- transform: rotate(45deg) translate(-5px, -5px);
623
- box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.8); }
624
-
625
- /* line 115, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
626
- .popover--right .popover-arrow:after {
627
- -webkit-transform: rotate(45deg) translate(6px, -6px);
628
- -ms-transform: rotate(45deg) translate(6px, -6px);
629
- transform: rotate(45deg) translate(6px, -6px);
630
- box-shadow: -1px 1px 1px -1px rgba(0, 0, 0, 0.8); }
631
-
632
- /* line 122, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
633
- .popover--bottom .popover-arrow:after {
634
- -webkit-transform: rotate(45deg) translate(6px, 6px);
635
- -ms-transform: rotate(45deg) translate(6px, 6px);
636
- transform: rotate(45deg) translate(6px, 6px);
637
- box-shadow: -1px -1px 1px -1px rgba(0, 0, 0, 0.44); }
638
-
639
- /* line 129, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
640
- .popover--left .popover-arrow:after {
641
- -webkit-transform: rotate(45deg) translate(-6px, 6px);
642
- -ms-transform: rotate(45deg) translate(-6px, 6px);
643
- transform: rotate(45deg) translate(-6px, 6px);
644
- box-shadow: 1px -1px 1px -1px rgba(0, 0, 0, 0.8); }
645
-
646
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
647
- .graf--h2,
648
- .graf--h3,
649
- .graf--h4,
650
- .graf--h5,
651
- .graf--h6,
652
- .graf--h7,
653
- .postList,
654
- .graf--figure,
655
- .graf--blockquote,
656
- .graf--pullquote,
657
- .graf--p,
658
- .graf--pre {
659
- margin: 0; }
660
-
661
- /* line 16, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
662
- .graf--p,
663
- .graf--blockquote,
664
- .graf--pullquote {
665
- margin-bottom: 30px; }
666
-
667
- /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
668
- .graf--h2 {
669
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
670
- font-size: 60px;
671
- font-style: normal;
672
- font-weight: 700;
673
- letter-spacing: -0.04em;
674
- line-height: 1;
675
- margin-bottom: 8px;
676
- margin-left: -3px;
677
- margin-top: 40px;
678
- padding-top: 0; }
679
-
680
- /* line 34, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
681
- .graf--h3 {
682
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
683
- letter-spacing: -0.02em;
684
- font-weight: 700;
685
- font-style: normal;
686
- font-size: 36px;
687
- margin-left: -1.8px;
688
- line-height: 1.2;
689
- margin-top: 40px;
690
- margin-bottom: 4px; }
691
-
692
- /* line 45, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
693
- .graf--h4 {
694
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
695
- letter-spacing: -0.02em;
696
- font-weight: 300;
697
- font-style: normal;
698
- font-size: 30px;
699
- margin-left: -1.5px;
700
- line-height: 1.2;
701
- color: rgba(0, 0, 0, 0.44);
702
- margin-top: 40px;
703
- margin-bottom: 2px; }
704
-
705
- /* line 58, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
706
- .section--first .graf--h2.graf--first,
707
- .section--first .graf--h3.graf--first,
708
- .section--first .graf--h4.graf--first {
709
- margin-top: 0;
710
- padding-top: 0; }
711
-
712
- /* line 65, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
713
- .graf--h2 + .graf--h2 {
714
- margin-top: -8px; }
715
-
716
- /* line 69, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
717
- .graf--h2 + .graf--h3,
718
- .graf--h2 + .graf--h4 {
719
- margin-top: -6px; }
720
-
721
- /* line 74, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
722
- .graf--h3 + .graf--h2,
723
- .graf--h4 + .graf--h2 {
724
- margin-top: 2px; }
725
-
726
- /* line 79, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
727
- .graf--h3 + .graf--h4,
728
- .graf--h4 + .graf--h3 {
729
- margin-top: -2px; }
730
-
731
- /* line 84, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
732
- .graf--h2 + .postList,
733
- .graf--h3 + .postList,
734
- .graf--h4 + .postList {
735
- margin-top: 10px; }
736
-
737
- /* line 90, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
738
- .graf--h2 + .graf--p.graf--empty,
739
- .graf--h3 + .graf--p.graf--empty,
740
- .graf--h4 + .graf--p.graf--empty {
741
- margin-bottom: -7px;
742
- margin-top: -7px; }
743
-
744
- /* line 97, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
745
- .graf--h2 + .graf--p.graf--empty + .graf--h2,
746
- .graf--h3 + .graf--p.graf--empty + .graf--h2,
747
- .graf--h4 + .graf--p.graf--empty + .graf--h2 {
748
- margin-top: -5px; }
749
-
750
- /* line 103, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
751
- .graf--h2 + .graf--p.graf--empty + .graf--h3,
752
- .graf--h3 + .graf--p.graf--empty + .graf--h3,
753
- .graf--h4 + .graf--p.graf--empty + .graf--h3,
754
- .graf--h2 + .graf--p.graf--empty + .graf--h4,
755
- .graf--h3 + .graf--p.graf--empty + .graf--h4,
756
- .graf--h4 + .graf--p.graf--empty + .graf--h4 {
757
- margin-top: -8px; }
758
-
759
- /* line 113, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
760
- .graf--blockquote {
761
- font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
762
- border-left: 3px solid rgba(0, 0, 0, 0.8);
763
- font-style: italic;
764
- font-weight: 400;
765
- letter-spacing: 0.01rem;
766
- margin-left: -23px;
767
- padding-bottom: 3px;
768
- padding-left: 20px; }
769
-
770
- /* line 123, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
771
- .graf--blockquote + .graf--blockquote {
772
- margin-top: -30px;
773
- padding-top: 30px; }
774
-
775
- /* line 128, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
776
- .graf--pullquote {
777
- line-height: 1.4;
778
- text-align: center;
779
- font-size: 32px;
780
- margin: 48px -160px;
781
- border: none;
782
- padding: 0;
783
- font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
784
- letter-spacing: 0.01rem;
785
- font-weight: 400;
786
- font-style: italic;
787
- -webkit-transition: margin 100ms;
788
- transition: margin 100ms; }
789
-
790
- /* line 143, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
791
- .graf--pre {
792
- background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
793
- font-family: Menlo, Monaco, Consolas, "Courier New", "Courier", monospace;
794
- font-size: 16px;
795
- margin-bottom: 20px;
796
- padding: 20px;
797
- white-space: pre-wrap; }
798
-
799
- /* line 151, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
800
- .graf--pre + .graf--pre {
801
- margin-top: -20px; }
802
-
803
- /* line 156, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
804
- .graf--figure {
805
- box-sizing: border-box;
806
- clear: both;
807
- margin-bottom: 30px;
808
- outline: medium none;
809
- position: relative; }
810
- /* line 163, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
811
- .graf--figure.is-mediaFocused .graf-image, .graf--figure.is-mediaFocused iframe {
812
- box-shadow: 0 0 0 3px #57ad68; }
813
-
814
- /* line 170, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
815
- .graf--mixtapeEmbed a {
816
- text-decoration: none; }
817
-
818
- /* line 175, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
819
- .graf--h4 + .graf--figure,
820
- .graf--h3 + .graf--figure,
821
- .graf--h2 + .graf--figure {
822
- margin-top: 15px; }
823
-
824
- /* line 181, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
825
- .graf--first {
826
- margin-top: 0;
827
- padding-top: 0; }
828
-
829
- /*.graf--empty {
830
- margin-bottom: -7px;
831
- margin-top: -7px;
832
- }*/
833
- /* line 191, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
834
- p[data-align="center"],
835
- .graf--h2[data-align="center"],
836
- .graf--h3[data-align="center"],
837
- .graf--h4[data-align="center"],
838
- .graf--blockquote[data-align="center"] {
839
- text-align: center; }
840
-
841
- /* line 199, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
842
- .markup--anchor,
843
- .graf--sectionCaption {
844
- cursor: text; }
845
-
846
- /* line 203, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
847
- .markup--anchor {
848
- text-decoration: underline;
849
- color: inherit; }
850
-
851
- @media (max-width: 500px) {
852
- /* line 210, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
853
- .graf--h2 {
854
- font-size: 36px;
855
- line-height: 1.1;
856
- padding-top: 12px;
857
- margin-bottom: 6px; }
858
-
859
- /* line 216, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
860
- .graf--h3 {
861
- font-size: 26px;
862
- line-height: 1.2;
863
- margin-top: 18px;
864
- margin-bottom: 4px; }
865
-
866
- /* line 222, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
867
- .graf--h4 {
868
- font-size: 24px;
869
- line-height: 1.2;
870
- margin-top: 18px;
871
- margin-bottom: 2px; } }
872
- /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
873
- .aspectRatioPlaceholder {
874
- margin: 0 auto;
875
- position: relative;
876
- width: 100%; }
877
-
878
- /* line 9, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
879
- .is-postEditMode .graf-image:before, .is-postEditMode
880
- .iframeContainer:before {
881
- bottom: 0;
882
- content: "";
883
- left: 0;
884
- position: absolute;
885
- right: 0;
886
- top: 0;
887
- z-index: 500; }
888
-
889
- /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
890
- .aspectRatioPlaceholder.is-locked .graf-image, .aspectRatioPlaceholder.is-locked
891
- .graf-imageAnchor {
892
- height: 100%;
893
- left: 0;
894
- position: absolute;
895
- top: 0;
896
- width: 100%; }
897
-
898
- /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
899
- .graf-image,
900
- .graf-imageAnchor,
901
- .iframeContainer > iframe,
902
- .iframeContainer {
903
- box-sizing: border-box;
904
- display: block;
905
- margin: auto;
906
- max-width: 100%; }
907
-
908
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
909
- .imageCaption {
910
- position: absolute;
911
- left: -172px;
912
- width: 150px;
913
- top: 0;
914
- text-align: right;
915
- margin-top: 0;
916
- font-family: "freight-text-pro",Georgia,Cambria,"Times New Roman",Times,serif;
917
- letter-spacing: 0.01rem;
918
- font-weight: 400;
919
- font-style: italic;
920
- font-size: 14px;
921
- line-height: 1.4;
922
- color: rgba(0, 0, 0, 0.6);
923
- outline: 0;
924
- z-index: 300; }
925
- /* line 19, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
926
- .imageCaption:before {
927
- width: 25%;
928
- margin-left: 75%;
929
- border-top: 1px solid rgba(0, 0, 0, 0.15);
930
- display: block;
931
- content: "";
932
- margin-bottom: 10px; }
933
-
934
- @media (max-width: 1200px) {
935
- /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
936
- .imageCaption,
937
- .postField--outsetCenterImage > .imageCaption {
938
- position: relative;
939
- width: 100%;
940
- text-align: center;
941
- left: 0;
942
- margin-top: 10px; }
943
-
944
- /* line 37, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
945
- .imageCaption:before {
946
- display: none; } }
947
- /* line 42, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
948
- figure.is-defaultValue .imageCaption,
949
- .graf--sectionCaption.is-defaultValue {
950
- display: none; }
951
-
952
- /* line 47, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
953
- .graf--figure.is-mediaFocused .imageCaption,
954
- .graf--figure.is-defaultValue.is-selected .imageCaption,
955
- section.is-mediaFocused .graf--sectionCaption,
956
- .graf--sectionCaption.is-defaultValue.is-selected {
957
- display: block; }
958
-
959
- /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
960
- .editable .markup--anchor,
961
- .editable .graf--sectionCaption {
962
- cursor: text; }
963
-
964
- /*
965
- .markup--anchor {
966
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 50%);
967
- //background-position: 0 24px;
968
- background-position: 0 19px;
969
- background-repeat: repeat-x;
970
- background-size: 2px 2px;
971
- text-decoration: none;
972
- color: rgba(0, 0, 0, 1);
973
- //border-bottom: 1px solid rgba(0,0,0,.4);
974
- }
975
-
976
- h4 .markup--anchor {
977
- background-position: 0 34px;
978
- }
979
- */
980
- /* line 66, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
981
- .is-postEditMode iframe {
982
- border: 3px solid rgba(255, 255, 255, 0); }
983
-
984
- /* line 70, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
985
- .graf--mixtapeEmbed {
986
- border-color: rgba(0, 0, 0, 0.15);
987
- border-radius: 5px;
988
- border-style: solid;
989
- border-width: 1px;
990
- box-sizing: border-box;
991
- color: rgba(0, 0, 0, 0.6);
992
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
993
- font-size: 12px;
994
- font-style: normal;
995
- font-weight: 300;
996
- letter-spacing: -0.02em;
997
- margin-bottom: 40px;
998
- margin-top: 40px;
999
- max-height: 310px;
1000
- max-width: 700px;
1001
- overflow: hidden;
1002
- padding: 30px;
1003
- position: relative; }
1004
-
1005
- /* line 91, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1006
- .mixtapeImage {
1007
- background-position: center center;
1008
- background-repeat: no-repeat;
1009
- background-size: cover;
1010
- float: right;
1011
- height: 310px;
1012
- margin: -30px -30px 0 25px;
1013
- width: 310px; }
1014
-
1015
- /* line 101, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1016
- .mixtapeImage--empty {
1017
- height: 0;
1018
- width: 0; }
1019
-
1020
- /* line 106, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1021
- .graf--mixtapeEmbed {
1022
- color: rgba(0, 0, 0, 0.6);
1023
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1024
- font-size: 12px;
1025
- font-style: normal;
1026
- font-weight: 300;
1027
- letter-spacing: -0.02em; }
1028
-
1029
- /* line 115, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1030
- .markup--mixtapeEmbed-strong {
1031
- color: #000;
1032
- display: block;
1033
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1034
- font-size: 30px;
1035
- font-style: normal;
1036
- font-weight: 300;
1037
- letter-spacing: -0.02em;
1038
- line-height: 1.2;
1039
- margin-bottom: 0px; }
1040
-
1041
- /* line 127, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1042
- .markup--mixtapeEmbed-em {
1043
- display: block;
1044
- font-size: 16px;
1045
- font-style: normal;
1046
- margin-bottom: 10px;
1047
- max-height: 120px;
1048
- overflow: hidden; }
1049
-
1050
- /*CAPTION*/
1051
- /* line 179, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1052
- .editor a a {
1053
- color: inherit;
1054
- text-decoration: none; }
1055
-
1056
- /* line 185, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1057
- .defaultValue {
1058
- color: rgba(0, 0, 0, 0.3); }
1059
-
1060
- /* line 189, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1061
- section:first-child > .section-divider,
1062
- section.is-backgrounded + section > .section-divider {
1063
- display: none; }
1064
-
1065
- /* line 203, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1066
- .defaultValue--prompt {
1067
- font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1068
- font-size: 18px;
1069
- font-style: normal;
1070
- font-weight: 400;
1071
- letter-spacing: -0.02em; }
1072
-
1073
- /* line 4, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_debug.scss */
1074
- .debug .section-inner .is-selected {
1075
- outline-color: #55b6b3;
1076
- outline-width: thin;
1077
- outline-style: dotted; }