dante-editor 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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; }