dante-editor 0.0.9 → 0.0.10

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 1c5f6b69c999dde89a1ed82afc3bac81bc86ab40
4
- data.tar.gz: 299bd8dee3f77baef6c8bb60cf0c66051be16730
3
+ metadata.gz: 7456f5632a27d75dad5e0f84de2e2c29110df0a3
4
+ data.tar.gz: e8b977537e5797a5dc5de59dc7666514cbb5a38f
5
5
  SHA512:
6
- metadata.gz: 234bc1ead520e7542527502f728502c3634193fcd0c534ec59901dee02012acbf4305c55e96d888905ef0e15d4fc1c0bff1c7399e3787a1d7063e2834e382e1d
7
- data.tar.gz: 6d86962d1710d78d46dd9a2522d978d87906e045b33b4d18dad6c17f547cc1db17de786a4d0b5efa0b3b0d99c8e2fe4608b7ed172bcbef1b0130fd0f7a052083
6
+ metadata.gz: f5c4603214ec83eba2c7df7bc5102b557524afb524db6a65a0fac70fd004725bc24c8787849622c5c07b64e34926f08b8fc9b0f4dc7206c3cea229d3003eccef
7
+ data.tar.gz: 7c74ad5a1d3a1d29fdc2036ec9d1c8310e103c4978c20254b18adc8d72583bbf718f76dfa56ed468d813415ccf9b37b9f29dd36c2c98593284d10c544f500fe9
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- dante-editor (0.0.9)
4
+ dante-editor (0.0.10)
5
5
 
6
6
  GEM
7
7
  remote: http://rubygems.org/
data/README.md CHANGED
@@ -63,13 +63,18 @@ Until now I´ve been able to implement the following features:
63
63
  + **el:** default: #editor
64
64
  + **debug:** default: false
65
65
  + **upload_url:** default: /uploads.json
66
+ + **upload_callback** default: empty, allows optional way to handle the server response when image is uploaded This is useful when you don't have control on the backend response.
66
67
  + **oembed_url:** default: http://api.embed.ly/1/oembed?url="
67
68
  + **extract_url:** default: http://api.embed.ly/1/extract?url="
68
69
  + **store_url:** default: to none , url to store data with interval
69
70
  + **store_interval:** default: 15000 (15 secs)
70
71
  + **spellcheck:** default: false
71
72
  + **default_loading_placeholder:** image placeholder to show when uploaded/pasted images are loading , defaults to a grey background
72
- + **disable_title** default: false , will hide the initial heading placeholder for initial text
73
+ + **disable_title** default: false, will hide the initial heading placeholder for initial text
74
+ + **title_placeholder** default: 'Title'
75
+ + **body_placeholder** default: 'Tell your story…'
76
+ + **embed_placeholder** default: 'Paste a YouTube, Vine, Vimeo, or other video link, and press Enter'
77
+ + **extract_placeholder** default: 'Paste a link to embed content from another site (e.g. Twitter) and press Enter'
73
78
 
74
79
  ### Rails / AssetPippeline
75
80
 
@@ -29,6 +29,7 @@ class Dante.Editor extends Dante.View
29
29
  @current_node = null
30
30
  @el = opts.el || "#editor"
31
31
  @upload_url = opts.upload_url || "/uploads.json"
32
+ @upload_callback = opts.upload_callback
32
33
  @oembed_url = opts.oembed_url || "http://api.embed.ly/1/oembed?url="
33
34
  @extract_url = opts.extract_url || "http://api.embed.ly/1/extract?key=86c28a410a104c8bb58848733c82f840&url="
34
35
  @default_loading_placeholder = opts.default_loading_placeholder || Dante.defaults.image_placeholder
@@ -44,10 +45,14 @@ class Dante.Editor extends Dante.View
44
45
 
45
46
  @store()
46
47
 
47
- @title_placeholder = "<span class='defaultValue defaultValue--root'>Title</span><br>"
48
- @body_placeholder = "<span class='defaultValue defaultValue--root'>Tell your story…</span><br>"
49
- @embed_placeholder = "<span class='defaultValue defaultValue--prompt'>Paste a YouTube, Vine, Vimeo, or other video link, and press Enter</span><br>"
50
- @extract_placeholder = "<span class='defaultValue defaultValue--prompt'>Paste a link to embed content from another site (e.g. Twitter) and press Enter</span><br>"
48
+ titleplaceholder = opts.title_placeholder || 'Title'
49
+ @title_placeholder = "<span class='defaultValue defaultValue--root'>#{titleplaceholder}</span><br>"
50
+ bodyplaceholder = opts.body_placeholder || 'Tell your story…'
51
+ @body_placeholder = "<span class='defaultValue defaultValue--root'>#{bodyplaceholder}</span><br>"
52
+ embedplaceholder = opts.embed_placeholder || 'Paste a YouTube, Vine, Vimeo, or other video link, and press Enter'
53
+ @embed_placeholder = "<span class='defaultValue defaultValue--root'>#{embedplaceholder}</span><br>"
54
+ extractplaceholder = opts.extract_placeholder|| "Paste a link to embed content from another site (e.g. Twitter) and press Enter"
55
+ @extract_placeholder= "<span class='defaultValue defaultValue--root'>#{extractplaceholder}</span><br>"
51
56
 
52
57
  store: ()->
53
58
  #localStorage.setItem("contenteditable", $(@el).html() )
@@ -765,7 +770,7 @@ class Dante.Editor extends Dante.View
765
770
  if (_.contains([8, 32, 13], e.which))
766
771
  if $(anchor_node).hasClass("graf--li")
767
772
  @removeSpanTag($(anchor_node));
768
-
773
+
769
774
  if (e.which == 8)
770
775
 
771
776
  #if detect all text deleted , re render
@@ -805,8 +810,8 @@ class Dante.Editor extends Dante.View
805
810
  # @markAsSelected(anchor_node)
806
811
  # @setupFirstAndLast()
807
812
  # @displayTooltipAt($(@el).find(".is-selected"))
808
-
809
-
813
+
814
+
810
815
  #arrows key
811
816
  if _.contains([37,38,39,40], e.which)
