reimagine2 2.0.28

data/app/assets/javascripts/reimagine2.js

@@ -0,0 +1,6 @@
+//= require jquery
+//= require jquery_ujs
+
+//= require 'reimagine2/foundation'
+//= require 'reimagine2/base'
+//= require 'reimagine2/accessible_custom_select'

data/app/assets/javascripts/reimagine2/accessible_custom_select.coffee

@@ -0,0 +1,43 @@
+class AccessibleCustomDrowpDownBuilder
+  constructor: (@$wrapper) ->
+    @build()
+
+  build: ->
+    @init()
+    @bind()
+    @ready()
+
+  init: ->
+    @$select = @$wrapper.find('select')
+    @$label = @$wrapper.find('.accessible-dropdown-label')
+    @$value = @$label.find('.accessible-dropdown-value')
+
+    @changedLabel()
+
+  bind: ->
+    @$select.on 'change keyup', @changedLabel
+    @$select.on 'focusin', @highlightWrapper
+    @$select.on 'focusout', @lowlightWrapper
+
+  highlightWrapper: =>
+    @$wrapper.addClass('focus')
+
+  lowlightWrapper: =>
+    @$wrapper.removeClass('focus')
+
+  changedLabel: =>
+    labelText = @$select.find(":selected").text()
+    @$value.text(labelText)
+
+  ready: ->
+    @$select.addClass('transparent accessible-dropdown-ready')
+
+    @$label.addClass('custom dropdown initialized')
+    @$label.removeClass('hide')
+
+class AccessibleCustomDropdown
+  @setup: ->
+    $('.accessible-dropdown:not(.initialized)').each ->
+      new AccessibleCustomDrowpDownBuilder($(@))
+
+@Reimagine2.AccessibleCustomDropdown = AccessibleCustomDropdown

data/app/assets/javascripts/reimagine2/base.coffee

@@ -0,0 +1,6 @@
+class Reimagine2
+  constructor: ->
+    unless $('html').hasClass('lt-ie9')
+      $(document).foundation()
+
+@Reimagine2 = Reimagine2

data/app/assets/javascripts/reimagine2/foundation.js

@@ -0,0 +1,3 @@
+//= require foundation/foundation
+//= require foundation/foundation.topbar
+//= require foundation/foundation.reveal

data/app/assets/stylesheets/reimagine2.css.sass

@@ -0,0 +1,15 @@
+@charset "UTF-8"
+
+@import 'reimagine2/config'
+
+@import 'compass'
+
+@import 'reimagine2/foundation'
+
+@import 'reimagine2/components'
+@import 'reimagine2/helpers'
+
+@import 'reimagine2/ie'
+
+@import 'reimagine2/challengepost'
+@import 'reimagine2/fonts'

data/app/assets/stylesheets/reimagine2/_challengepost.sass

@@ -0,0 +1,4 @@
+// styles for the challengepost platform
+
+@import 'challengepost/simple_form'
+@import 'challengepost/footer'

data/app/assets/stylesheets/reimagine2/_components.sass

@@ -0,0 +1 @@
+@import 'components/tabs'

data/app/assets/stylesheets/reimagine2/_config.sass

@@ -0,0 +1 @@
+@import 'reimagine2/config/colors'

data/app/assets/stylesheets/reimagine2/_export.sass

@@ -0,0 +1,7 @@
+// this file is meant to export variables
+// to be used in other projects. We should not
+// need to import it within reimagine2.
+$include-html-classes: false
+@import 'reimagine2/foundation/config'
+@import 'foundation/components/global'
+@import 'reimagine2/config'

data/app/assets/stylesheets/reimagine2/_fonts.sass

@@ -0,0 +1,4 @@
+//this file can be made a partial when we remove reimagine v1
+@import "reimagine2/fonts/symbolset/ss-social"
+@import "reimagine2/fonts/symbolset/ss-standard"
+@import "reimagine2/fonts/proxima/proxima"

