pageflow 0.8.2 → 0.9.0

data/app/assets/stylesheets/pageflow/page_types/internal_links.css.scss

@@ -1,222 +0,0 @@
-.js .page .internal_links_page .scroller > div,
-.page .internal_links_page .scroller > div
- {
-  @include pad_portrait {
-    padding: 15% 8% 5% 8%;
-  }
-}
-
-.js .page:first-child .internal_links_page .scroller > div,
-.js .page:first-child .content_and_background.internal_links_page > .page_header,
-.page:first-child .internal_links_page .scroller > div,
-.js .page:first-child .content_and_background.internal_links_page > .page_header {
-  @include pad_portrait {
-    padding: 110px 8% 5% 8%;
-  }
-}
-
-.js .page .internal_links_page {
-  .scroller > div {
-    padding: 15% 14% 5% 8%;
-    width: 100%;
-  }
-}
-
-.internal_links_page {
-  nav {
-    position: relative;
-    max-width: 1011px;
-    pointer-events: all;
-
-    ul {
-      padding: 0;
-      top: 0;
-      left: 0;
-      width: 100%;
-      margin: 0 0 30px 0;
-    }
-
-    li {
-      display: inline-block;
-      list-style: none;
-      width: 19%;
-      max-width: 192px;
-      max-height: 108px;
-      padding: 0 1% 1% 0;
-      margin:  0 -4px -4px 0;
-
-      @include phone {
-        width: 48%;
-        max-width: 350px;
-        max-height: 250px;
-        padding: 0 2% 1% 0;
-        margin: 0 -3px -1px 0;
-      }
-
-      &.empty {
-        padding: 0 1% 0 0;
-
-        @include phone {
-          display: none;
-        }
-      }
-    }
-
-    .title {
-      display: none;
-    }
-
-    .title_hover {
-      .title {
-        display: block;
-        position: absolute;
-        top: 50%;
-        left: 0;
-        width: 100%;
-        color: white;
-        text-transform: uppercase;
-        text-align: center;
-        line-height: 1.2em;
-        letter-spacing: 0.05em;
-        font-size: 0.8em;
-        opacity: 0;
-        z-index: 1;
-        @include transform(translate3d(0,-50%,0));
-        @include transition(opacity 500ms);
-      }
-
-      &:hover {
-        .title {
-          opacity: 1;
-        }
-
-        .placeholder,
-        .thumbnail {
-          &:after {
-            opacity: 0.8;
-          }
-        }
-      }
-
-      .placeholder,
-      .thumbnail {
-        &:after {
-          opacity: 0;
-          background-color: black;
-          width: 100%;
-          height: 100%;
-          position: absolute;
-          top: 0;
-          left: 0;
-          content: "";
-          @include transition(opacity 500ms);
-        }
-      }
-    }
-
-    .placeholder,
-    .thumbnail {
-      display: block;
-      width: 100%;
-      padding-top: 56.25%;
-      background-position: center;
-      background-size: cover;
-      position: relative;
-
-      div {
-        position: absolute;
-        top: 0;
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    %hero {
-      max-width: 394px;
-      max-height: 226px;
-      width: 38.9%;
-
-      @include phone {
-        width: 98%;
-        max-width: 700px;
-        max-height: 600px;
-        float: none;
-      }
-
-      .placeholder,
-      .thumbnail {
-        padding-top: 58.5%;
-      }
-
-      .title {
-        font-size: 1em;
-        line-height: 1.4em;
-      }
-
-      &.empty {
-        padding-top: 22.815%;
-
-        @include phone {
-          padding-top: 0;
-        }
-      }
-    }
-
-    %hero_left {
-      @extend %hero;
-      float: left;
-      margin: 0;
-
-      @include phone {
-        float: none;
-      }
-    }
-
-    %hero_right {
-      @extend %hero;
-      float: right;
-      margin: 0;
-      padding: 0 1.3% 0 0px;
-
-      @include phone {
-        margin: 0;
-        float: none;
-      }
-    }
-
-    &[data-layout="hero_top_left"],
-    &[data-layout="hero_top_right"] {
-      li[data-reference-key="23"],
-      li[data-reference-key="24"],
-      li[data-reference-key="25"] {
-        display: none;
-      }
-    }
-
-    &[data-layout="hero_top_left"] {
-      li:first-child {
-        @extend %hero_left;
-      }
-    }
-
-    &[data-layout="hero_top_right"] {
-      li:first-child {
-        @extend %hero_right;
-      }
-    }
-  }
-}
-
-.invert .internal_links_page {
-  nav {
-    .thumbnail, .placeholder {
-      &:after {
-        background-color: white;
-      }
-    }
-
-    .title {
-      color: black;
-    }
-  }
-}

data/app/views/pageflow/pages/templates/_internal_links.html.erb

@@ -1,31 +0,0 @@
-<div class="blackLayer"></div>
-<div class="content_and_background internal_links_page">
-  <div class="backgroundArea">
-    <%= background_image_div(configuration, 'background_image') %>
-    <%= shadow_div :opacity => configuration['gradient_opacity'] %>
-  </div>
-  <div class="content scroller">
-    <div>
-      <div class="contentWrapper">
-        <div class="page_header">
-          <h2>
-            <span class="tagline"><%= configuration['tagline'] %></span>
-            <span class="title"><%= configuration['title'] %></span>
-            <span class="subtitle"><%= configuration['subtitle'] %></span>
-          </h2>
-          <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
-        </div>
-        <div class="contentText">
-          <p><%= raw configuration['text'] %></p>
-        </div>
-        <%= content_tag :nav, :data => {:layout => configuration['linked_pages_layout']} do %>
-          <ul class="page_links">
-            <% 1.upto(25).each do |index| %>
-              <%= page_thumbnail_item(configuration['linked_page_ids'], index, configuration['linked_pages_layout']) %>
-            <% end %>
-          </ul>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>