smock 0.1.6 → 0.1.7

data/app/assets/stylesheets/modules/form/_credit_card.css.sass

@@ -0,0 +1,15 @@
+.credit-card
+  display: none
+
+.credit-card,
+.credit-card__numbers,
+.credit-card__expiry
+  +clearfix
+
+.credit-card__numbers__card-number
+  +span-columns(3 of 4)
+.credit-card__numbers__cvv
+  +span-columns(1 of 4)
+.credit-card__expiry__month,
+.credit-card__expiry__year
+  +span-columns(2 of 4)

data/app/assets/stylesheets/modules/form/_payment_method.css.sass

@@ -0,0 +1,28 @@
+.payment-method
+  +clearfix
+  span
+    display: inline-block
+    float: left
+    +space(margin-right)
+    input
+      width: auto
+      float: left
+      display: inline
+      margin: 3px
+      +space(height)
+      +space(width)
+      +space(margin-top, 0.5)
+      +space(margin-bottom, 0.5)
+      box-shadow: 0 0 0 0 transparent
+    label[for$="paypal"]
+      background: image-url('@x2/paypal_payment.png') center no-repeat
+    label[for$="braintree"]
+      background: image-url('@x2/creditcard_payment.png') center no-repeat
+    label
+      +space(line-height)
+      +space(height, 2)
+      display: block
+      width: 74px
+      float: left
+      text-indent: -9999px
+

data/app/assets/stylesheets/modules/header/_categories.css.sass

@@ -0,0 +1,40 @@
+.header__categories
+  +span-columns(2)
+  +space(line-height, 2)
+  position: relative
+  &:hover
+    .header__categories__dropdown__top-level
+      display: block
+
+.header__categories__label
+  +space(line-height, 2)
+  +border(3px)
+  display: block
+  text-align: center
+  border-radius: $border-radius
+  cursor: pointer
+
+.header__categories__down-arrow
+  +space(line-height)
+  display: inline-block
+  //refactor these pixel values
+  height: 10px
+  width: 10px
+  margin-left: 5px
+  background-position: center !important
+
+.header__categories__dropdown__top-level
+  +span-columns(4 of 2)
+  +space(padding)
+  +border
+  position: absolute
+  z-index: 10000
+  margin: 0
+  list-style: none
+  background: $white
+  display: none
+
+.header__categories__dropdown__top-level__link
+  text-decoration: none
+  &:hover
+    text-decoration: underline

data/app/assets/stylesheets/modules/header/_dropdown.css.sass

@@ -0,0 +1,55 @@
+.header__login:hover
+  .header__dropdown-container
+    display: block
+
+.header__dropdown-container
+  +span-columns(3 of 12)
+  +space(top, 2)
+  +space(line-height)
+  +space(padding)
+  +border
+  display: none
+  position: absolute
+  right: 0
+  margin: 0
+  z-index: 10000
+  list-style: none
+  background: $white
+  border-radius: $border-radius
+
+.header__dropdown
+  margin: 0
+  list-style: none
+
+.header__dropdown__seperator
+  +top-horizontal-rule
+
+//dropdown concerning categories
+.header__categories__dropdown__top-level__link--active
+  text-decoration: underline
+
+.header__categories__dropdown__top-level__category
+  margin: $typecsset-magic-number / 2 0
+  +typecsset-font-size($base-font-size)
+
+.header__categories__dropdown__top-level__category--content
+  +typecsset-font-size($base-font-size)
+  margin-top: $typecsset-magic-number * 2
+
+.header__categories__dropdown__subcategories
+  +span-columns(4 of 4)
+  +shift(4)
+  +space(padding)
+  +space(min-height, 19)
+  +typecsset-font-size($base-font-size)
+  position: absolute
+  top: 0
+  left: -$gutter
+  background: $gray-lightest
+  list-style: none
+  z-index: 10000
+  display: none
+  a
+    text-decoration: none
+    &:hover
+      text-decoration: underline

data/app/assets/stylesheets/modules/header/_nav.css.sass

@@ -0,0 +1,58 @@
+.header__nav
+  +span-columns(2)
+  +space(line-height, 2)
+
+.header__nav--user
+  padding-left: $gutter
+  +flex-wrap(nowrap)
+
+.header__nav--user--guest
+  @extend .header__nav--user
+  width: $column * 2
+
+.header__nav-link--button
+  +space(line-height, 2)
+  +border(3px)
+  display: block
+  text-align: center
+  border-radius: $border-radius
+  text-decoration: none
+  font-weight: bold
+
+.header__nav__arrow
+  +space(line-height)
+  display: inline-block
+  //refactor these pixel values
+  height: 10px
+  width: 10px
+  margin-left: 5px
+  background-position: center !important
+
+.header__nav__profile
+  +space(line-height, 2)
+  display: block
+  text-align: right
+
+.header__nav__profile:hover
+  .header__nav__dropdown--container
+    display: block
+
+.header__nav__dropdown--container
+  +span-columns(2 of 12)
+  +space(top, 2)
+  +space(line-height)
+  +space(padding)
+  +border
+  display: none
+  position: absolute
+  right: 0
+  margin: 0
+  z-index: 10000
+  list-style: none
+  background: $white
+  border-radius: $border-radius
+
+.header__nav__dropdown
+  list-style: none
+  margin: 0
+  text-align: left