data/app/assets/stylesheets/reimagine2/_foundation.sass

@@ -0,0 +1,10 @@
+@import 'foundation/config'
+// override this in your own project see file for more information
+@import 'reimagine2/foundation_and_overrides'
+
+// this is to fight with reimage v1
+// which defines some styles on .row
+@import 'reimagine2/reimagine1/reset_row'
+
+@import 'foundation/build'
+@import 'foundation/extensions'

data/app/assets/stylesheets/reimagine2/_foundation_and_overrides.sass

@@ -0,0 +1,2 @@
+// override configuration options for reimagine2 and foundation components
+

data/app/assets/stylesheets/reimagine2/_helpers.sass

@@ -0,0 +1,4 @@
+@import 'helpers/block_wrapper_link'
+@import 'helpers/effects'
+@import 'helpers/text'
+@import 'helpers/visibility'

data/app/assets/stylesheets/reimagine2/_ie.sass

@@ -0,0 +1,3 @@
+.lt-ie9
+  @import 'ie/grid'
+  @import 'ie/visibility'

data/app/assets/stylesheets/reimagine2/challengepost/_footer.sass

@@ -0,0 +1,22 @@
+#challengepost-footer
+  background-color: $challengepost-footer-background-color
+  color: $challengepost-footer-font-color
+
+  .inline-list
+    margin-left: -(emCalc(22))
+
+    li
+      margin-left: emCalc(22)
+
+  a
+    +link-colors($challengepost-footer-font-color, $hover: white, $active: white, $focus: white)
+
+  ul
+    margin-bottom: 0
+
+#site-footer-social a
+  font-size: 2em
+
+#site-footer-legal
+  &, a
+    color: darken($challengepost-footer-font-color, 10%)

data/app/assets/stylesheets/reimagine2/challengepost/_simple_form.sass

@@ -0,0 +1,34 @@
+input[type="checkbox"]
+  margin-right: 0.5em
+
+label
+  color: $header-font-color
+
+  &.checkbox
+    color: $body-font-color
+    font-weight: normal
+
+  abbr[title]
+    color: $error-color
+    border-bottom: 0
+
+form .input
+  margin-bottom: emCalc(24)
+
+.check_boxes, .radio_buttons
+  label:first-child
+    margin-bottom: emCalc(10)
+
+  input[type="checkbox"],
+  input[type="radio"]
+    margin-bottom: emCalc(10)
+
+.fieldWithErrors
+  input, textarea
+    border-color: $error-color
+
+    &:hover, &:focus
+      border-color: $error-color
+
+  .errors
+    color: $error-color

data/app/assets/stylesheets/reimagine2/components/_tabs.sass

