reimagine2 2.0.28

data/app/assets/stylesheets/reimagine2/foundation/extensions/_accessible_custom_select.sass

@@ -0,0 +1,18 @@
+.accessible-dropdown
+  position: relative
+  overflow: hidden
+
+  .accessible-dropdown-ready
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    display: block
+    +appearance(none)
+
+    outline: auto
+
+  &.focus
+    .accessible-dropdown-label
+      border: 1px solid black

data/app/assets/stylesheets/reimagine2/foundation/extensions/_block_grid.sass

@@ -0,0 +1,3 @@
+[class*="block-grid-"]
+  &>li
+    list-style: none

data/app/assets/stylesheets/reimagine2/foundation/extensions/_buttons.sass

@@ -0,0 +1,39 @@
+// Customization of foundation's buttons.
+// They can not be done directly with configuration variables.
+// Instead of a flag background color, we use a sublte gradient
+// The colors are based on the $primary-color
+$light-primary: lighten($primary-color, $button-function-factor)
+$dark-primary: darken($primary-color, $button-function-factor)
+$light-secondary: lighten($secondary-color, $button-function-factor)
+$dark-secondary: darken($secondary-color, $button-function-factor)
+
+button, .button
+  @include background(linear-gradient($primary-color, $dark-primary))
+  box-shadow: none
+
+  &:active, &:focus, &:hover
+    @include background(linear-gradient($light-primary, $primary-color))
+
+  // custom mix of inline and pre/post fix classes so the button
+  // does not take full width but still has the same height as form elements
+  &.inline-prefix,
+  &.inline-postfix
+    @include button-size
+    @include prefix-postfix-base
+    width: auto
+
+  &:disabled,
+  &.disabled,
+  &[disabled=disabled]
+    background-image: none
+    @include button-style(#bfbfbf, $disabled:true)
+
+  &.secondary
+    @include background(linear-gradient($secondary-color, $dark-secondary))
+
+    &, &.disabled
+      color: #171717
+
+    &:active, &:focus, &:hover
+      color: #171717
+      @include background(linear-gradient($light-secondary, $secondary-color))

data/app/assets/stylesheets/reimagine2/foundation/extensions/_custom_forms.sass

@@ -0,0 +1,2 @@
+form.custom .custom.dropdown ul li
+  font-size: 1em

data/app/assets/stylesheets/reimagine2/foundation/extensions/_forms.sass

@@ -0,0 +1,38 @@
+// sometimes we need non-labels to look
+// like form labels
+// eg: element that looks actionable in a form
+// but is not directly linked to a form element
+// like the "Advanced search" in cgov listing
+// filters
+.form-label
+  +form-label()
+
+  &.inline
+    +form-label(inline, false)
+    line-height: 1em
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="week"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+textarea
+  &:hover
+    border-color: $input-focus-border-color
+
+textarea
+  height: 6em
+
+.form-actions-list
+  margin-left: -$column-gutter
+
+  a, input, button
+    margin-left: $column-gutter

data/app/assets/stylesheets/reimagine2/foundation/extensions/_global.sass

@@ -0,0 +1,2 @@
+a:focus, a:active
+  outline: auto

data/app/assets/stylesheets/reimagine2/foundation/extensions/_inline_list.sass

@@ -0,0 +1,7 @@
+.inline-list
+  margin-left: $inline-list-default-float-margin
+  margin-top: $inline-list-default-float-margin
+
+  & > li
+    margin-left: -$inline-list-default-float-margin
+    margin-top: -$inline-list-default-float-margin

data/app/assets/stylesheets/reimagine2/foundation/extensions/_pricing_table.sass

@@ -0,0 +1,6 @@
+.pricing-table
+  & *
+    line-height: inherit
+
+  .title
+    border-bottom: 1px solid #ddd

data/app/assets/stylesheets/reimagine2/foundation/extensions/_type.sass

@@ -0,0 +1,18 @@
+@import 'reimagine2/mixins/bold'
+
+// in our foundation build we set margin-left on lists
+// (see $list-side-margin)
+// We usually won't want that margin if we are not
+// showing a bulleted list
+ul.no-bullet
+  margin-left: 0
+
+  &.inline-list
+    margin-#{$default-float}: $inline-list-default-float-margin
+
+// do not change font-size line-height etc.
+strong, b, .bold
+  +bold
+
+h5, h6
+  line-height: $header-line-height

data/app/assets/stylesheets/reimagine2/helpers/_block_wrapper_link.sass

@@ -0,0 +1,16 @@
+//*
+//
+// Browsers and framework usually define colors to links that apply
+// with more priority than the main text color.
+// This ensures links use the text color of whichever elements they are
+// a child, regardless of the link state.
+//
+a.block-wrapper-link
+  display: block
+  &, &:hover, &:active, &:visited, &:focus
+    color: inherit
+
+a.fancy-hover
+  &:hover, &:active, &:focus
+    position: relative
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .4), inset 0 0 0 5px $primary-color