812
817
  @handleArrow(e)
@@ -835,7 +840,7 @@ class Dante.Editor extends Dante.View
835
840
  utils.log ("POSITION FOR TOOLTIP")
836
841
  #utils.log $(element)
837
842
  element = $(element)
838
- return if !element || _.isEmpty(element) || element[0].tagName is "LI"
843
+ return if !element || _.isUndefined(element) || _.isEmpty(element) || element[0].tagName is "LI"
839
844
  @tooltip_view.hide()
840
845
  return unless _.isEmpty( element.text() )
841
846
  @positions = element.offset()
@@ -1061,22 +1066,22 @@ class Dante.Editor extends Dante.View
1061
1066
  # LIST METHODS
1062
1067
 
1063
1068
  listify: ($paragraph, listType, regex)->
1064
-
1069
+
1065
1070
  utils.log "LISTIFY PARAGRAPH"
1066
-
1071
+
1067
1072
  @removeSpanTag($paragraph);
1068
-
1073
+
1069
1074
  content = $paragraph.html().replace(/&nbsp;/g, " ").replace(regex, "")
1070
-
1075
+
1071
1076
  switch(listType)
1072
1077
  when "ul" then $list = $("<ul></ul>")
1073
1078
  when "ol" then $list = $("<ol></ol>")
1074
1079
  else return false
1075
-
1080
+
1076
1081
  @addClassesToElement($list[0])
1077
1082
  @replaceWith("li", $paragraph)
1078
1083
  $li = $(".is-selected")
1079
-
1084
+
1080
1085
  @setElementName($li[0])
1081
1086
 
1082
1087
  $li.html(content).wrap($list)
@@ -1103,7 +1108,7 @@ class Dante.Editor extends Dante.View
1103
1108
  if(match)
1104
1109
  utils.log("CREATING LIST ITEM")
1105
1110
  e.preventDefault()
1106
-
1111
+
1107
1112
  regex = new RegExp(/\s*1(\.|\))\s*/)
1108
1113
  $li = @listify($item, "ol", regex)
1109
1114
  $li
@@ -1119,8 +1124,8 @@ class Dante.Editor extends Dante.View
1119
1124
 
1120
1125
  else if $li.text() is "" and ($li.next().length isnt 0)
1121
1126
  e.preventDefault()
1122
-
1123
- else if ($li.next().length is 0)
1127
+
1128
+ else if ($li.next().length is 0)
1124
1129
  if($li.text() is "")
1125
1130
  e.preventDefault()
1126
1131
  utils.log("BREAK FROM LIST")
@@ -1164,11 +1169,11 @@ class Dante.Editor extends Dante.View
1164
1169
  $list.remove()
1165
1170
 
1166
1171
  @setupFirstAndLast()
1167
-
1172
+
1168
1173
  #Remove Non-default Spans From Elements
1169
1174
  removeSpanTag: ($item)->
1170
-
1175
+
1171
1176
  $spans = $item.find("span")
1172
1177
  $(span).replaceWith($(span).html()) for span in $spans when not $(span).hasClass("defaultValue")
1173
1178
  $item
1174
-
1179
+
@@ -275,6 +275,7 @@ class Dante.Editor.Tooltip extends Dante.View
275
275
  contentType: false
276
276
 
277
277
  success: (response) =>
278
+ response = @current_editor.upload_callback(response) if @current_editor.upload_callback
278
279
  handleUp(response)
279
280
  return
280
281
  error: (jqxhr)=>
data/bower.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name" : "dante",
3
3
  "description": "Just another Medium editor clone.",
4
4
  "homepage": "michelson.github.io/Dante/",