data/app/assets/stylesheets/modules/header/_search.css.sass

@@ -0,0 +1,32 @@
+.header__search
+  +flex-grow(1)
+  position: relative
+
+.header__search__label
+  display: none
+
+.header__search__body
+  +span-columns(4 of 4)
+  +space(padding, 0.5)
+  +space(padding-right, 2)
+  +border(1px, $gray-light)
+  +typecsset-font-size($base-font-size)
+  border: 0
+  background: $gray-lightest
+  border-radius: $border-radius
+
+.header__search__button
+  +space(height, 2)
+  +space(width, 2)
+  position: absolute
+  right: 0
+  top: 0
+  border: 0
+  background: transparent
+
+.header__search__button__icon
+  width: 75%
+  height: 75%
+  display: block
+  margin: 0 auto
+  background-position: center !important

data/app/assets/stylesheets/modules/service/_favorites.css.sass

@@ -0,0 +1,82 @@
+.service-favorite
+  clear: both
+  border-bottom: 1px solid red
+
+.service-favorite__remove,
+.service-favorite__add
+  display: block
+
+.service-favorite__remove-button
+  +border(1px, transparent)
+  position: relative
+  float: left
+  display: block
+  background-color: $red
+  border-radius: $border-radius
+
+.service-favorite__add-button
+  +border
+  position: relative
+  float: left
+  display: block
+  border-radius: $border-radius
+  &:hover
+    .hot-icon__fave--default
+      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni42OTMgNTYuNjkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Ni42OTMgNTYuNjkzIj48cGF0aCBmaWxsPSIjRTY1RjUxIiBkPSJNMzguNDM0IDguMzU3Yy00LjA1OCAwLTcuNzc5IDIuMzk2LTEwLjM3MSA0LjYzNy0yLjU5Mi0yLjI0MS02LjMxMy00LjYzNy0xMC4zNzEtNC42MzctOC40MTkgMC0xMy44NTkgNS4zNDMtMTMuODU5IDEzLjYxMSAwIDcuMDk0IDYuMjYzIDEyLjU1NSA2LjI2OSAxMi41NTVsMTUuNDU2IDE0LjkxMWMuNjY2LjY2NiAxLjU1NiAxLjAzMyAyLjUwNiAxLjAzM3MxLjgzNS0uMzYyIDIuNDc5LTEuMDA2bDE1LjUtMTQuOTI3YzEuNDY2LTEuNDAzIDYuMjUxLTYuNDU3IDYuMjUxLTEyLjU2NS0uMDAxLTguMjY5LTUuNDQxLTEzLjYxMi0xMy44Ni0xMy42MTJ6bS0yNS42MjEgMjMuMjI4Yy0uMDUtLjA0NS00Ljk4MS00LjU1NS00Ljk4MS05LjYxNyAwLTYuMTk4IDMuNTAxLTkuNjExIDkuODU5LTkuNjExIDMuNTg3IDAgNy4xNTcgMi45OTYgOC45NjYgNC43ODJsMS40MDUgMS4zODggMS40MDUtMS4zODhjMS44MDktMS43ODYgNS4zNzktNC43ODIgOC45NjYtNC43ODIgNi4zNTggMCA5Ljg1OSAzLjQxNCA5Ljg1OSA5LjYxMSAwIDQuNTIzLTMuODc4IDguNTg1LTUuMDY5IDkuNzI1bC0xNS4xNiAxNC42MDEtMTUuMjUtMTQuNzA5eiIvPjwvc3ZnPg==) no-repeat
+
+.service-favorite__remove-button--inline
+  @extend .service-favorite__remove-button
+
+.service-favorite__add-button--inline
+  @extend .service-favorite__add-button
+
+.service-favorite__add-button--inline, .service-favorite__remove-button--inline
+  +space(width)
+  +space(height)
+  +space(margin-right, 0.2)
+  float: right
+  z-index: 1
+
+.service-favorite__icon
+  +space(height, 0.75)
+  +space(width, 0.75)
+  display: block
+  position: relative
+  +space(top, 0.125)
+  +space(left, 0.125)
+
+.service-favorite__icon--inline
+  +space(height, 0.75)
+  +space(width, 0.75)
+  display: block
+  position: relative
+  left: 14%
+  top: 14%
+
+.service-favorite__count
+  +space(line-height, 2)
+  +space(min-width)
+  text-align: center
+  +border
+  border-radius: 2px
+  font-weight: bold
+  position: relative
+
+.service-favorite__count--inline
+  @extend .service-favorite__count
+  float: right
+  +space(line-height)
+  padding: 0 $typecsset-magic-number / 4
+
+.service-featured
+  float: right
+
+.service-featured__icon
+  +space(height)
+  +space(width)
+  +space(margin-right, 0.5)
+
+.service-featured__icon--inline
+  +space(height)
+  +space(width)
+  +space(margin-right, 0.5)

