dante-editor-seo 0.0.13

data/app/assets/stylesheets/dante/_debug.scss

@@ -0,0 +1,11 @@
+@if $debugger {
+  .debug {
+    .section-inner {
+      .is-selected{
+        outline-color: rgb(85, 182, 179);
+        outline-width: thin;
+        outline-style: dotted;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/dante/_fonts.scss

@@ -0,0 +1,17 @@
+@mixin dante-font-face($font-family, $file-name, $font-weight: normal, $font-style: normal) {
+  @font-face {
+    font-family: '#{$font-family}';
+    src: font-url('dante/#{$file-name}.eot');
+    src: font-url('dante/#{$file-name}.eot?#iefix') format('embedded-opentype'),
+    font-url('dante/#{$file-name}.woff') format('woff'),
+    font-url('dante/#{$file-name}.ttf') format('truetype'),
+    font-url('dante/#{$file-name}.svg#{$file-name}') format('svg');
+    font-weight: $font-weight;
+    font-style: $font-style;
+  }
+}
+
+@include dante-font-face(dante, fontello);
+@include dante-font-face(dante-tooltip, dante);
+
+@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800);

data/app/assets/stylesheets/dante/_graf.scss

@@ -0,0 +1,238 @@
+.graf--h2,
+.graf--h3,
+.graf--h4,
+.graf--h5,
+.graf--h6,
+.graf--h7,
+.postList,
+.graf--figure,
+.graf--blockquote,
+.graf--pullquote,
+.graf--p,
+.graf--pre {
+  margin: 0;
+  //position:relative;
+}
+
+.postList {
+  margin-bottom: 30px;
+}
+
+.graf--p,
+.graf--blockquote,
+.graf--pullquote {
+  margin-bottom: 30px;
+}
+
+.graf--p.spinner{
+  position:relative;
+}
+
+.graf--h2 {
+  font-family: $font-family-sans;
+  font-size: 60px;
+  font-style: normal;
+  font-weight: 700;
+  letter-spacing: -0.04em;
+  line-height: 1;
+  margin-bottom: 8px;
+  margin-left: -3px;
+  margin-top: 40px;
+  padding-top: 0;
+}
+.graf--h3 {
+  font-family: $font-family-sans;
+  letter-spacing: -0.02em;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 36px;
+  margin-left: -1.8px;
+  line-height: 1.2;
+  margin-top: 40px;
+  margin-bottom: 4px;
+}
+.graf--h4 {
+  font-family: $font-family-sans;
+  letter-spacing: -0.02em;
+  font-weight: 300;
+  font-style: normal;
+  font-size: 30px;
+  margin-left: -1.5px;
+  line-height: 1.2;
+  color: rgba(0,0,0,0.44);
+  margin-top: 40px;
+  margin-bottom: 2px;
+}
+
+.section--first .graf--h2.graf--first,
+.section--first .graf--h3.graf--first,
+.section--first .graf--h4.graf--first {
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.graf--h2 + .graf--h2 {
+  margin-top: -8px;
+}
+
+.graf--h2 + .graf--h3,
+.graf--h2 + .graf--h4 {
+  margin-top: -6px;
+}
+
+.graf--h3 + .graf--h2,
+.graf--h4 + .graf--h2 {
+  margin-top: 2px;
+}
+
+.graf--h3 + .graf--h4,
+.graf--h4 + .graf--h3 {
+  margin-top: -2px;
+}
+
+.graf--h2 + .postList,
+.graf--h3 + .postList,
+.graf--h4 + .postList {
+  margin-top: 10px;
+}
+
+.graf--h2 + .graf--p.graf--empty,
+.graf--h3 + .graf--p.graf--empty,
+.graf--h4 + .graf--p.graf--empty {
+  margin-bottom: -7px;
+  margin-top: -7px;
+}
+
+.graf--h2 + .graf--p.graf--empty + .graf--h2,
+.graf--h3 + .graf--p.graf--empty + .graf--h2,
+.graf--h4 + .graf--p.graf--empty + .graf--h2 {
+  margin-top: -5px;
+}
+
+.graf--h2 + .graf--p.graf--empty + .graf--h3,
+.graf--h3 + .graf--p.graf--empty + .graf--h3,
+.graf--h4 + .graf--p.graf--empty + .graf--h3,
+.graf--h2 + .graf--p.graf--empty + .graf--h4,
+.graf--h3 + .graf--p.graf--empty + .graf--h4,
+.graf--h4 + .graf--p.graf--empty + .graf--h4 {
+  margin-top: -8px;
+}
+
+
+.graf--blockquote {
+  font-family: $font-family-serif;
+  border-left: 3px solid rgba(0, 0, 0, 0.8);
+  font-style: italic;
+  font-weight: 400;
+  letter-spacing: 0.01rem;
+  margin-left: -23px;
+  padding-bottom: 3px;
+  padding-left: 20px;
+}
+.graf--blockquote + .graf--blockquote {
+  margin-top: -30px;
+  padding-top: 30px;
+}
+
+.graf--pullquote {
+  line-height: 1.4;
+  text-align: center;
+  font-size: 32px;
+  margin: 48px -160px;
+  border: none;
+  padding: 0;
+  font-family: $font-family-serif;
+  letter-spacing: 0.01rem;
+  font-weight: 400;
+  font-style: italic;
+  -webkit-transition: margin 100ms;
+  transition: margin 100ms;
+}
+
+.graf--pre {
+  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
+  font-family: $font-family-mono;
+  font-size: 16px;
+  margin-bottom: 20px;
+  padding: 20px;
+  white-space: pre-wrap;
+}
+.graf--pre + .graf--pre {
+  margin-top: -20px;
+}
+
+.graf--figure {
+  & {
+    box-sizing: border-box;
+    clear: both;
+    margin-bottom: 30px;
+    outline: medium none;
+    position: relative;
+  }
+  &.is-mediaFocused .graf-image,
+  &.is-mediaFocused iframe {
+    box-shadow: 0 0 0 3px #57ad68;
+  }
+}
+
+.graf--mixtapeEmbed {
+  a {
+    text-decoration: none;
+  }
+}
+
+.graf--h4 + .graf--figure,
+.graf--h3 + .graf--figure,
+.graf--h2 + .graf--figure {
+  margin-top: 15px;
+}
+
+.graf--first {
+  margin-top: 0;
+  padding-top: 0;
+}
+
+/*.graf--empty {
+  margin-bottom: -7px;
+  margin-top: -7px;
+}*/
+
+p[data-align="center"],
+.graf--h2[data-align="center"],
+.graf--h3[data-align="center"],
+.graf--h4[data-align="center"],
+.graf--blockquote[data-align="center"] {
+  text-align: center;
+}
+
+.markup--anchor,
+.graf--sectionCaption {
+    cursor: text;
+}
+.markup--anchor {
+  text-decoration: underline;
+  color: inherit;
+}
+
+@media (max-width: 500px) {
+
+  .graf--h2 {
+    font-size: 36px;
+    line-height: 1.1;
+    padding-top: 12px;
+    margin-bottom: 6px;
+  }
+  .graf--h3 {
+    font-size: 26px;
+    line-height: 1.2;
+    margin-top: 18px;
+    margin-bottom: 4px;
+  }
+  .graf--h4 {
+    font-size: 24px;
+    line-height: 1.2;
+    margin-top: 18px;
+    margin-bottom: 2px;
+  }
+
+}

data/app/assets/stylesheets/dante/_icons.scss

@@ -0,0 +1,57 @@
+.dante-icon {
+  &:before {
+    display: inline-block;
+    font-family: "dante";
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1em;
+    text-align: center;
+    text-decoration: inherit;
+    text-transform: none;
+  }
+}
+
+.icon-h2:before                   { content: "H1"; }
+.icon-h3:before                   { content: "H2"; }
+.icon-h4:before                   { content: "H3"; }
+.icon-p:before                    { content:  "P"; }
+.icon-code:before                 { content: ""; }
+.icon-insertorderedlist:before    { content: ""; }
+.icon-insertunorderedlist:before  { content: ""; }
+.icon-inserthorizontalrule:before { content: ""; }
+.icon-indent:before               { content: ""; }
+.icon-outdent:before              { content: ""; }
+.icon-bold:before                 { content: ""; }
+.icon-italic:before               { content: ""; }
+.icon-underline:before            { content: ""; }
+.icon-createlink:before           { content: ""; }
+.icon-blockquote:before           { content: ""; }
+
+.icon-h2:before,
+.icon-h3:before,
+.icon-h4:before {
+  font-weight: bold;
+}
+
+
+.tooltip-icon {
+  &:before {
+    font-family: 'dante-tooltip';
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    // Better Font Rendering
+     -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+
+.icon-video:before { content: "\e600"; }
+.icon-image:before { content: "\e601"; }
+.icon-plus:before  { content: "\e602"; }
+.icon-embed:before { content: "\e603"; }

data/app/assets/stylesheets/dante/_media.scss

@@ -0,0 +1,39 @@
+.aspectRatioPlaceholder {
+    margin: 0 auto;
+    position: relative;
+    width: 100%;
+}
+
+.graf-image:before,
+.iframeContainer:before {
+  .is-postEditMode & {
+    bottom: 0;
+    content: "";
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 500;
+  }
+}
+
+.graf-image,
+.graf-imageAnchor {
+  .aspectRatioPlaceholder.is-locked & {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+}
+
+.graf-image,
+.graf-imageAnchor,
+.iframeContainer > iframe,
+.iframeContainer {
+  box-sizing: border-box;
+  display: block;
+  margin: auto;
+  max-width: 100%;
+}

data/app/assets/stylesheets/dante/_menu.scss

@@ -0,0 +1,153 @@
+.dante-menu {
+
+  // MENU
+  position: absolute;
+  visibility: hidden;
+  z-index: 1000;
+  -webkit-transition: none;
+  transition: none;
+  display: none;
+  top: 0;
+  left: 0;
+  display:block;
+  white-space: nowrap;
+
+  height: $menu-height;
+  background: $menu-background;
+  border: $menu-border;
+  border-radius: $menu-border-radius;
+  box-shadow: $menu-shadow;
+
+
+  // CARET
+  &:after,
+  &:before {
+    content: "";
+    height: 0;
+    width: 0;
+    position: absolute;
+    left: 50%;
+    pointer-events: none;
+    border: $menu-caret-size solid transparent;
+    margin-left: -($menu-caret-size/2);
+  }
+  &:after {
+    border-top-color: $menu-tone;
+    bottom: -(($menu-caret-size*2)-1);
+  }
+  &:before {
+    border-top-color: $menu-border-color;
+    bottom: -($menu-caret-size*2);
+  }
+
+}
+
+.dante-menu--active {
+  display: inline-block;
+  visibility: visible;
+  -webkit-animation: pop-upwards 180ms forwards linear;
+  animation: pop-upwards 180ms forwards linear;
+}
+
+.dante-menu--linkmode {
+  .dante-menu-buttons {
+    visibility: hidden;
+  }
+  .dante-menu-linkinput {
+    display: block;
+  }
+  .dante-menu-input {
+    -webkit-animation: pop-upwards 180ms forwards linear;
+            animation: pop-upwards 180ms forwards linear;
+  }
+}
+
+// BUTONS
+.dante-menu-buttons {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  line-height: 0;
+}
+.dante-menu-button {
+  & {
+    min-width: 20px;
+    display: inline-block;
+    padding-left: 10px;
+    padding-right: 10px;
+    overflow: hidden;
+    text-align: center;
+    color: $menu-color;
+    cursor: pointer;
+    font-size: 16px;
+    line-height: $menu-button-height;
+    height: $menu-button-height;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+  &:hover{
+    // nada
+  }
+  &.active{
+    color: $menu-color-active;
+  }
+
+  &:first-child {
+    border-top-left-radius: $menu-border-radius;
+    border-bottom-left-radius: $menu-border-radius;
+    padding-left: 18px;
+  }
+  &:last-child {
+    border-top-right-radius: $menu-border-radius;
+    border-bottom-right-radius: $menu-border-radius;
+    padding-right: 18px;
+  }
+}
+
+// LINK
+.dante-menu-linkinput {
+  & {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .dante-menu-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
+
+.dante-menu-input {
+  //height: $menu-height - 2;
+  //line-height: 20px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(0,0,0,0);
+  width: 100%;
+  padding: 13px 40px 13px 10px;
+  color: $menu-color;
+  border: none;
+  outline: none;
+  font-size: 16px;
+  box-sizing: border-box;
+  border-radius: $menu-border-radius;
+  appearance: none;
+  text-align: left;
+  font-family: $font-family-serif;
+  letter-spacing: 0.01rem;
+  font-weight: 400;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -moz-font-feature-settings: "liga" on;
+}
+
+

data/app/assets/stylesheets/dante/_needsorder.scss

@@ -0,0 +1,209 @@
+
+.editable .markup--anchor,
+.editable .graf--sectionCaption {
+    cursor: text;
+}
+
+/*
+.markup--anchor {
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 50%);
+    //background-position: 0 24px;
+    background-position: 0 19px;
+    background-repeat: repeat-x;
+    background-size: 2px 2px;
+    text-decoration: none;
+    color: rgba(0, 0, 0, 1);
+    //border-bottom: 1px solid rgba(0,0,0,.4);
+}
+
+h4 .markup--anchor {
+    background-position: 0 34px;
+}
+*/
+
+
+// .aspectRatioPlaceholder {
+//     margin: 0 auto;
+//     position: relative;
+//     width: 100%;
+// }
+
+// .is-postEditMode .graf-image:before,
+// .is-postEditMode .iframeContainer:before {
+//     bottom: 0;
+//     content: "";
+//     left: 0;
+//     position: absolute;
+//     right: 0;
+//     top: 0;
+//     z-index: 500;
+// }
+
+// .graf--figure.is-mediaFocused .graf-image,
+// .graf--figure.is-mediaFocused iframe {
+//     box-shadow: 0 0 0 3px #57ad68;
+// }
+
+// .aspectRatioPlaceholder.is-locked .graf-image,
+// .aspectRatioPlaceholder.is-locked .graf-imageAnchor {
+//     height: 100%;
+//     left: 0;
+//     position: absolute;
+//     top: 0;
+//     width: 100%;
+// }
+
+// .graf-image,
+// .graf-imageAnchor,
+// .iframeContainer > iframe,
+// .iframeContainer {
+//     box-sizing: border-box;
+//     display: block;
+//     margin: auto;
+//     max-width: 100%;
+// }
+
+.is-postEditMode iframe {
+    border: 3px solid rgba(255, 255, 255, 0);
+}
+
+.graf--mixtapeEmbed {
+    border-color: rgba(0, 0, 0, 0.15);
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+    color: rgba(0, 0, 0, 0.6);
+    font-family: $font-family-sans;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 300;
+    letter-spacing: -0.02em;
+    margin-bottom: 40px;
+    margin-top: 40px;
+    max-height: 310px;
+    max-width: 700px;
+    overflow: hidden;
+    padding: 30px;
+    position: relative;
+}
+
+.mixtapeImage {
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    float: right;
+    height: 310px;
+    margin: -30px -30px 0 25px;
+    width: 310px;
+}
+
+.mixtapeImage--empty {
+    height: 0;
+    width: 0;
+}
+
+.graf--mixtapeEmbed {
+    color: rgba(0, 0, 0, 0.6);
+    font-family: $font-family-sans;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 300;
+    letter-spacing: -0.02em;
+}
+
+.markup--mixtapeEmbed-strong {
+    color: #000;
+    display: block;
+    font-family: $font-family-sans;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 300;
+    letter-spacing: -0.02em;
+    line-height: 1.2;
+    margin-bottom: 0px;
+}
+
+.markup--mixtapeEmbed-em {
+    display: block;
+    font-size: 16px;
+    font-style: normal;
+    margin-bottom: 10px;
+    max-height: 120px;
+    overflow: hidden;
+}
+
+/*CAPTION*/
+
+
+// .imageCaption:before {
+//     border-top: 1px solid rgba(0, 0, 0, 0.15);
+//     content: "";
+//     display: block;
+//     margin-bottom: 10px;
+//     margin-left: 75%;
+//     width: 25%;
+// }
+
+// .imageCaption {
+//     color: rgba(0, 0, 0, 0.6);
+//     font-family: $font-family-serif;
+//     font-size: 14px;
+//     font-style: italic;
+//     font-weight: 400;
+//     left: -172px;
+//     letter-spacing: 0.01rem;
+//     line-height: 1.4;
+//     margin-top: 0;
+//     outline: 0 none;
+//     position: absolute;
+//     text-align: right;
+//     top: 0;
+//     width: 150px;
+//     z-index: 300;
+// }
+
+// .graf--figure.is-mediaFocused .imageCaption,
+// .graf--figure.is-defaultValue.is-selected .imageCaption,
+// section.is-mediaFocused .graf--sectionCaption,
+// .graf--sectionCaption.is-defaultValue.is-selected {
+//     display: block;
+// }
+
+// figure.is-defaultValue .imageCaption,
+// .graf--sectionCaption.is-defaultValue {
+//     display: none;
+// }
+
+.editor a {
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+.defaultValue {
+  color: rgba(0,0,0,0.3);
+}
+
+section:first-child > .section-divider,
+section.is-backgrounded + section > .section-divider {
+    display: none;
+}
+// .postArticle .layoutSingleColumn,
+// .postFooter--loggedOut .layoutSingleColumn {
+//     width: 700px;
+// }
+
+// .layoutSingleColumn {
+//     margin: 0 auto;
+//     width: 640px;
+// }
+
+.defaultValue--prompt {
+    font-family: $font-family-sans;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.02em;
+}