dante-editor 0.0.8 → 0.0.9

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: eedf5900c356c7db2f6c2a506a3c36023327a52a
4
- data.tar.gz: ece1127158d6ed6c86311f7ca034a81194618778
3
+ metadata.gz: 1c5f6b69c999dde89a1ed82afc3bac81bc86ab40
4
+ data.tar.gz: 299bd8dee3f77baef6c8bb60cf0c66051be16730
5
5
  SHA512:
6
- metadata.gz: 41352cf754791ce8c712c582c8670a5d924c07d56b1313f2cab57e178bcfa36f0d5b59f32ff32605ba791b33ec6d61eb236e39795405b6d22b3be1edd3edd7d7
7
- data.tar.gz: 4902b6a415b936025f9f7f26db7a4ff3cf5fc81b1c3fa97b5d6acd1d4fad43ecc7d0a9dfea44bcb5cb2455361ed0805f2a7ed46df1b91a42fbc713582215d5e2
6
+ metadata.gz: 234bc1ead520e7542527502f728502c3634193fcd0c534ec59901dee02012acbf4305c55e96d888905ef0e15d4fc1c0bff1c7399e3787a1d7063e2834e382e1d
7
+ data.tar.gz: 6d86962d1710d78d46dd9a2522d978d87906e045b33b4d18dad6c17f547cc1db17de786a4d0b5efa0b3b0d99c8e2fe4608b7ed172bcbef1b0130fd0f7a052083
@@ -624,7 +624,7 @@ class Dante.Editor extends Dante.View
624
624
  if $node.hasClass("graf--p")
625
625
  li = @handleSmartList($node, e)
626
626
  anchor_node = li if li
627
- else if $node.hasClass("graf--li") and ($node.text() is "")
627
+ else if $node.hasClass("graf--li")
628
628
  @handleListLineBreak($node, e)
629
629
 
630
630
  #embeds or extracts
@@ -762,6 +762,10 @@ class Dante.Editor extends Dante.View
762
762
 
763
763
  @handleTextSelection(anchor_node)
764
764
 
765
+ if (_.contains([8, 32, 13], e.which))
766
+ if $(anchor_node).hasClass("graf--li")
767
+ @removeSpanTag($(anchor_node));
768
+
765
769
  if (e.which == 8)
766
770
 
767
771
  #if detect all text deleted , re render
@@ -801,7 +805,8 @@ class Dante.Editor extends Dante.View
801
805
  # @markAsSelected(anchor_node)
802
806
  # @setupFirstAndLast()
803
807
  # @displayTooltipAt($(@el).find(".is-selected"))
804
-
808
+
809
+
805
810
  #arrows key
806
811
  if _.contains([37,38,39,40], e.which)
807
812
  @handleArrow(e)
@@ -1053,61 +1058,89 @@ class Dante.Editor extends Dante.View
1053
1058
  setElementName: (element)->
1054
1059
  $(element).attr("name", utils.generateUniqueName())
1055
1060
 
1056
- #LIST METHODS
1061
+ # LIST METHODS
1057
1062
 
1058
- listify: ($paragraph, listType, tagLength)->
1063
+ listify: ($paragraph, listType, regex)->
1064
+
1059
1065
  utils.log "LISTIFY PARAGRAPH"
1060
- content = $paragraph.html().replace(/ /g, " ")
1061
- utils.log(tagLength)
1062
-
1063
- content = content.slice(tagLength, content.length)
1064
-
1066
+
1067
+ @removeSpanTag($paragraph);
1068
+
1069
+ content = $paragraph.html().replace(/ /g, " ").replace(regex, "")
1070
+
1065
1071
  switch(listType)
1066
1072
  when "ul" then $list = $("<ul></ul>")
1067
1073
  when "ol" then $list = $("<ol></ol>")
1068
1074
  else return false
1069
-
1075
+
1070
1076
  @addClassesToElement($list[0])
1071
1077
  @replaceWith("li", $paragraph)
1072
1078
  $li = $(".is-selected")
1073
-
1079
+
1074
1080
  @setElementName($li[0])
1075
1081
 
1076
1082
  $li.html(content).wrap($list)
1077
1083
 
1078
1084
  if($li.find("br").length == 0)
1079
1085
  $li.append("<br/>")
1086
+
1080
1087
  @setRangeAt($li[0])
1081
1088
 
1082
1089
  $li[0]
1083
1090
 
1084
1091
  handleSmartList: ($item, e)->
1085
1092
  utils.log("HANDLE A SMART LIST")