5
- "version" : "0.0.9",
5
+ "version" : "0.0.10",
6
6
  "keywords": [
7
7
  "css",
8
8
  "sass",
@@ -0,0 +1,1116 @@
1
+ @charset "UTF-8";
2
+ @import url(http://fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800);
3
+ @keyframes spinner {
4
+ to {
5
+ transform: rotate(360deg); } }
6
+ @-webkit-keyframes spinner {
7
+ to {
8
+ -webkit-transform: rotate(360deg); } }
9
+ /* line 32, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
10
+ .spinner {
11
+ min-width: 24px;
12
+ min-height: 24px; }
13
+
14
+ /* line 37, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
15
+ .spinner:before {
16
+ content: 'Loading…';
17
+ position: absolute;
18
+ top: 50%;
19
+ left: 50%;
20
+ width: 16px;
21
+ height: 16px;
22
+ margin-top: -10px;
23
+ margin-left: -10px; }
24
+
25
+ /* line 48, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
26
+ .spinner:not(:required):before {
27
+ content: '';
28
+ border-radius: 50%;
29
+ border: 2px solid rgba(0, 0, 0, 0.3);
30
+ border-top-color: rgba(0, 0, 0, 0.6);
31
+ animation: spinner .6s linear infinite;
32
+ -webkit-animation: spinner .6s linear infinite; }
33
+
34
+ /* line 3, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_scaffold.scss */
35
+ .notesSource {
36
+ padding: 0;
37
+ margin: 0;
38
+ position: relative;
39
+ color: rgba(0, 0, 0, 0.8);
40
+ text-rendering: optimizeLegibility;
41
+ -webkit-font-smoothing: antialiased;
42
+ -moz-osx-font-smoothing: grayscale;
43
+ -moz-font-feature-settings: liga on; }
44
+ /* line 14, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_scaffold.scss */
45
+ .notesSource *,
46
+ .notesSource *:before,
47
+ .notesSource *:after {
48
+ box-sizing: border-box; }
49
+
50
+ @font-face {
51
+ font-family: "dante";
52
+ src: url("../fonts/dante/fontello.eot");
53
+ src: url("../fonts/dante/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/dante/fontello.woff") format("woff"), url("../fonts/dante/fontello.ttf") format("truetype"), url("../fonts/dante/fontello.svgfontello") format("svg");
54
+ font-weight: normal;
55
+ font-style: normal; }
56
+ @font-face {
57
+ font-family: "dante-tooltip";
58
+ src: url("../fonts/dante/dante.eot");
59
+ src: url("../fonts/dante/dante.eot?#iefix") format("embedded-opentype"), url("../fonts/dante/dante.woff") format("woff"), url("../fonts/dante/dante.ttf") format("truetype"), url("../fonts/dante/dante.svgdante") format("svg");
60
+ font-weight: normal;
61
+ font-style: normal; }
62
+ @-webkit-keyframes pop-upwards {
63
+ 0% {
64
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
65
+ transform: matrix(0.97, 0, 0, 1, 0, 12);
66
+ opacity: 0; }
67
+ 20% {
68
+ -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
69
+ transform: matrix(0.99, 0, 0, 1, 0, 2);
70
+ opacity: .7; }
71
+ 40% {
72
+ -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
73
+ transform: matrix(1, 0, 0, 1, 0, -1);
74
+ opacity: 1; }
75
+ 70% {
76
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
77
+ transform: matrix(1, 0, 0, 1, 0, 0);
78
+ opacity: 1; }
79
+ 100% {
80
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
81
+ transform: matrix(1, 0, 0, 1, 0, 0);
82
+ opacity: 1; } }
83
+ @keyframes pop-upward {
84
+ 0% {
85
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
86
+ transform: matrix(0.97, 0, 0, 1, 0, 12);
87
+ opacity: 0; }
88
+ 20% {
89
+ -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
90
+ transform: matrix(0.99, 0, 0, 1, 0, 2);
91
+ opacity: .7; }
92
+ 40% {
93
+ -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
94
+ transform: matrix(1, 0, 0, 1, 0, -1);
95
+ opacity: 1; }
96
+ 70% {
97
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
98
+ transform: matrix(1, 0, 0, 1, 0, 0);
99
+ opacity: 1; }
100
+ 100% {
101
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
102
+ transform: matrix(1, 0, 0, 1, 0, 0);
103
+ opacity: 1; } }
104
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
105
+ .postArticle {
106
+ position: relative;
107
+ -webkit-transform: translateZ(0);
108
+ transform: translateZ(0); }
109
+ /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
110
+ .postArticle .layoutSingleColumn {
111
+ width: 700px;
112
+ margin-left: auto;
113
+ margin-right: auto; }
114
+ @media (max-width: 800px) {
115
+ /* line 5, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
116
+ .postArticle .layoutSingleColumn {
117
+ width: 640px; } }
118
+ @media (max-width: 680px) {
119
+ /* line 5, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
120
+ .postArticle .layoutSingleColumn {
121
+ width: auto;
122
+ margin-left: 20px;
123
+ margin-right: 20px; } }
124
+
125
+ /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
126
+ .postWrapper,
127
+ .postWrapper-inner {
128
+ position: relative;
129
+ *zoom: 1; }
130
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
131
+ .postWrapper:before, .postWrapper:after,
132
+ .postWrapper-inner:before,
133
+ .postWrapper-inner:after {
134
+ content: " ";
135
+ display: table; }
136
+ /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
137
+ .postWrapper:after,
138
+ .postWrapper-inner:after {
139
+ clear: both; }
140
+
141
+ /* line 28, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
142
+ .postWrapper {
143
+ overflow: hidden; }
144
+ /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
145
+ .is-postEditMode .postWrapper {
146
+ display: none; }
147
+ /* line 32, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
148
+ .is-postEditModeInitialized .postWrapper {
149
+ display: block; }
150
+
151
+ /* line 35, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
152
+ .postContent {
153
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
154
+ letter-spacing: 0.01rem;
155
+ font-weight: 400;
156
+ font-style: normal;
157
+ font-size: 19px;
158
+ line-height: 1.69; }
159
+
160
+ /* line 47, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
161
+ .postField, .postField:focus {
162
+ outline: 0;
163
+ word-break: break-word;
164
+ word-wrap: break-word; }
165
+
166
+ /* line 54, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
167
+ .postField--body {
168
+ *zoom: 1;
169
+ margin-bottom: 30px; }
170
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
171
+ .postField--body:before, .postField--body:after {
172
+ content: " ";
173
+ display: table; }
174
+ /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
175
+ .postField--body:after {
176
+ clear: both; }
177
+
178
+ /* line 59, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
179
+ .section--last {
180
+ padding-bottom: 5px; }
181
+
182
+ /* line 63, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
183
+ .section-content {
184
+ *zoom: 1; }
185
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
186
+ .section-content:before, .section-content:after {
187
+ content: " ";
188
+ display: table; }
189
+ /* line 6, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_utilities.scss */
190
+ .section-content:after {
191
+ clear: both; }
192
+
193
+ /* line 67, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_post.scss */
194
+ .section-inner {
195
+ position: relative; }
196
+
197
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
198
+ .dante-icon:before {
199
+ display: inline-block;
200
+ font-family: "dante";
201
+ font-style: normal;
202
+ font-variant: normal;
203
+ font-weight: normal;
204
+ line-height: 1em;
205
+ text-align: center;
206
+ text-decoration: inherit;
207
+ text-transform: none; }
208
+
209
+ /* line 15, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
210
+ .icon-h2:before {
211
+ content: "H1"; }
212
+
213
+ /* line 16, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
214
+ .icon-h3:before {
215
+ content: "H2"; }
216
+
217
+ /* line 17, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
218
+ .icon-h4:before {
219
+ content: "H3"; }
220
+
221
+ /* line 18, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
222
+ .icon-p:before {
223
+ content: "P"; }
224
+
225
+ /* line 19, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
226
+ .icon-code:before {
227
+ content: ""; }
228
+
229
+ /* line 20, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
230
+ .icon-insertorderedlist:before {
231
+ content: ""; }
232
+
233
+ /* line 21, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
234
+ .icon-insertunorderedlist:before {
235
+ content: ""; }
236
+
237
+ /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
238
+ .icon-inserthorizontalrule:before {
239
+ content: ""; }
240
+
241
+ /* line 23, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
242
+ .icon-indent:before {
243
+ content: ""; }
244
+
245
+ /* line 24, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
246
+ .icon-outdent:before {
247
+ content: ""; }
248
+
249
+ /* line 25, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
250
+ .icon-bold:before {
251
+ content: ""; }
252
+
253
+ /* line 26, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
254
+ .icon-italic:before {
255
+ content: ""; }
256
+
257
+ /* line 27, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
258
+ .icon-underline:before {
259
+ content: ""; }
260
+
261
+ /* line 28, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
262
+ .icon-createlink:before {
263
+ content: ""; }
264
+
265
+ /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
266
+ .icon-blockquote:before {
267
+ content: ""; }
268
+
269
+ /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
270
+ .icon-h2:before,
271
+ .icon-h3:before,
272
+ .icon-h4:before {
273
+ font-weight: bold; }
274
+
275
+ /* line 39, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
276
+ .tooltip-icon:before {
277
+ font-family: 'dante-tooltip';
278
+ speak: none;
279
+ font-style: normal;
280
+ font-weight: normal;
281
+ font-variant: normal;
282
+ text-transform: none;
283
+ line-height: 1;
284
+ -webkit-font-smoothing: antialiased;
285
+ -moz-osx-font-smoothing: grayscale; }
286
+
287
+ /* line 54, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
288
+ .icon-video:before {
289
+ content: "\e600"; }
290
+
291
+ /* line 55, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
292
+ .icon-image:before {
293
+ content: "\e601"; }
294
+
295
+ /* line 56, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
296
+ .icon-plus:before {
297
+ content: "\e602"; }
298
+
299
+ /* line 57, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_icons.scss */
300
+ .icon-embed:before {
301
+ content: "\e603"; }
302
+
303
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
304
+ .dante-menu {
305
+ position: absolute;
306
+ visibility: hidden;
307
+ z-index: 1000;
308
+ -webkit-transition: none;
309
+ transition: none;
310
+ display: none;
311
+ top: 0;
312
+ left: 0;
313
+ display: block;
314
+ white-space: nowrap;
315
+ height: 45px;
316
+ background: linear-gradient(to bottom, #262626, #333) repeat scroll 0 0 #333;
317
+ border: 1px solid #262626;
318
+ border-radius: 5px;
319
+ box-shadow: 1px 2px 3px -2px #222; }
320
+ /* line 23, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
321
+ .dante-menu:after, .dante-menu:before {
322
+ content: "";
323
+ height: 0;
324
+ width: 0;
325
+ position: absolute;
326
+ left: 50%;
327
+ pointer-events: none;
328
+ border: 8px solid transparent;
329
+ margin-left: -4px; }
330
+ /* line 34, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
331
+ .dante-menu:after {
332
+ border-top-color: #333;
333
+ bottom: -15px; }
334
+ /* line 38, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
335
+ .dante-menu:before {
336
+ border-top-color: #262626;
337
+ bottom: -16px; }
338
+
339
+ /* line 45, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
340
+ .dante-menu--active {
341
+ display: inline-block;
342
+ visibility: visible;
343
+ -webkit-animation: pop-upwards 180ms forwards linear;
344
+ animation: pop-upwards 180ms forwards linear; }
345
+
346
+ /* line 53, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
347
+ .dante-menu--linkmode .dante-menu-buttons {
348
+ visibility: hidden; }
349
+ /* line 56, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
350
+ .dante-menu--linkmode .dante-menu-linkinput {
351
+ display: block; }
352
+ /* line 59, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
353
+ .dante-menu--linkmode .dante-menu-input {
354
+ -webkit-animation: pop-upwards 180ms forwards linear;
355
+ animation: pop-upwards 180ms forwards linear; }
356
+
357
+ /* line 66, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
358
+ .dante-menu-buttons {
359
+ list-style: none;
360
+ margin: 0;
361
+ padding: 0;
362
+ line-height: 0; }
363
+
364
+ /* line 73, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
365
+ .dante-menu-button {
366
+ min-width: 20px;
367
+ display: inline-block;
368
+ padding-left: 10px;
369
+ padding-right: 10px;
370
+ overflow: hidden;
371
+ text-align: center;
372
+ color: #FFFFFF;
373
+ cursor: pointer;
374
+ font-size: 16px;
375
+ line-height: 43px;
376
+ height: 43px;
377
+ -webkit-user-select: none;
378
+ -moz-user-select: none;
379
+ -ms-user-select: none;
380
+ user-select: none; }
381
+ /* line 93, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
382
+ .dante-menu-button.active {
383
+ color: #5BD974; }
384
+ /* line 97, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
385
+ .dante-menu-button:first-child {
386
+ border-top-left-radius: 5px;
387
+ border-bottom-left-radius: 5px;
388
+ padding-left: 18px; }
389
+ /* line 102, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
390
+ .dante-menu-button:last-child {
391
+ border-top-right-radius: 5px;
392
+ border-bottom-right-radius: 5px;
393
+ padding-right: 18px; }
394
+
395
+ /* line 111, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
396
+ .dante-menu-linkinput {
397
+ display: none;
398
+ position: absolute;
399
+ top: 0;
400
+ left: 0;
401
+ right: 0;
402
+ bottom: 0; }
403
+ /* line 119, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
404
+ .dante-menu-linkinput .dante-menu-button {
405
+ position: absolute;
406
+ top: 0;
407
+ right: 0; }
408
+
409
+ /* line 126, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_menu.scss */
410
+ .dante-menu-input {
411
+ position: absolute;
412
+ top: 0;
413
+ left: 0;
414
+ background: transparent;
415
+ width: 100%;
416
+ padding: 13px 40px 13px 10px;
417
+ color: #FFFFFF;
418
+ border: none;
419
+ outline: none;
420
+ font-size: 16px;
421
+ box-sizing: border-box;
422
+ border-radius: 5px;
423
+ appearance: none;
424
+ text-align: left;
425
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
426
+ letter-spacing: 0.01rem;
427
+ font-weight: 400;
428
+ font-style: normal;
429
+ text-rendering: optimizeLegibility;
430
+ -webkit-font-smoothing: antialiased;
431
+ -moz-osx-font-smoothing: grayscale;
432
+ -moz-font-feature-settings: "liga" on; }
433
+
434
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
435
+ .inlineTooltip {
436
+ position: absolute;
437
+ z-index: 900;
438
+ width: 32px;
439
+ height: 32px;
440
+ -webkit-transition: opacity 100ms, width 0 linear 250ms;
441
+ transition: opacity 100ms, width 0 linear 250ms;
442
+ padding: 0;
443
+ font-size: 0;
444
+ opacity: 0;
445
+ pointer-events: none; }
446
+ /* line 16, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
447
+ .inlineTooltip.is-active {
448
+ opacity: 1;
449
+ pointer-events: auto; }
450
+ /* line 20, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
451
+ .inlineTooltip.is-scaled {
452
+ width: 178px;
453
+ -webkit-transition-delay: 0;
454
+ transition-delay: 0; }
455
+
456
+ /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
457
+ .inlineTooltip-menu {
458
+ display: inline-block;
459
+ padding-left: 22px; }
460
+ /* line 33, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
461
+ .inlineTooltip-menu button {
462
+ margin-right: 9px; }
463
+
464
+ /* line 42, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
465
+ .inlineTooltip-button {
466
+ display: inline-block;
467
+ position: relative;
468
+ outline: 0;
469
+ padding: 0;
470
+ vertical-align: bottom;
471
+ box-sizing: border-box;
472
+ border-radius: 999em;
473
+ cursor: pointer;
474
+ font-size: 14px;
475
+ text-decoration: none;
476
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
477
+ letter-spacing: -0.02em;
478
+ font-weight: 400;
479
+ font-style: normal;
480
+ white-space: nowrap;
481
+ text-rendering: auto;
482
+ text-align: center;
483
+ text-rendering: optimizeLegibility;
484
+ -webkit-font-smoothing: antialiased;
485
+ -moz-osx-font-smoothing: grayscale;
486
+ -moz-font-feature-settings: "liga" on;
487
+ width: 32px;
488
+ height: 32px;
489
+ line-height: 32px;
490
+ -webkit-transition: 100ms border-color, 100ms color;
491
+ transition: 100ms border-color, 100ms color;
492
+ background: transparent;
493
+ border: 1px solid;
494
+ border-color: rgba(0, 0, 0, 0.44);
495
+ color: rgba(0, 0, 0, 0.44); }
496
+ /* line 75, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
497
+ .inlineTooltip-button:hover {
498
+ border-color: rgba(0, 0, 0, 0.9);
499
+ color: rgba(0, 0, 0, 0.9); }
500
+ /* line 82, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
501
+ .inlineTooltip-button.scale {
502
+ -webkit-transform: scale(0);
503
+ -ms-transform: scale(0);
504
+ transform: scale(0);
505
+ -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
506
+ transition: transform 100ms, 100ms border-color, 100ms color; }
507
+ /* line 89, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
508
+ .is-scaled .inlineTooltip-button.scale {
509
+ -webkit-transform: scale(1);
510
+ -ms-transform: scale(1);
511
+ transform: scale(1);
512
+ -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
513
+ transition: transform 250ms, 100ms border-color, 100ms color; }
514
+ /* line 96, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
515
+ .inlineTooltip-button.scale:nth-child(2) {
516
+ -webkit-transition-delay: 30ms;
517
+ transition-delay: 30ms; }
518
+ /* line 100, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
519
+ .inlineTooltip-button.scale:nth-child(3) {
520
+ -webkit-transition-delay: 60ms;
521
+ transition-delay: 60ms; }
522
+ /* line 104, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
523
+ .inlineTooltip-button.scale:nth-child(4) {
524
+ -webkit-transition-delay: 90ms;
525
+ transition-delay: 90ms; }
526
+ /* line 112, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
527
+ .inlineTooltip-button.control {
528
+ -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
529
+ transition: transform 100ms, 100ms border-color, 100ms color;
530
+ -webkit-transform: rotate(0);
531
+ -ms-transform: rotate(0);
532
+ transform: rotate(0); }
533
+ /* line 119, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_tooltip.scss */
534
+ .is-scaled .inlineTooltip-button.control {
535
+ -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
536
+ transition: transform 250ms, 100ms border-color, 100ms color;
537
+ -webkit-transform: rotate(45deg);
538
+ -ms-transform: rotate(45deg);
539
+ transform: rotate(45deg);
540
+ border-color: rgba(0, 0, 0, 0.9);
541
+ color: rgba(0, 0, 0, 0.9); }
542
+
543
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
544
+ .popover {
545
+ overflow: hidden;
546
+ position: absolute;
547
+ z-index: 900;
548
+ visibility: visible;
549
+ font-size: 12px;
550
+ text-align: center;
551
+ opacity: 0;
552
+ pointer-events: auto;
553
+ padding: 15px;
554
+ font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
555
+ letter-spacing: -0.02em;
556
+ font-weight: 400;
557
+ font-style: normal;
558
+ line-height: 1.4; }
559
+ /* line 17, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
560
+ .popover.is-active {
561
+ opacity: 1; }
562
+
563
+ /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
564
+ .popover-inner {
565
+ position: relative;
566
+ max-width: 280px;
567
+ border-radius: 4px;
568
+ padding: 8px; }
569
+ /* line 27, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
570
+ .popover-inner a {
571
+ color: inherit;
572
+ text-decoration: none; }
573
+
574
+ /* line 33, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
575
+ .popover--tooltip {
576
+ pointer-events: none; }
577
+
578
+ /* line 37, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
579
+ .popover--linkTooltip {
580
+ pointer-events: auto;
581
+ z-index: 300;
582
+ word-break: break-word;
583
+ word-wrap: break-word; }
584
+
585
+ /*
586
+ .popover.is-withTransition {
587
+ -webkit-transition:opacity 100ms ease;
588
+ transition:opacity 100ms ease;
589
+ }
590
+
591
+ .is-resizing .popover {
592
+ opacity:0;
593
+ -webkit-transition:opacity 0 ease;
594
+ transition:opacity 0 ease;
595
+ }
596
+ */
597
+ /* line 58, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
598
+ .popover-inner {
599
+ background-color: rgba(0, 0, 0, 0.8);
600
+ color: #fff; }
601
+
602
+ /* line 62, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
603
+ .popover-arrow {
604
+ position: absolute; }
605
+
606
+ /* line 65, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
607
+ .popover-arrow:after {
608
+ background-color: rgba(0, 0, 0, 0.8); }
609
+
610
+ /* line 69, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
611
+ .popover--top .popover-arrow,
612
+ .popover--bottom .popover-arrow {
613
+ left: 50%;
614
+ margin-left: -7px; }
615
+
616
+ /* line 75, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
617
+ .popover--left .popover-arrow,
618
+ .popover--right .popover-arrow {
619
+ top: 50%;
620
+ margin-top: -7px; }
621
+
622
+ /* line 81, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
623
+ .popover--top .popover-arrow {
624
+ bottom: 1px;
625
+ clip: rect(0 18px 18px 4px); }
626
+
627
+ /* line 86, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
628
+ .popover--right .popover-arrow {
629
+ left: 1px;
630
+ clip: rect(-4px 14px 18px 0); }
631
+
632
+ /* line 91, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
633
+ .popover--bottom .popover-arrow {
634
+ top: 1px;
635
+ clip: rect(0 18px 14px -1px); }
636
+
637
+ /* line 96, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
638
+ .popover--left .popover-arrow {
639
+ right: 1px;
640
+ clip: rect(-4px 14px 18px 0); }
641
+
642
+ /* line 101, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
643
+ .popover-arrow:after {
644
+ content: '';
645
+ display: block;
646
+ width: 14px;
647
+ height: 14px; }
648
+
649
+ /* line 108, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
650
+ .popover--top .popover-arrow:after {
651
+ -webkit-transform: rotate(45deg) translate(-5px, -5px);
652
+ -ms-transform: rotate(45deg) translate(-5px, -5px);
653
+ transform: rotate(45deg) translate(-5px, -5px);
654
+ box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.8); }
655
+
656
+ /* line 115, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
657
+ .popover--right .popover-arrow:after {
658
+ -webkit-transform: rotate(45deg) translate(6px, -6px);
659
+ -ms-transform: rotate(45deg) translate(6px, -6px);
660
+ transform: rotate(45deg) translate(6px, -6px);
661
+ box-shadow: -1px 1px 1px -1px rgba(0, 0, 0, 0.8); }
662
+
663
+ /* line 122, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
664
+ .popover--bottom .popover-arrow:after {
665
+ -webkit-transform: rotate(45deg) translate(6px, 6px);
666
+ -ms-transform: rotate(45deg) translate(6px, 6px);
667
+ transform: rotate(45deg) translate(6px, 6px);
668
+ box-shadow: -1px -1px 1px -1px rgba(0, 0, 0, 0.44); }
669
+
670
+ /* line 129, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_popover.scss */
671
+ .popover--left .popover-arrow:after {
672
+ -webkit-transform: rotate(45deg) translate(-6px, 6px);
673
+ -ms-transform: rotate(45deg) translate(-6px, 6px);
674
+ transform: rotate(45deg) translate(-6px, 6px);
675
+ box-shadow: 1px -1px 1px -1px rgba(0, 0, 0, 0.8); }
676
+
677
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
678
+ .graf--h2,
679
+ .graf--h3,
680
+ .graf--h4,
681
+ .graf--h5,
682
+ .graf--h6,
683
+ .graf--h7,
684
+ .postList,
685
+ .graf--figure,
686
+ .graf--blockquote,
687
+ .graf--pullquote,
688
+ .graf--p,
689
+ .graf--pre {
690
+ margin: 0; }
691
+
692
+ /* line 17, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
693
+ .postList {
694
+ margin-bottom: 30px; }
695
+
696
+ /* line 21, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
697
+ .graf--p,
698
+ .graf--blockquote,
699
+ .graf--pullquote {
700
+ margin-bottom: 30px; }
701
+
702
+ /* line 27, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
703
+ .graf--p.spinner {
704
+ position: relative; }
705
+
706
+ /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
707
+ .graf--h2 {
708
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
709
+ font-size: 60px;
710
+ font-style: normal;
711
+ font-weight: 700;
712
+ letter-spacing: -0.04em;
713
+ line-height: 1;
714
+ margin-bottom: 8px;
715
+ margin-left: -3px;
716
+ margin-top: 40px;
717
+ padding-top: 0; }
718
+
719
+ /* line 43, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
720
+ .graf--h3 {
721
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
722
+ letter-spacing: -0.02em;
723
+ font-weight: 700;
724
+ font-style: normal;
725
+ font-size: 36px;
726
+ margin-left: -1.8px;
727
+ line-height: 1.2;
728
+ margin-top: 40px;
729
+ margin-bottom: 4px; }
730
+
731
+ /* line 54, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
732
+ .graf--h4 {
733
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
734
+ letter-spacing: -0.02em;
735
+ font-weight: 300;
736
+ font-style: normal;
737
+ font-size: 30px;
738
+ margin-left: -1.5px;
739
+ line-height: 1.2;
740
+ color: rgba(0, 0, 0, 0.44);
741
+ margin-top: 40px;
742
+ margin-bottom: 2px; }
743
+
744
+ /* line 67, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
745
+ .section--first .graf--h2.graf--first,
746
+ .section--first .graf--h3.graf--first,
747
+ .section--first .graf--h4.graf--first {
748
+ margin-top: 0;
749
+ padding-top: 0; }
750
+
751
+ /* line 74, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
752
+ .graf--h2 + .graf--h2 {
753
+ margin-top: -8px; }
754
+
755
+ /* line 78, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
756
+ .graf--h2 + .graf--h3,
757
+ .graf--h2 + .graf--h4 {
758
+ margin-top: -6px; }
759
+
760
+ /* line 83, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
761
+ .graf--h3 + .graf--h2,
762
+ .graf--h4 + .graf--h2 {
763
+ margin-top: 2px; }
764
+
765
+ /* line 88, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
766
+ .graf--h3 + .graf--h4,
767
+ .graf--h4 + .graf--h3 {
768
+ margin-top: -2px; }
769
+
770
+ /* line 93, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
771
+ .graf--h2 + .postList,
772
+ .graf--h3 + .postList,
773
+ .graf--h4 + .postList {
774
+ margin-top: 10px; }
775
+
776
+ /* line 99, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
777
+ .graf--h2 + .graf--p.graf--empty,
778
+ .graf--h3 + .graf--p.graf--empty,
779
+ .graf--h4 + .graf--p.graf--empty {
780
+ margin-bottom: -7px;
781
+ margin-top: -7px; }
782
+
783
+ /* line 106, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
784
+ .graf--h2 + .graf--p.graf--empty + .graf--h2,
785
+ .graf--h3 + .graf--p.graf--empty + .graf--h2,
786
+ .graf--h4 + .graf--p.graf--empty + .graf--h2 {
787
+ margin-top: -5px; }
788
+
789
+ /* line 112, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
790
+ .graf--h2 + .graf--p.graf--empty + .graf--h3,
791
+ .graf--h3 + .graf--p.graf--empty + .graf--h3,
792
+ .graf--h4 + .graf--p.graf--empty + .graf--h3,
793
+ .graf--h2 + .graf--p.graf--empty + .graf--h4,
794
+ .graf--h3 + .graf--p.graf--empty + .graf--h4,
795
+ .graf--h4 + .graf--p.graf--empty + .graf--h4 {
796
+ margin-top: -8px; }
797
+
798
+ /* line 122, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
799
+ .graf--blockquote {
800
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
801
+ border-left: 3px solid rgba(0, 0, 0, 0.8);
802
+ font-style: italic;
803
+ font-weight: 400;
804
+ letter-spacing: 0.01rem;
805
+ margin-left: -23px;
806
+ padding-bottom: 3px;
807
+ padding-left: 20px; }
808
+
809
+ /* line 132, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
810
+ .graf--blockquote + .graf--blockquote {
811
+ margin-top: -30px;
812
+ padding-top: 30px; }
813
+
814
+ /* line 137, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
815
+ .graf--pullquote {
816
+ line-height: 1.4;
817
+ text-align: center;
818
+ font-size: 32px;
819
+ margin: 48px -160px;
820
+ border: none;
821
+ padding: 0;
822
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
823
+ letter-spacing: 0.01rem;
824
+ font-weight: 400;
825
+ font-style: italic;
826
+ -webkit-transition: margin 100ms;
827
+ transition: margin 100ms; }
828
+
829
+ /* line 152, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
830
+ .graf--pre {
831
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
832
+ font-family: Menlo, Monaco, Consolas, "Courier New", "Courier", monospace;
833
+ font-size: 16px;
834
+ margin-bottom: 20px;
835
+ padding: 20px;
836
+ white-space: pre-wrap; }
837
+
838
+ /* line 160, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
839
+ .graf--pre + .graf--pre {
840
+ margin-top: -20px; }
841
+
842
+ /* line 165, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
843
+ .graf--figure {
844
+ box-sizing: border-box;
845
+ clear: both;
846
+ margin-bottom: 30px;
847
+ outline: medium none;
848
+ position: relative; }
849
+ /* line 172, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
850
+ .graf--figure.is-mediaFocused .graf-image, .graf--figure.is-mediaFocused iframe {
851
+ box-shadow: 0 0 0 3px #57ad68; }
852
+
853
+ /* line 179, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
854
+ .graf--mixtapeEmbed a {
855
+ text-decoration: none; }
856
+
857
+ /* line 184, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
858
+ .graf--h4 + .graf--figure,
859
+ .graf--h3 + .graf--figure,
860
+ .graf--h2 + .graf--figure {
861
+ margin-top: 15px; }
862
+
863
+ /* line 190, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
864
+ .graf--first {
865
+ margin-top: 0;
866
+ padding-top: 0; }
867
+
868
+ /*.graf--empty {
869
+ margin-bottom: -7px;
870
+ margin-top: -7px;
871
+ }*/
872
+ /* line 200, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
873
+ p[data-align="center"],
874
+ .graf--h2[data-align="center"],
875
+ .graf--h3[data-align="center"],
876
+ .graf--h4[data-align="center"],
877
+ .graf--blockquote[data-align="center"] {
878
+ text-align: center; }
879
+
880
+ /* line 208, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
881
+ .markup--anchor,
882
+ .graf--sectionCaption {
883
+ cursor: text; }
884
+
885
+ /* line 212, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
886
+ .markup--anchor {
887
+ text-decoration: underline;
888
+ color: inherit; }
889
+
890
+ @media (max-width: 500px) {
891
+ /* line 219, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
892
+ .graf--h2 {
893
+ font-size: 36px;
894
+ line-height: 1.1;
895
+ padding-top: 12px;
896
+ margin-bottom: 6px; }
897
+
898
+ /* line 225, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
899
+ .graf--h3 {
900
+ font-size: 26px;
901
+ line-height: 1.2;
902
+ margin-top: 18px;
903
+ margin-bottom: 4px; }
904
+
905
+ /* line 231, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_graf.scss */
906
+ .graf--h4 {
907
+ font-size: 24px;
908
+ line-height: 1.2;
909
+ margin-top: 18px;
910
+ margin-bottom: 2px; } }
911
+ /* line 1, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
912
+ .aspectRatioPlaceholder {
913
+ margin: 0 auto;
914
+ position: relative;
915
+ width: 100%; }
916
+
917
+ /* line 9, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
918
+ .is-postEditMode .graf-image:before, .is-postEditMode
919
+ .iframeContainer:before {
920
+ bottom: 0;
921
+ content: "";
922
+ left: 0;
923
+ position: absolute;
924
+ right: 0;
925
+ top: 0;
926
+ z-index: 500; }
927
+
928
+ /* line 22, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
929
+ .aspectRatioPlaceholder.is-locked .graf-image, .aspectRatioPlaceholder.is-locked
930
+ .graf-imageAnchor {
931
+ height: 100%;
932
+ left: 0;
933
+ position: absolute;
934
+ top: 0;
935
+ width: 100%; }
936
+
937
+ /* line 31, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_media.scss */
938
+ .graf-image,
939
+ .graf-imageAnchor,
940
+ .iframeContainer > iframe,
941
+ .iframeContainer {
942
+ box-sizing: border-box;
943
+ display: block;
944
+ margin: auto;
945
+ max-width: 100%; }
946
+
947
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
948
+ .imageCaption {
949
+ position: absolute;
950
+ left: -172px;
951
+ width: 150px;
952
+ top: 0;
953
+ text-align: right;
954
+ margin-top: 0;
955
+ font-family: "freight-text-pro",Georgia,Cambria,"Times New Roman",Times,serif;
956
+ letter-spacing: 0.01rem;
957
+ font-weight: 400;
958
+ font-style: italic;
959
+ font-size: 14px;
960
+ line-height: 1.4;
961
+ color: rgba(0, 0, 0, 0.6);
962
+ outline: 0;
963
+ z-index: 300; }
964
+ /* line 19, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
965
+ .imageCaption:before {
966
+ width: 25%;
967
+ margin-left: 75%;
968
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
969
+ display: block;
970
+ content: "";
971
+ margin-bottom: 10px; }
972
+
973
+ @media (max-width: 1200px) {
974
+ /* line 29, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
975
+ .imageCaption,
976
+ .postField--outsetCenterImage > .imageCaption {
977
+ position: relative;
978
+ width: 100%;
979
+ text-align: center;
980
+ left: 0;
981
+ margin-top: 10px; }
982
+
983
+ /* line 37, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
984
+ .imageCaption:before {
985
+ display: none; } }
986
+ /* line 42, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
987
+ figure.is-defaultValue .imageCaption,
988
+ .graf--sectionCaption.is-defaultValue {
989
+ display: none; }
990
+
991
+ /* line 47, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_caption.scss */
992
+ .graf--figure.is-mediaFocused .imageCaption,
993
+ .graf--figure.is-defaultValue.is-selected .imageCaption,
994
+ section.is-mediaFocused .graf--sectionCaption,
995
+ .graf--sectionCaption.is-defaultValue.is-selected {
996
+ display: block; }
997
+
998
+ /* line 2, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
999
+ .editable .markup--anchor,
1000
+ .editable .graf--sectionCaption {
1001
+ cursor: text; }
1002
+
1003
+ /*
1004
+ .markup--anchor {
1005
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 50%);
1006
+ //background-position: 0 24px;
1007
+ background-position: 0 19px;
1008
+ background-repeat: repeat-x;
1009
+ background-size: 2px 2px;
1010
+ text-decoration: none;
1011
+ color: rgba(0, 0, 0, 1);
1012
+ //border-bottom: 1px solid rgba(0,0,0,.4);
1013
+ }
1014
+
1015
+ h4 .markup--anchor {
1016
+ background-position: 0 34px;
1017
+ }
1018
+ */
1019
+ /* line 66, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1020
+ .is-postEditMode iframe {
1021
+ border: 3px solid rgba(255, 255, 255, 0); }
1022
+
1023
+ /* line 70, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1024
+ .graf--mixtapeEmbed {
1025
+ border-color: rgba(0, 0, 0, 0.15);
1026
+ border-radius: 5px;
1027
+ border-style: solid;
1028
+ border-width: 1px;
1029
+ box-sizing: border-box;
1030
+ color: rgba(0, 0, 0, 0.6);
1031
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1032
+ font-size: 12px;
1033
+ font-style: normal;
1034
+ font-weight: 300;
1035
+ letter-spacing: -0.02em;
1036
+ margin-bottom: 40px;
1037
+ margin-top: 40px;
1038
+ max-height: 310px;
1039
+ max-width: 700px;
1040
+ overflow: hidden;
1041
+ padding: 30px;
1042
+ position: relative; }
1043
+
1044
+ /* line 91, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1045
+ .mixtapeImage {
1046
+ background-position: center center;
1047
+ background-repeat: no-repeat;
1048
+ background-size: cover;
1049
+ float: right;
1050
+ height: 310px;
1051
+ margin: -30px -30px 0 25px;
1052
+ width: 310px; }
1053
+
1054
+ /* line 101, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1055
+ .mixtapeImage--empty {
1056
+ height: 0;
1057
+ width: 0; }
1058
+
1059
+ /* line 106, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1060
+ .graf--mixtapeEmbed {
1061
+ color: rgba(0, 0, 0, 0.6);
1062
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1063
+ font-size: 12px;
1064
+ font-style: normal;
1065
+ font-weight: 300;
1066
+ letter-spacing: -0.02em; }
1067
+
1068
+ /* line 115, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1069
+ .markup--mixtapeEmbed-strong {
1070
+ color: #000;
1071
+ display: block;
1072
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1073
+ font-size: 30px;
1074
+ font-style: normal;
1075
+ font-weight: 300;
1076
+ letter-spacing: -0.02em;
1077
+ line-height: 1.2;
1078
+ margin-bottom: 0px; }
1079
+
1080
+ /* line 127, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1081
+ .markup--mixtapeEmbed-em {
1082
+ display: block;
1083
+ font-size: 16px;
1084
+ font-style: normal;
1085
+ margin-bottom: 10px;
1086
+ max-height: 120px;
1087
+ overflow: hidden; }
1088
+
1089
+ /*CAPTION*/
1090
+ /* line 179, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1091
+ .editor a a {
1092
+ color: inherit;
1093
+ text-decoration: none; }
1094
+
1095
+ /* line 185, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1096
+ .defaultValue {
1097
+ color: rgba(0, 0, 0, 0.3); }
1098
+
1099
+ /* line 189, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1100
+ section:first-child > .section-divider,
1101
+ section.is-backgrounded + section > .section-divider {
1102
+ display: none; }
1103
+
1104
+ /* line 203, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_needsorder.scss */
1105
+ .defaultValue--prompt {
1106
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1107
+ font-size: 18px;
1108
+ font-style: normal;
1109
+ font-weight: 400;
1110
+ letter-spacing: -0.02em; }
1111
+
1112
+ /* line 4, /Users/michelsonmartinez/Documents/rubyonrails/medium-editor/app/assets/stylesheets/dante/_debug.scss */
1113
+ .debug .section-inner .is-selected {
1114
+ outline-color: #55b6b3;
1115
+ outline-width: thin;
1116
+ outline-style: dotted; }