data/app/assets/stylesheets/smock.sass

@@ -0,0 +1,181 @@
+@import "thirdparty/normalize"
+@import "thirdparty/bourbon/bourbon"
+@import "thirdparty/neat/neat"
+
+@import "thirdparty/flexbox_mixins"
+@import "thirdparty/nprogress"
+@import "thirdparty/video-js"
+@import "thirdparty/jquery.fancybox"
+@import "includes/typography_settigns"
+@import "thirdparty/typecsset"
+@import "includes/typography"
+@import "includes/grid"
+@import "includes/colors"
+@import "includes/icons"
+@import "includes/mixins"
+@import "includes/forms"
+@import "includes/layouts"
+
+@import "modules/styleguide"
+@import "modules/header"
+@import "modules/footer"
+@import "modules/hero"
+@import "modules/categories"
+@import "modules/search_filters"
+@import "modules/nav"
+@import "modules/service"
+@import "modules/service/*"
+@import "modules/pagination"
+@import "modules/testimonials"
+@import "modules/asset_uploader"
+@import "modules/form/credit_card"
+@import "modules/form/payment_method"
+
+
+.hero--affiliates
+  background: image-url('heroes/affiliates.jpg') center no-repeat
+  background-size: cover
+  width: 100%
+  color: $white
+  +mask(#292f38, 0.75)
+  +space(margin-bottom)
+  a
+    color: $white
+
+.hero-header__content--centered
+  +outer-container
+  min-width: $max-width // forcing non responsive for the moment
+  +space(padding-top, 2)
+  +space(padding-bottom, 2)
+  text-align: center
+  position: relative
+
+.hero-header__title
+  +span-columns(8 of 12)
+  +shift(2)
+
+.hero-header__description
+  +span-columns(6 of 12)
+  +shift(3)
+  +space(margin-bottom)
+
+.hero-header__icon
+  +space(height, 3)
+  +space(margin-bottom)
+  +span-columns(2 of 12)
+  +shift(5)
+  background-position: center !important
+
+.content
+  +outer-container
+  min-width: $max-width // forcing non responsive for the moment
+  +space(margin-bottom)
+
+.image--mast
+  +space(min-height, 14)
+  +space(margin-bottom)
+  img
+    display: block
+
+.block
+  +span-columns(6)
+  +shift(3)
+  +bottom-horizontal-rule(2, 3px)
+  &:last-of-type
+    +hide-bottom-horizontal-rule
+
+.block__text__heading
+  margin-bottom: 0
+
+.block__text__content
+  margin-bottom: 0
+
+.block__text
+  +span-columns(4 of 6)
+
+.block__aside
+  +span-columns(2 of 6)
+  text-align: right
+
+.block__icon
+  +space(height, 3)
+  background-position: center right !important
+
+.block__icon--top
+  +space(margin-top)
+
+.button
+  +span-columns(4)
+  +shift(4)
+  border: 0
+  box-shadow: inset 0 0 0 0 transparent
+  background-color: $orange
+  border-radius: 4px
+  text-align: center
+  text-decoration: none
+  color: $white
+  font-weight: bold
+  +space(line-height, 2)
+
+.button--large
+  width: 100%
+  margin-left: 0
+  +typecsset-font-size($first-font-size)
+  +space(line-height, 3)
+
+.hint
+  +space(line-height, 2)
+  +span-columns(12)
+  text-align: center
+
+.container
+  +outer-container
+  min-width: $max-width
+
+.assumed-user-warning
+  background: black image-url('assume-user-eyes.jpg') no-repeat center center
+  background-size: cover
+  height: 100px
+
+.header-strip
+  background-color: $blue
+  .strip__close
+    float: right
+    color: $white
+    &:hover
+      text-decoration: none
+      color: lighten($blue, 30%)
+
+.header-strip__container
+  +outer-container
+  min-width: $max-width
+  text-align: center
+  +space(line-height, 2)
+  color: $white
+
+.header-strip__action
+  color: $white
+  text-decoration: underline
+  &:hover
+    text-decoration: none
+    color: $white
+
+.marketing-countdown
+  +space(margin-left)
+  text-align: center
+  float: left
+
+.marketing-countdown__svg
+  +space(height, 5)
+  display: block
+  margin: 0 auto
+  +space(margin-bottom)
+
+.marketing-countdown__copy
+  +typecsset-font-size($first-font-size)
+  color: $green
+  display: block
+  text-transform: uppercase
+  font-weight: bold
+  font-style: italic
+