smock 0.1.6 → 0.1.7

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

@@ -0,0 +1,32 @@
+.categories__list
+  +space(margin-top, 1)
+  margin-left: 0
+
+.categories__category__link,
+.categories__subcategories__category__link
+  text-decoration: none
+
+.categories__list,
+.categories__subcategories__list
+  list-style: none
+
+.categories__subcategories__list
+  +space(margin-left, 1)
+
+.categories__category--current
+  +top-horizontal-rule(1)
+  +bottom-horizontal-rule(1)
+
+  &:first-child
+    +remove-top-horizontal-rule
+
+  &:last-child
+    +remove-bottom-horizontal-rule
+
+.categories__category--current,
+.categories__subcategories__category--current
+  > a
+    font-weight: bold
+
+.categories__subcategories__category__link
+  font-weight: normal

data/app/assets/stylesheets/modules/_footer.css.sass

@@ -0,0 +1,100 @@
+.footer-banner
+  +space(margin-bottom)
+  background: $black
+  padding: $typecsset-magic-number * 2 0
+
+.footer-banner__envato
+  +span-columns(2 of 12)
+
+.footer-banner__envato-logo
+  +space(min-height, 2)
+  +space(margin-bottom)
+  display: block
+  width: 100%
+  background: image-url('@x2/envato-large-inverse.png') center  no-repeat
+  background-size: contain
+
+.footer-banner__text
+  clear: left
+  +typecsset-font-size($second-font-size)
+  color: $gray
+  a
+    color: $white
+
+.footer-list
+  margin: 0
+  list-style: none
+  +span-columns(3)
+
+.footer-list--sister-site
+  margin: 0
+  list-style: none
+  +span-columns(5)
+  +shift(1)
+  margin-right: 0
+
+.footer-list__label
+  +space(margin-top)
+  +space(margin-bottom)
+  font-weight: bold
+
+.footer-list__item--sister-site
+  +space(margin-bottom)
+  overflow: hidden
+  &:last-of-type
+    margin-bottom: 0
+
+.footer__sister-site__image
+  +space(max-height, 5)
+  display: block
+  width: auto
+  margin: 0 auto
+
+.footer__sister-site__link
+  display: block
+
+.footer__sister-site__link--image
+  display: block
+  +span-columns(2 of 5)
+
+.footer__sister-site__description
+  +span-columns(3 of 5)
+
+.sub-footer
+  +span-columns(12 of 12)
+  +top-horizontal-rule(2)
+  +space(margin-bottom, 2)
+  +space(margin-top, 1)
+  color: $gray-light
+  p
+    +span-columns(5 of 12)
+
+.sub-footer__envato
+  +span-columns(2 of 12)
+  +shift(5)
+  text-indent: -999999px
+  background: image-url('@x2/envato-large.png') center right no-repeat
+  background-position: cover
+  background-size: contain
+
+.footer-list--social
+  margin: 0
+  +space(margin-top)
+  list-style: none
+  overflow: hidden
+
+.footer-list__item--social
+  float: left
+  a
+    +space(padding-top, 0.25)
+    +space(height, 2)
+    display: block
+  i
+    +space(margin-right, 0.5)
+    +space(line-height, 2)
+    +space(height, 1.5)
+    +space(width, 1.5)
+    display: block
+
+.footer-list__item-body
+  display: none

data/app/assets/stylesheets/modules/_header.css.sass

@@ -0,0 +1,32 @@
+@import header/categories
+@import header/nav
+@import header/search
+@import header/dropdown
+
+.header
+  +space(padding-top)
+  +space(padding-bottom)
+
+.header--inverse
+  background: $black
+
+.header
+  .container
+    position: relative
+    min-width: $max-width
+
+.header__logo
+  +span-columns(3)
+  +space(line-height, 2)
+  background: image-url('@x2/logo.png') 0 4px no-repeat
+  background-size: contain
+  text-indent: -99999px
+
+.header__logo--inverse
+  background: image-url('@x2/logo-inverse.png') 0 4px no-repeat
+  background-size: contain
+
+.header__utilities
+  +span-columns(5)
+  +flexbox
+  +flex-wrap(nowrap)