data/app/assets/stylesheets/reimagine2/helpers/_cleafix.sass

@@ -0,0 +1,2 @@
+.clearfix
+  @include clearfix

data/app/assets/stylesheets/reimagine2/helpers/_effects.sass

@@ -0,0 +1,5 @@
+$transition-time: .2s
+
+.fade
+  -webkit-transition: all $transition-time ease
+  transition: all $transition-time ease

data/app/assets/stylesheets/reimagine2/helpers/_text.sass

@@ -0,0 +1,23 @@
+.all-caps
+  letter-spacing: 2px
+  text-transform: uppercase
+  font-size: emCalc(14)
+
+.text-content li
+  margin-bottom: 1em
+
+.text-content article
+  padding-bottom: 2em
+
+.visual-content li
+  // same as foundation's type.css reset
+  margin-bottom: 0
+
+.content-section
+  padding-top: 2em
+  padding-bottom: 2em
+
+// equivalent to <small> but to use on a <p> so
+// the line height doesn't look strange on longer text
+p.small
+  font-size: $small-font-size

data/app/assets/stylesheets/reimagine2/helpers/_visibility.sass

@@ -0,0 +1,42 @@
+.visually-hidden
+  border: 0
+  clip: rect(0 0 0 0)
+  height: 1px
+  margin: -1px
+  overflow: hidden
+  padding: 0
+  position: absolute
+  width: 1px
+
+  &.focusable
+    &:active, &:focus
+      clip: auto
+      height: auto
+      margin: 0
+      overflow: visible
+      position: static
+      width: auto
+
+.invisible
+  visibility: hidden
+
+/*
+ * Image replacement
+ */
+
+.ir
+  background-color: transparent
+  border: 0
+  overflow: hidden
+  /* IE 6/7 fallback */
+  *text-indent: -9999px
+
+.ir:before
+  content: ""
+  display: block
+  width: 0
+  height: 150%
+
+.transparent
+  opacity: 0
+  filter: alpha(opacity = 0)

data/app/assets/stylesheets/reimagine2/ie/_grid.sass

@@ -0,0 +1,7 @@
+$include-html-grid-classes: false
+@import "foundation/components/grid"
+$include-html-grid-classes: true
+
+@for $i from 1 through $total-columns
+  .large#{-$i}
+    @include grid-column($columns:$i,$collapse:null,$float:false)

data/app/assets/stylesheets/reimagine2/ie/_visibility.sass

@@ -0,0 +1,124 @@
+.hide-for-small-up,
+.show-for-small,
+.show-for-small-down,
+.hide-for-medium,
+.hide-for-medium-up,
+.hide-for-large,
+.hide-for-large-up,
+.hide-for-large-down,
+.hide-for-xlarge-down,
+.hide-for-xlarge,
+.show-for-xlarge,
+.show-for-xlarge-up,
+.show-for-landscape,
+.hide-for-portrait,
+.show-for-touch
+  display: none !important
+
+.hide-for-small,
+.hide-for-small-down,
+.show-for-small-up,
+.show-for-medium,
+.show-for-medium-up,
+.show-for-medium-down,
+.hide-for-medium-down,
+.show-for-large,
+.show-for-large-up,
+.show-for-large-down,
+.hide-for-xlarge-up,
+.show-for-xlarge-down,
+.show-for-portrait,
+.hide-for-landscape,
+.hide-for-touch
+  display: inherit !important
+
+table
+  &.hide-for-small,
+  &.hide-for-small-down,
+  &.show-for-small-up,
+  &.show-for-medium,
+  &.show-for-medium-up,
+  &.show-for-medium-down,
+  &.hide-for-medium-down,
+  &.show-for-large,
+  &.show-for-large-up,
+  &.show-for-large-down,
+  &.hide-for-xlarge-up,
+  &.show-for-xlarge-down,
+  &.show-for-portrait,
+  &.hide-for-landscape,
+  &.hide-for-touch
+    display: table
+
+thead
+  &.hide-for-small,
+  &.hide-for-small-down,
+  &.show-for-small-up,
+  &.show-for-medium,
+  &.show-for-medium-up,
+  &.show-for-medium-down,
+  &.hide-for-medium-down,
+  &.show-for-large,
+  &.show-for-large-up,
+  &.show-for-large-down,
+  &.hide-for-xlarge-up,
+  &.show-for-xlarge-down,
+  &.show-for-portrait,
+  &.hide-for-landscape,
+  &.hide-for-touch
+    display: table-header-group
+
+tbody
+  &.hide-for-small,
+  &.hide-for-small-down,
+  &.show-for-small-up,
+  &.show-for-medium,
+  &.show-for-medium-up,
+  &.show-for-medium-down,
+  &.hide-for-medium-down,
+  &.show-for-large,
+  &.show-for-large-up,
+  &.show-for-large-down,
+  &.hide-for-xlarge-up,
+  &.show-for-xlarge-down,
+  &.show-for-portrait,
+  &.hide-for-landscape,
+  &.hide-for-touch
+    display: table-row-group !important
+
+tr
+  &.hide-for-small,
+  &.hide-for-small-down,
+  &.show-for-small-up,
+  &.show-for-medium,
+  &.show-for-medium-up,
+  &.show-for-medium-down,
+  &.hide-for-medium-down,
+  &.show-for-large,
+  &.show-for-large-up,
+  &.show-for-large-down,
+  &.hide-for-xlarge-up,
+  &.show-for-xlarge-down,
+  &.show-for-portrait,
+  &.hide-for-landscape,
+  &.hide-for-touch
+    display: table-row !important
+
+td,
+tr
+  &.hide-for-small,
+  &.hide-for-small-down,
+  &.show-for-small-up,
+  &.show-for-medium,
+  &.show-for-medium-up,
+  &.show-for-medium-down,
+  &.hide-for-medium-down,
+  &.show-for-large,
+  &.show-for-large-up,
+  &.show-for-large-down,
+  &.hide-for-xlarge-up,
+  &.show-for-xlarge-down,
+  &.show-for-portrait,
+  &.hide-for-landscape,
+  &.hide-for-touch
+    display: table-cell !important