1086
- match = $item.text().match(/^\s*(\-|\*)\s*/)
1087
-
1088
- if match
1089
- utils.log("CREATING UL LIST ITEM")
1090
- e.preventDefault()
1091
- $li = @listify($item, "ul", match[0].length)
1092
- else if match = $item.text().match(/^\s*1(\.|\))\s*/)
1093
- utils.log("CREATING OL LIST ITEM")
1094
- e.preventDefault()
1095
- $li = @listify($item, "ol", match[0].length)
1096
1093
 
1094
+ chars = @getCharacterPrecedingCaret()
1095
+ match = chars.match(/^\s*(\-|\*)\s*$/)
1096
+ if(match)
1097
+ utils.log("CREATING LIST ITEM")
1098
+ e.preventDefault()
1099
+ regex = new RegExp(/\s*(\-|\*)\s*/)
1100
+ $li = @listify($item, "ul", regex)
1101
+ else
1102
+ match = chars.match(/^\s*1(\.|\))\s*$/)
1103
+ if(match)
1104
+ utils.log("CREATING LIST ITEM")
1105
+ e.preventDefault()
1106
+
1107
+ regex = new RegExp(/\s*1(\.|\))\s*/)
1108
+ $li = @listify($item, "ol", regex)
1097
1109
  $li
1098
1110
 
1099
1111
  handleListLineBreak: ($li, e)->
1100
1112
  utils.log("LIST LINE BREAK")
1101
- e.preventDefault()
1102
1113
  @tooltip_view.hide()
1103
1114
  $list = $li.parent("ol, ul")
1104
1115
  $paragraph = $("<p></p>")
1105
- if($list.children().length == 1)
1116
+ utils.log($li.prev());
1117
+ if($list.children().length is 1 and $li.text() is "")
1106
1118
  @replaceWith("p", $list)
1107
- else if ($li.next().length == 0 and $li.text() == "")
1108
- $list.after($paragraph)
1109
- $li.remove()
1110
1119
 
1120
+ else if $li.text() is "" and ($li.next().length isnt 0)
1121
+ e.preventDefault()
1122
+
1123
+ else if ($li.next().length is 0)
1124
+ if($li.text() is "")
1125
+ e.preventDefault()
1126
+ utils.log("BREAK FROM LIST")
1127
+ $list.after($paragraph)
1128
+ $li.addClass("graf--removed").remove()
1129
+
1130
+ else if ($li.prev().length isnt 0 and $li.prev().text() is "" and @getCharacterPrecedingCaret() is "")
1131
+ e.preventDefault()
1132
+ utils.log("PREV IS EMPTY")
1133
+ content = $li.html()
1134
+ $list.after($paragraph)
1135
+ $li.prev().remove()
1136
+ $li.addClass("graf--removed").remove()
1137
+ $paragraph.html(content)
1138
+
1139
+ if $list and $list.children().length is 0 then $list.remove()
1140
+
1141
+ utils.log($li);
1142
+ if ($li.hasClass("graf--removed"))
1143
+ utils.log("ELEMENT REMOVED")
1111
1144
  @addClassesToElement($paragraph[0])
1112
1145
  @setRangeAt($paragraph[0])
1113
1146
  @markAsSelected($paragraph[0])
@@ -1131,3 +1164,11 @@ class Dante.Editor extends Dante.View
1131
1164
  $list.remove()
1132
1165
 
1133
1166
  @setupFirstAndLast()
1167
+
1168
+ #Remove Non-default Spans From Elements
1169
+ removeSpanTag: ($item)->
1170
+
1171
+ $spans = $item.find("span")
1172
+ $(span).replaceWith($(span).html()) for span in $spans when not $(span).hasClass("defaultValue")
1173
+ $item
1174
+
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.8",
5
+ "version" : "0.0.9",
6
6
  "keywords": [
7
7
  "css",
8
8
  "sass",
@@ -465,7 +465,7 @@
465
465
  }
466
466
  this.store();
467
467
  this.title_placeholder = "<span class='defaultValue defaultValue--root'>Title</span><br>";
468
- this.body_placeholder = "<span class='defaultValue defaultValue--root'>Tell your story…</span><br>";
468
+ this.body_placeholder = "<span class='defaultValue defaultValue--root'>Tell your story&hellip;</span><br>";
469
469
  this.embed_placeholder = "<span class='defaultValue defaultValue--prompt'>Paste a YouTube, Vine, Vimeo, or other video link, and press Enter</span><br>";
470
470
  return this.extract_placeholder = "<span class='defaultValue defaultValue--prompt'>Paste a link to embed content from another site (e.g. Twitter) and press Enter</span><br>";
471
471
  };
@@ -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; }