data/app/assets/stylesheets/modules/_hero.css.sass

@@ -0,0 +1,69 @@
+$hero-background: #5f636a
+
+@mixin banner-section($background_color, $background_image)
+  background-color: $background_color
+  background-image: image-url($background_image)
+  background-repeat: repeat-x
+  background-position: top center
+  +clearfix
+
+@mixin hero($image)
+  color: white
+  background-size: cover
+  +banner-section($hero-background, "heroes/#{$image}")
+  +space(min-height, 12)
+  +space(padding-top, 5)
+  +space(padding-bottom, 2)
+  background-position: center center
+  +mask(#292f38, 0.5)
+
+.hero__container
+  +outer-container
+  min-width: $max-width
+  position: relative
+
+.hero__headings
+  +span-columns(10 of 12)
+
+.hero__headings__main
+  +space(margin-bottom)
+
+.hero__headings__secondary
+  +span-columns(8 of 10)
+
+.hero__video-link
+  +span-columns(2 of 12)
+  text-align: center
+
+.hero--business-online-marketing
+  +hero('business-online-marketing.jpg')
+.hero--mobile-apps
+  +hero('mobile-apps.jpg')
+.hero--ecommerce-cms-development
+  +hero('ecommerce-cms-development.jpg')
+.hero--websites-programming
+  +hero('websites-programming.jpg')
+.hero--design-graphics
+  +hero('design-graphics.jpg')
+.hero--wordpress
+  +hero('wordpress.jpg')
+.hero--logo-design-branding
+  +hero('logo-design-branding.jpg')
+.hero--video-animation
+  +hero('video-animation.jpg')
+
+.hero__heading__video-launcher
+  text-decoration: none
+  color: white
+  +typecsset-font-size($first-font-size)
+
+.hero__heading__video-launcher__play
+  +space(border-radius, 6)
+  +space(height, 3)
+  +space(width, 3)
+  margin: 0 auto
+  display: block
+
+.hero__heading__video-launcher__unipen
+  +space(border-radius, 6)
+  box-shadow: 0 0 0 3px $white

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

@@ -0,0 +1,19 @@
+.pop-sub-nav--search
+
+.pop-sub-nav__list
+  list-style: none
+  margin: 0
+  +clearfix
+  +bottom-horizontal-rule
+  text-align: right
+
+.pop-sub-nav-item
+  position: relative
+  display: inline-block
+  +space(padding-top, 1)
+  +space(padding-left, 0.5)
+  +space(padding-right, 0.5)
+  text-transform: capitalize
+
+  &.is-active
+    font-weight: bold

data/app/assets/stylesheets/modules/_pagination.css.sass

@@ -0,0 +1,5 @@
+.pagination-right
+  text-align: right
+  float: right
+  +space(margin-top)
+  +space(margin-bottom)

data/app/assets/stylesheets/modules/_search_filters.css.sass

@@ -0,0 +1,34 @@
+.search-filters__price__label
+  display: block
+
+// FIXME: Hardcoded colors
+.search-filters__price--min
+  color: $gray
+
+.search-filters__price__input,
+.search-filters__price__input--left
+  +border(1px, $gray-light)
+  +space(margin-right, 0.2)
+  border: 0
+  border-radius: $border-radius
+  text-align: center
+  color: $black
+
+.search-filters__price__submit__button
+  +space(width)
+  +space(height)
+  +typecsset-font-size($base-font-size)
+  float: right
+  background: $gray
+  border-radius: $border-radius
+  text-align: center
+  color: $white
+
+// FIXME: generic selector?
+.search-filters__price,
+.search-filters__turnaround,
+.search-filters__country
+  +space(padding, 1)
+  +space(margin-bottom, 1)
+  background: $gray-lightest
+  border-radius: $border-radius

data/app/assets/stylesheets/modules/_service.css.sass

@@ -0,0 +1,58 @@
+.service
+  position: relative
+  +clearfix
+  +space(margin-bottom)
+
+.service__title
+  +typecsset-font-size($base-font-size)
+  +space(line-height, 2)
+  margin-bottom: 0
+
+.service__title__details
+  color: $gray
+
+.service__gallery
+  +space(height, 5)
+  +span-columns(6 of 9)
+  +flexbox
+  +flex-wrap(nowrap)
+
+.service__gallery__item
+  text-decoration: none
+  position: relative
+  top: -2px
+  +flex-grow(1)
+
+.service__gallery__image
+  display: block
+  width: auto
+  height: 100%
+  margin: 0 auto
+
+.service__info
+  +span-columns(3 of 9)
+  +space(min-height, 5)
+  +space(padding-bottom, 2)
+  +typecsset-font-size($small-font-size)
+  position: relative
+
+.service__price
+  +typecsset-font-size($first-font-size)
+  font-weight: bold
+
+.service__provider
+  position: absolute
+  bottom: 0
+  +space(height, 2)
+  width: 100%
+
+.service__provider__name a
+  font-weight: bold
+
+.service__provider__avatar
+  float: left
+  +space(margin-right, 0.5)
+  +space(height, 2)
+
+  img
+    height: 100%

data/app/assets/stylesheets/modules/_styleguide.css.sass

@@ -0,0 +1,73 @@
+.style-group__example
+  +space(margin-bottom, 2)
+
+.style-group__example__label
+  clear: both
+  display: block
+  +bottom-horizontal-rule
+
+.style-group__example__colors
+  margin: 0
+  list-style: none
+  +space(margin-bottom)
+  overflow: hidden
+
+.style-group__example__color
+  +span-columns(2 of 12)
+  +border
+  border-radius: $border-radius
+  text-align: center
+  padding: $typecsset-magic-number / 2
+
+
+.style-group__example__color__name,
+.style-group__example__color__hex
+  display: block
+
+.style-group__example__color__swatch
+  +space(height, 5)
+  width: 100%
+
+.style-group__example__color__swatch--blue
+  @extend .style-group__example__color__swatch
+  background: $blue
+
+.style-group__example__color__swatch--green
+  @extend .style-group__example__color__swatch
+  background: $green
+
+.style-group__example__color__swatch--orange
+  @extend .style-group__example__color__swatch
+  background: $orange
+
+.style-group__example__color__swatch--yellow
+  @extend .style-group__example__color__swatch
+  background: $yellow
+
+.style-group__example__color__swatch--red
+  @extend .style-group__example__color__swatch
+  background: $red
+
+.style-group__example__color__swatch--black
+  @extend .style-group__example__color__swatch
+  background: $black
+
+.style-group__example__color__swatch--gray-dark
+  @extend .style-group__example__color__swatch
+  background: $gray-dark
+
+.style-group__example__color__swatch--gray
+  @extend .style-group__example__color__swatch
+  background: $gray
+
+.style-group__example__color__swatch--gray-light
+  @extend .style-group__example__color__swatch
+  background: $gray-light
+
+.style-group__example__color__swatch--gray-lightest
+  @extend .style-group__example__color__swatch
+  background: $gray-lightest
+
+.style-group__example__color__swatch--white
+  @extend .style-group__example__color__swatch
+  background: $white

data/app/assets/stylesheets/modules/_testimonials.css.sass

@@ -0,0 +1,27 @@
+.testimonials
+  +top-horizontal-rule(3)
+  +span-columns(7 of 8)
+
+.testimonial
+  font-family: $font-stack-serif
+  display: block
+  overflow: hidden
+
+.testimonial--single
+  clear: both
+  width: 100%
+  margin: 0
+  +space(margin-bottom)
+
+.testimonial__image
+  +span-columns(2 of 7)
+  +space(min-height, 7)
+  img
+    display: block
+    border-radius: $border-radius
+
+.testimonial__content
+  +span-columns(5 of 7)
+
+.testimonial__content__body
+  margin-bottom: 0