data/app/assets/stylesheets/reimagine2/mixins/_bold.sass

@@ -0,0 +1,5 @@
+@mixin bold
+  font-family: $header-font-family
+  color: $header-font-color
+  font-weight: $header-font-weight
+  text-rendering: $header-text-rendering

data/app/assets/stylesheets/reimagine2/reimagine1/_reset_row.sass

@@ -0,0 +1,3 @@
+.row
+  padding-top: 0
+  padding-bottom: 0

data/app/views/layout/reimagine2/_typekit.html.erb

@@ -0,0 +1,2 @@
+<script type="text/javascript" src="//use.typekit.net/fva1yzc.js"></script>
+<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

data/app/views/reimagine2/_accessible_custom_select.html.erb

@@ -0,0 +1,23 @@
+<%
+  # Nice to have (if/when needed):
+  # add an optional "form_builder" option to
+  # and either create a `select_tag` or
+  # a `form_builder.select`
+
+  html_options = {
+  }.merge(html_options || {})
+
+  current_value ||= nil
+%>
+
+<%= content_tag :div do %>
+  <div class="accessible-dropdown">
+    <p class="accessible-dropdown-label hide">
+      <span href="#" class="current accessible-dropdown-value"></span>
+      <span href="#" class="selector"></span>
+    </p>
+    <%= select_tag select_field,
+      options_for_select(collection, current_value),
+      html_options %>
+  </div>
+<% end %>

data/app/views/reimagine2/_twelve_columns.html.erb

@@ -0,0 +1,5 @@
+<div class="row">
+  <div class="large-12 columns">
+    <%= yield %>
+  </div>
+</div>

data/app/views/reimagine2/challengepost/_footer.html.erb

@@ -0,0 +1,38 @@
+<footer id="challengepost-footer" class="content-section">
+  <div class="row">
+    <div class="large-9 columns">
+      <nav>
+        <ul id="site-footer-sitemap" class="inline-list all-caps bold">
+          <li><a href="http://challengepost.com/post?ref=post">Post challenges</a></li>
+          <li><a href="http://challengepost.com/jobs?ref=jobs">Jobs</a></li>
+          <li><a href="http://challengepost.com/press?ref=press">Press</a></li>
+          <li><a href="http://blog.challengepost.com/" target="_blank">Blog</a></li>
+          <li><a href="http://help.challengepost.com/" target="_blank">Help</a></li>
+        </ul>
+      </nav>
+
+      <nav>
+        <ul id="site-footer-legal" class="inline-list">
+          <li>
+            <a href="http://challengepost.com/">
+              <span class="copyright">
+                &copy; <%= Time.current.year %>
+                ChallengePost
+              </span>
+            </a>
+          </li>
+          <li><a href="http://challengepost.com/privacy">Privacy</a></li>
+          <li><a href="http://challengepost.com/terms">Terms</a></li>
+          <li><a href="http://nytm.org/made">Made in NYC</a></li>
+        </ul>
+      </nav>
+    </div>
+
+    <nav class="large-3 columns">
+      <ul id="site-footer-social" class="inline-list right ">
+        <li><a href="https://twitter.com/challengepost" target="_blank" class="ss-icon ss-social-circle ss-twitter"></a></li>
+        <li><a href="http://facebook.com/challengepost" target="_blank" class="ss-icon ss-social-circle ss-facebook"></a></li>
+      </ul>
+    </nav>
+  </div>
+</footer>