@@ -0,0 +1,57 @@
+$include-html-tab-nav-classes: $include-html-classes !default
+
+$tab-nav-spacing: emCalc(4) !default
+$tab-nav-padding: emCalc(6 12) !default
+$tab-nav-bg: darken(#fff, 5%) !default
+$tab-nav-border-color: darken($tab-nav-bg, 10%) !default
+$tab-nav-border-width: emCalc(1) !default
+
+$tab-nav-active-bg: white !default
+$tab-nav-active-border-color: $primary-color !default
+$tab-nav-active-border-width: emCacl(3) !default
+$tab-nav-active-color: $header-font-color !default
+
+$tab-nav-extra-negative-spacing: 0 !default
+
+@mixin tab-nav
+  margin-left: -($tab-nav-spacing + $tab-nav-extra-negative-spacing)
+  margin-bottom: 0
+  border-bottom: $tab-nav-border-width solid $tab-nav-border-color
+
+  li, a
+    display: block
+
+  @media #{$small}
+    border-bottom: none
+
+    li, a
+      display: inline-block
+
+  li
+    list-style: none
+    margin-left: $tab-nav-spacing
+
+  .active, li:hover, li:focus
+    a
+      color: $header-font-color
+      background-color: white
+
+  a
+    padding: $tab-nav-padding
+    border: $tab-nav-border-width solid $tab-nav-border-color
+    border-bottom: 0
+    background: $tab-nav-bg
+
+  .active a
+    cursor: default
+    border: none
+    border-top: 3px solid $tab-nav-active-border-color
+    margin-top: $tab-nav-active-border-width - $tab-nav-border-width
+
+  .active a, a:hover, a:focus
+    color: $tab-nav-active-color
+    background: $tab-nav-active-bg
+
+@if $include-html-tab-nav-classes != false
+  .tab-nav
+    +tab-nav

data/app/assets/stylesheets/reimagine2/config/_challengepost_config.sass

@@ -0,0 +1,23 @@
+// Tab-nav
+
+// $include-html-tab-nav-classes: $include-html-classes
+
+// Inactive tabs
+
+// $tab-nav-spacing: emCalc(8)
+// $tab-nav-padding: emCalc(0 8)
+// $tab-nav-bg: darken(#fff, 5%)
+// $tab-nav-border-color: darken($tab-nav-bg, 10%)
+// $tab-nav-border-width: emCalc(1)
+
+// Active tabs
+
+// $tab-nav-active-bg: white
+// $tab-nav-active-border-color: $primary-color
+// $tab-nav-active-border-width: emCacl(3)
+// $tab-nav-active-color: $header-font-color
+
+// It may make sense to need it to align with the .row when
+// inside a .columns.
+
+// $tab-nav-extra-negative-spacing: 0

data/app/assets/stylesheets/reimagine2/config/_colors.sass

@@ -0,0 +1,5 @@
+// define your colors here
+$challengepost-footer-background-color: #303133
+$challengepost-footer-font-color: #adadad
+
+$error-color: #ff0000

data/app/assets/stylesheets/reimagine2/fonts/proxima/_proxima.css.scss

@@ -0,0 +1,61 @@
+/* @license
+ * MyFonts Webfont Build ID 2687000, 2013-11-12T11:24:51-0500
+ *
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are
+ * explicitly restricted from using the Licensed reimagine2/proxima(s).
+ *
+ * You may obtain a valid license at the font-urls below.
+ *
+ * Webfont: Proxima Nova Italic by Mark Simonson
+ * font-url: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/
+ *
+ * Webfont: Proxima Nova Bold Italic by Mark Simonson
+ * font-url: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/
+ *
+ * Webfont: Proxima Nova Regular by Mark Simonson
+ * font-url: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
+ *
+ * Webfont: Proxima Nova Bold by Mark Simonson
+ * font-url: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
+ *
+ *
+ * License: http://www.myfonts.com/viewlicense?type=web&buildid=2687000
+ * Licensed pageviews: 1,000,000
+ * reimagine2/proxima copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
+ *
+ * © 2013 MyFonts Inc
+ */
+@font-face {
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 400;
+  src: font-url('reimagine2/proxima/proximanova-regular.woff') format('woff'),
+       font-url('reimagine2/proxima/proximanova-regular.ttf') format('truetype');
+}
+
+
+@font-face {
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 600;
+  src: font-url('reimagine2/proxima/proximanova-bold.woff') format('woff'),
+       font-url('reimagine2/proxima/proximanova-bold.ttf') format('truetype');
+}
+
+
+@font-face {
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 400;
+  src: font-url('reimagine2/proxima/proximanova-regularit.woff') format('woff'),
+       font-url('reimagine2/proxima/proximanova-boldit.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 600;
+  src: font-url('reimagine2/proxima/proximanova-boldit.woff') format('woff'),
+       font-url('reimagine2/proxima/proximanova-boldit.ttf') format('truetype');
+}

data/app/assets/stylesheets/reimagine2/fonts/symbolset/_ss-social.css.scss

@@ -0,0 +1,61 @@
+/*
+* Symbolset
+* www.symbolset.com
+* Copyright © 2012 Oak Studios LLC
+*
+* Upload this file to your web server
+* and place this within your <head> tags.
+* <link href="webfonts/ss-social.css" rel="stylesheet" />
+*/
+
+@font-face {
+  font-family: "SSSocial";
+  src: font-url('reimagine2/ss-social/ss-social-circle.eot');
+  src: font-url('reimagine2/ss-social/ss-social-circle.eot?#iefix') format('embedded-opentype'),
+       font-url('reimagine2/ss-social/ss-social-circle.woff') format('woff'),
+       font-url('reimagine2/ss-social/ss-social-circle.ttf') format('truetype'),
+       font-url('reimagine2/ss-social/ss-social-circle.svg#SSSocialCircle') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "SSSocial";
+  src: font-url('reimagine2/ss-social/ss-social-regular.eot');
+  src: font-url('reimagine2/ss-social/ss-social-regular.eot?#iefix') format('embedded-opentype'),
+       font-url('reimagine2/ss-social/ss-social-regular.woff') format('woff'),
+       font-url('reimagine2/ss-social/ss-social-regular.ttf') format('truetype'),
+       font-url('reimagine2/ss-social/ss-social-regular.svg#SSSocialRegular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle,
+[class^="ss-"]:before, [class*=" ss-"]:before,
+[class^="ss-"][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before,
+[class^="ss-"].right:after, [class*=" ss-"].right:after,
+[class^="ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after{
+  font-family: "SSSocial";
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+  text-rendering: optimizeLegibility;
+  white-space: nowrap;
+  -webkit-font-feature-settings: "liga";
+  -moz-font-feature-settings: "liga=1";
+  -moz-font-feature-settings: "liga";
+  -ms-font-feature-settings: "liga" 1;
+  -o-font-feature-settings: "liga";
+  font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+}
+
+.ss-icon.ss-social-circle,
+[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
+[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after{
+  font-weight: bold;
+}
+
+[class^="ss-"].right:before, [class^="ss-"][class*=" ss-social"].right:before{display:none;content:'';}
+
+.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}

data/app/assets/stylesheets/reimagine2/fonts/symbolset/_ss-standard.css.scss

@@ -0,0 +1,51 @@
+/*
+* Symbolset
+* www.symbolset.com
+* Copyright © 2012 Oak Studios LLC
+*
+* Upload this file to your web server
+* and place this within your <head> tags.
+* <link href="webfonts/ss-standard.css" rel="stylesheet" />
+*/
+
+@font-face {
+  font-family: "SSStandard";
+  src: font-url('reimagine2/ss-standard/ss-standard.eot');
+  src: font-url('reimagine2/ss-standard/ss-standard.eot?#iefix') format('embedded-opentype'),
+       font-url('reimagine2/ss-standard/ss-standard.woff') format('woff'),
+       font-url('reimagine2/ss-standard/ss-standard.ttf')  format('truetype'),
+       font-url('reimagine2/ss-standard/ss-standard.svg#SSStandard') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
+html:hover [class^="ss-"]{-ms-zoom: 1;}
+
+.ss-icon, .ss-icon.ss-standard,
+[class^="ss-"]:before, [class*=" ss-"]:before,
+[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
+[class^="ss-"].right:after, [class*=" ss-"].right:after,
+[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
+  font-family: "SSStandard";
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+  text-rendering: optimizeLegibility;
+  white-space: nowrap;
+  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
+  -moz-font-feature-settings: "liga=1";
+  -moz-font-feature-settings: "liga";
+  -ms-font-feature-settings: "liga" 1;
+  -o-font-feature-settings: "liga";
+  font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+}
+
+[class^="ss-"].right:before,
+[class*=" ss-"].right:before{display:none;content:'';}
+
+.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}
+
+/* Legacy classes */
+.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}