kickstart_rails 3.0.42 → 3.0.43

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dec7a79c168fab7ca6367949a911b8d98c8ff066
-  data.tar.gz: afa58a07e02fc6b714b1e6ac8bce395534197545
+  metadata.gz: 28947d5c671b3b02527e5596132c42e5b48a0806
+  data.tar.gz: 379f8e028e58e09eb15afe87b61be1ae4e611190
 SHA512:
-  metadata.gz: d26afb65dc8adc9f9fbd3a6245546a538233246844a5095930e853c1dd1db6412633be85cccdcd920e62fb9e77f1f0065f983f3769fde4225a87c1788c370d1e
-  data.tar.gz: 9e579483663e30940ff4cfbda8dd5591bc5cf6e6ab531d249c9a62ecb8f9694fbbcedf51999e7c72af2b92dbf4c1ef0a11b868483ea46195e2ff94f6e57cd408
+  metadata.gz: e093588cb31033296eb87ee2a3e8b49af0bed9d676cc88ce914049971dec7020a769121933144e510bfeeaf26655ec2cbd2adc62a8c427729dafae5edb889b0e
+  data.tar.gz: 40208883d959b8706400cf68b6a8909cf84b88aa335ea11a470c08728cdb35173d3c0c0f87a7e75ea0fe689a725dd59870b2bc7b793fde25dc2d71bc65264c83

data/lib/kickstart_rails/version.rb

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "3.0.42"
+  VERSION = "3.0.43"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kickstart_rails
 version: !ruby/object:Gem::Version
-  version: 3.0.42
+  version: 3.0.43
 platform: ruby
 authors:
 - Adam Kochanowicz
@@ -119,28 +119,8 @@ files:
 - app/assets/stylesheets/core/components/_tables.sass
 - app/assets/stylesheets/core/components/_tabs.sass
 - app/assets/stylesheets/core/components/_tooltips.sass
-- app/assets/stylesheets/docs.sass
-- app/assets/stylesheets/fullpage.sass
 - app/assets/stylesheets/index.scss
-- app/assets/stylesheets/kickstart-semantic.sass
-- app/assets/stylesheets/kickstart.sass
 - app/assets/stylesheets/kickstart_rails.scss
-- app/assets/stylesheets/pages/docs/form.sass
-- app/assets/stylesheets/pages/docs/grid.sass
-- app/assets/stylesheets/pages/docs/index.sass
-- app/assets/stylesheets/pages/docs/ui/alerts.sass
-- app/assets/stylesheets/pages/docs/ui/buttons.sass
-- app/assets/stylesheets/pages/docs/ui/forms.sass
-- app/assets/stylesheets/pages/docs/ui/images.sass
-- app/assets/stylesheets/pages/docs/ui/labels.sass
-- app/assets/stylesheets/pages/docs/ui/modals.sass
-- app/assets/stylesheets/pages/docs/ui/navigation.sass
-- app/assets/stylesheets/pages/docs/ui/notifications.sass
-- app/assets/stylesheets/pages/docs/ui/tables.sass
-- app/assets/stylesheets/pages/docs/ui/tabs.sass
-- app/assets/stylesheets/pages/docs/ui/tooltips.sass
-- app/assets/stylesheets/pages/docs/ui/typography.sass
-- app/assets/stylesheets/pages/index.sass
 - app/assets/stylesheets/themes/default/theme.sass
 - app/assets/stylesheets/vendor/_index.sass
 - app/assets/stylesheets/vendor/switch/README.md

data/app/assets/stylesheets/docs.sass

@@ -1,99 +0,0 @@
-// Docs
-// ====
-// Generation of css for the getkickstart.com homepage.
-// Page-level styling goes elsewhere.
-
-// Choose your theme
-@import themes/default/theme
-
-// Basic layout
-// ------------
-
-body
-  background-color: map-get($white, darkest)
-
-.wrapper
-  +container
-
-#above-footer
-  +above-footer
-  position: relative
-
-#screen
-  +screen
-  max-width: $xxl-monitor
-  box-shadow: 0px 0px $space map-get($gray, darker)
-  margin: 0px auto
-  background: white
-
-// Navigation
-// ----------
-
-.main-navigation
-  +navbar($collapse: true, $layout: 'fluid', $background-color: transparent)
-
-  nav.expand
-    background: white
-    color: map-get($black, light)
-
-    > ul > li > a:not([role=button])
-      color: map-get($black, light)
-
-    svg
-      fill: map-get($black, light)
-
-  svg
-    height: 30px
-    fill: white
-
-// Footer
-// ------
-
-footer.main
-  background: map-get($gray, light)
-  padding: $space 0
-  color: white
-
-  a
-    color: white
-    text-decoration: underline
-
-// Growl
-.growl
-  +alert
-
-  &.warning
-    background-color: map-get($colors, yellow)
-    color: black
-
-// Iframes
-// -------
-
-iframe.animation
-  max-width: 500px
-  height: 200px
-  display: block
-  margin-left: auto
-  margin-right: auto
-  margin-bottom: 25px
-  overflow: hidden
-
-// Components
-// ----------
-
-// Buttons
-.button
-  +button
-
-  &.button-primary
-    +button-color($primary-color)
-
-// Notices
-.notice
-  +label
-
-// Switches
-// --------
-
-.switch
-  +switch

data/app/assets/stylesheets/fullpage.sass

@@ -1,7 +0,0 @@
-@import themes/default/theme
-
-.main-navigation
-  +navbar($background-color: white)
-
-  svg
-    fill: map-get($black, lighter)

data/app/assets/stylesheets/kickstart-semantic.sass

@@ -1,10 +0,0 @@
-//  Kickstart Semantic
-//  ==================
-//  This is just a starter file for using Kickstrap via Sass
-//  Rename this file to something you like (e.g. style.sass) and import it by
-//  the same .css name from your html/jade file.
-
-// Choose your theme
-@import themes/default/theme
-
-// Now write your own Sass

data/app/assets/stylesheets/kickstart.sass

@@ -1,344 +0,0 @@
-/*
- *  Kickstart
- *  =========
- */
-//  For users who prefer to not use Sass, this will generate a CSS file with
-//  classes for all the components.
-
-// Import the semantic index
-@import themes/default/theme
-
-// Generate color classes (This is as close as I can get to being dry.)
-=color-classes($prefix, $background-color: false, $color: false)
-  $color-names: "red", "orange", "yellow", "green", "blue", "violet"
-  @each $name, $value in $colors
-    .#{$prefix}-#{unquote($name)}
-      @if $background-color
-        background-color: $value
-      @if $color
-        color: $value
-
-// LAYOUT
-// ------
-
-#above-footer
-  +above-footer
-
-#screen
-  +screen
-
-// Assign mixins to static component classes
-
-// ALERTS
-// ------
-
-.alert
-  +alert
-
-  &.alert-red
-    background: map-get($colors, red)
-  &.alert-green
-    background: map-get($colors, green)
-  &.alert-yellow
-    background: map-get($colors, yellow)
-    color: $default-font-color
-
-// BUTTONS
-// -------
-.button
-  +button
-  // TODO: Make loop
-  &.button-primary
-    +button-color($primary-color)
-
-  &.button-secondary
-    +button-color($secondary-color)
-
-  &.button-clear
-    +button-color(transparent)
-
-  &.button-red
-    +button-color(map-get($colors, red))
-
-  &.button-orange
-    +button-color(map-get($colors, orange))
-
-  &.button-yellow
-    +button-color(map-get($colors, yellow))
-
-  &.button-green
-    +button-color(map-get($colors, green))
-
-  &.button-blue
-    +button-color(map-get($colors, blue))
-
-  &.button-violet
-    +button-color(map-get($colors, violet))
-
-  &.button-small
-    +button-size($size: 0.85)
-
-  &.button-large
-    +button-size($size: 1.2)
-
-.button-group
-  +button-group
-
-  &.button-primary
-    > li > *:not(ul)
-      +button-color($primary-color)
-
-  &.button-secondary
-    > li > *:not(ul)
-      +button-color($secondary-color)
-
-  &.button-clear
-    > li > *:not(ul)
-      +button-color(transparent)
-
-  &.button-red
-    > li > *:not(ul)
-      +button-color(map-get($colors, red))
-
-  &.button-orange
-    > li > *:not(ul)
-      +button-color(map-get($colors, orange))
-
-  &.button-yellow
-    > li > *:not(ul)
-      +button-color(map-get($colors, yellow))
-
-  &.button-green
-    > li > *:not(ul)
-      +button-color(map-get($colors, green))
-
-  &.button-blue
-    > li > *:not(ul)
-      +button-color(map-get($colors, blue))
-
-  &.button-violet
-    > li > *:not(ul)
-      +button-color(map-get($colors, violet))
-
-  &.button-small
-    > li > *:not(ul)
-      +button-size($size: 0.85)
-
-  &.button-large
-    > li > *:not(ul)
-      +button-size($size: 1.2)
-
-// FORMS
-// -----
-.form
-  +form
-
-.form-horizontal
-  +form-horizontal
-
-.form-left
-  +form-left
-
-.form_group
-  +form_group('vertical')
-
-  &.form_group-horizontal,
-  .form_group-horizontal,
-  .form-horizontal &
-    +form_group('horizontal')
-
-// GRID
-// ----
-.container
-  +container
-
-.row
-  +row
-
-@for $i from 1 through 12
-  .col-#{$i}
-    +column($i)
-
-.col-half
-  +column('half')
-
-.col-third
-  +column('third')
-
-.col-twothirds
-  +column('twothirds')
-
-// Left offsets
-@each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
-  .col-left-#{$screen}third
-    +left('third')
-
-  .col-left-#{$screen}twothirds
-    +left('twothirds')
-
-  .col-left-#{$screen}half
-    +left('half')
-
-  @for $i from 1 through 12
-    .col-left-#{$screen}#{$i}
-      +left($i)
-
-// Right offsets
-@each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
-  .col-right-#{$screen}third
-    +right('third')
-
-  .col-right-#{$screen}twothirds
-    +right('twothirds')
-
-  .col-right-#{$screen}half
-    +right('half')
-
-  @for $i from 1 through 12
-    .col-right-#{$screen}#{$i}
-      +right($i)
-
-// IMAGES
-// ------
-
-.thumbnail-content
-  +thumbnail-content
-
-.thumbnail
-  +thumbnail
-
-// LABELS
-// ------
-
-.label
-  +label
-
-  &.label-red
-    +label(map-get($colors, red))
-
-  &.label-orange
-    +label(map-get($colors, orange))
-
-  &.label-yellow
-    +label(map-get($colors, yellow))
-
-  &.label-green
-    +label(map-get($colors, green))
-
-  &.label-blue
-    +label(map-get($colors, blue))
-
-  &.label-violet
-    +label(map-get($colors, violet))
-
-  &.label-primary
-    +label($primary-color)
-
-  &.label-secondary
-    +label($secondary-color)
-
-// MODALS
-// ------
-
-.modal
-  +modal
-
-// NAVIGATION
-// ----------
-
-.navbar
-  +navbar
-
-  &.navbar-dark
-    +navbar-color($background-color: map-get($black, lighter))
-
-  &.navbar-collapse
-    +navbar($collapse: true)
-
-  &.navbar-fluid
-    +navbar-fluid
-
-  &.navbar-fluid_fixed
-    +navbar-fluid_fixed
-
-  &.navbar-fixed
-    +navbar-fixed
-
-.pagination
-  +pagination
-
-// TABLES
-// ------
-.table
-  +table
-
-  &.table-blank
-    +table-blank
-
-  &.table-zebra
-    +table-zebra
-
-  &.table-hover
-    +table-hover
-
-// TABS
-// ----
-.tabs
-  +tabs
-
-.tab_pane_container
-  +tab_pane_container
-
-// TOOLTIPS
-// --------
-
-.tooltip_trigger
-  +tooltip_trigger
-
-// TYPOGRAPHY
-// ----------
-
-.xxl
-  +heading-xxl
-
-.xl
-  +heading-xl
-
-.lg
-  +heading-lg
-
-.md
-  +heading-md
-
-.rg
-  +heading-rg
-
-.sm
-  +heading-sm
-
-.xs
-  +heading-xs
-
-.xxs
-  +heading-xxs
-
-.readable
-  +p(true)
-
-  p, ul li, table, table td, table th
-    +p(true)
-
-.page-heading
-  +page-heading
-
-.hero
-  +hero
-
-.list
-  +list
-
-.list-unstyled
-  +list-unstyled
-
-.list-horizontal
-  +list-horizontal

data/app/assets/stylesheets/pages/docs/grid.sass

@@ -1,73 +0,0 @@
-@import ../../themes/default/theme
-
-.row
-  +row
-
-.col-2
-  +column(2)
-
-.col-3
-  +column(3)
-
-.col-6
-  +column(6)
-
-.col-4
-  +column(4)
-
-.col-9
-  +column(9)
-
-.col-12
-  +column(12)
-
-.col-left-6
-  +left(6)
-
-.col-left-1
-  +left(1)
-
-.col-left-3
-  +left(3)
-
-.col-left-4
-  +left(4)
-
-.col-left-2
-  +left(2)
-
-.col-right-3
-  +right(3)
-
-.col-right-4
-  +right(4)
-
-.col-right-6
-  +right(6)
-
-.col-right-twothirds
-  +right('twothirds')
-
-.col-left-twothirds
-  +left('twothirds')
-
-.col-third
-  +column('third')
-
-.col-twothirds
-  +column('twothirds')
-
-.col-example
-  +root-element
-  background: map-get($white, darker)
-  color: map-get($black, lighter)
-  text-align: center
-
-  &.gray
-    background: white
-    margin:
-      bottom: 0
-      top: $space/2
-
-table
-  +table

data/app/assets/stylesheets/pages/docs/index.sass

@@ -1,217 +0,0 @@
-// Docs index
-// ==================
-// Generic styles that should be shared across the documentation
-
-@import themes/default/theme
-
-h1
-  +heading-rg
-
-h2
-  +heading-xs
-
-h3, h4, h5, h6
-  +heading-xxs 
-
-.docs-nav
-  +navbar($collapse: true, $layout: 'fluid')
-  margin-top: -$space
-
-.fixed-area
-  margin-top: -$space
-
-  @media screen and (max-width: $phablet)
-    +container
-
-  .fixed-main, .fixed-toc
-    @media screen and (min-width: $phablet)
-      float: left
-
-    form.switches
-      margin-bottom: $space
-
-  .fixed-main
-    @media screen and (min-width: $phablet)
-      width: 50%
-
-    @media screen and (min-width: $tablet)
-      width: 75%
-
-    @media screen and (min-width: $large-monitor)
-      width: 80%
-
-  .fixed-toc
-    width: 100%
-    font-size: 1rem
-    line-height: 2rem
-
-    @media screen and (min-width: $tablet)
-      font-size: 0.85rem
-
-    a
-      color: map-get($colors, blue)
-
-    ul
-      +list($style: 'unstyled')
-      margin-bottom: 0
-
-      > li
-        margin-bottom: 0 
-
-        > ul
-          // border-left: 1px solid map-get($colors, blue)
-          padding-left: $space/3
-          margin-bottom: $space/3
-
-    h1
-      +heading-xs 
-
-    @media screen and(min-width: $phablet)
-      padding: $space
-      width: 50%
-
-    @media screen and (min-width: $tablet)
-      width: 25%
-
-    @media screen and (min-width: $large-monitor)
-      width: 20%
-
-  // When in fixed position
-  &.fixed
-    .fixed-toc 
-      @media screen and (min-width: $phablet)
-        position: fixed
-        top: 0px
-        bottom: 0
-        left: 0
-        right: 50%
-        overflow: auto
-
-      @media screen and (min-width: $tablet)
-        right: 75%
-
-      @media screen and (min-width: $large-monitor)
-        right: 80% 
-
-      @media screen and (min-width: $xl-monitor)
-        left: calc(50vw - #{$xl-monitor/2})
-
-      @media screen and (min-width: $xxl-monitor)
-        left: calc(50vw - #{$xxl-monitor/2})
-
-    .fixed-main
-      @media screen and (min-width: $phablet)
-        margin-left: 50%
-
-      @media screen and (min-width: $tablet)
-        margin-left: 25%
-
-      @media screen and (min-width: $large-monitor)
-        margin-left: 20%
-
-.document
-  margin-bottom: $space * 4
-
-  .code
-    background: #1d1f21
-    padding: $space/4
-
-    p:first-child
-      display: none
-
-  @media screen and (min-width: $phablet)
-    .article, .code
-      padding: $space
-
-  @media screen and (min-width: $desktop)
-    display: flex
-    justify-content: flex-start
-    align-items: stretch
-    margin:
-      bottom: 0
-      top: 0
-
-    .article, .code
-      width: 50%
-      border-bottom: 1px solid map-get($white, darker)
-
-    .code
-      border-color: darken(map-get($colors, blue), 35%)
-
-    .article.article-full
-      width: 100%
-      position: relative
-
-      padding-right: calc(50% + #{$space})
-
-      &:after
-        content: ' '
-        display: block
-        position: absolute
-        top: 0
-        right: 0
-        left: 50%
-        bottom: -1px
-        // background: lighten(#1d1f21, 10%)
-        background: black
-        border-bottom: 1px solid map-get($black, light)
-
-.page_heading
-  +page_heading
-
-  h1
-    +heading-md
-
-    @media screen and (min-width: $phablet)
-      padding-left: $space
-      margin-bottom: 0
-
-  @media screen and (min-width: $phablet)
-    margin-top: $space
-
-  @media screen and (min-width: $desktop)
-    margin-bottom: 0
-
-// Highlight JS
-
-code, pre, kbd, samp
-  &.hljs
-    font-size: 0.9rem
-    font-family: $mono-font-family
-
-// Main page overrides
-.main-navigation
-  svg
-    fill: map-get($black, lighter)
-
-  +navbar($collapse: true, $background-color: white)
-
-// Optional doc blocks toggling
-.if-semantic, .if-jquery
-  display: none
-
-span.ifnot-semantic, span.ifnot-jquery
-  display: inline
-
-body.show-semantic
-  .ifnot-semantic
-    display: none
-
-  .if-semantic
-    display: block
-
-  span.if-semantic
-    display: inline
-    
-body.show-jquery
-  .ifnot-jquery
-    display: none
-
-  .if-jquery
-    display: block
-
-  span.if-jquery
-    display: inline
-
-.example
-  margin-bottom: $space

data/app/assets/stylesheets/pages/docs/ui/alerts.sass

@@ -1,5 +0,0 @@
-@import ../../../themes/default/theme
-
-.alert
-  +alert
-  background: map-get($colors, blue)

data/app/assets/stylesheets/pages/docs/ui/buttons.sass

@@ -1,52 +0,0 @@
-@import ../../../themes/default/theme
-
-.button
-  &.button-green
-    +button-color(map-get($colors, green))
-  &.button-red
-    +button-color(map-get($colors, red))
-  &.button-blue
-    +button-color(map-get($colors, blue))
-  &.button-yellow
-    +button-color(map-get($colors, yellow))
-  &.button-orange
-    +button-color(map-get($colors, orange))
-
-  &.button-small
-    +button-size(0.85)
-
-  &.button-large
-    +button-size(1.2)
-
-.button-group
-  +button-group
-
-  &.button-green
-    button
-      +button-color(map-get($colors, green))
-  &.button-violet
-    button
-      +button-color(map-get($colors, violet))
-  &.button-red
-    button
-      +button-color(map-get($colors, red))
-
-  &.button-small
-    button
-      +button-size(0.85)
-
-  &.button-large
-    button
-      +button-size(1.2)
-
-.notice
-  +label($background-color: map-get($colors, yellow))
-
-.row
-  +row
-
-.col-4
-  +column(4)
-
-.list-unstyled
-  +list('unstyled')

data/app/assets/stylesheets/pages/docs/ui/forms.sass

@@ -1,31 +0,0 @@
-@import ../../../themes/default/theme
-
-form.form
-  +form
-
-  input[type="submit"]
-    +button($primary-color)
-
-  &.form_horizontal
-    +form('horizontal')
-
-  &.form-left
-    +form('left')
-
-.form_group
-  +form_group
-
-  &.form_group-horizontal
-    +form_group('horizontal')
-
-.row
-  +row
-
-.col-third
-  +column('third')
-
-.col-twothirds
-  +column('twothirds')
-
-.col-twothirds.col-left-third
-  +column('twothirds', 0, 'third')

data/app/assets/stylesheets/pages/docs/ui/images.sass

@@ -1,7 +0,0 @@
-@import ../../../themes/default/theme
-
-.thumbnail
-  +thumbnail
-
-.thumbnail-content
-  +thumbnail_content

data/app/assets/stylesheets/pages/docs/ui/labels.sass

@@ -1,10 +0,0 @@
-@import ../../../themes/default/theme
-
-.label
-  +label
-
-  &.label-red
-    +label(map-get($colors, red))
-
-  &.label-green
-    +label(map-get($colors, green))

data/app/assets/stylesheets/pages/docs/ui/modals.sass

@@ -1,18 +0,0 @@
-@import ../../../themes/default/theme
-
-.modal, .modal-example
-  +modal
-
-.modal-example
-  +modal
-
-  &.override
-    max-width: 100%
-    display: block
-    position: static
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
-    left: auto
-    right: auto
-    top: auto
-    bottom: auto
-    margin: 0

data/app/assets/stylesheets/pages/docs/ui/navigation.sass

@@ -1,14 +0,0 @@
-@import ../../../themes/default/theme
-
-.navbar
-  +navbar
-
-  &.navbar-blue
-    +navbar-color(map-get($colors, blue))
-
-.pagination
-  +pagination
-
-.document
-  img
-    max-width: 100%

data/app/assets/stylesheets/pages/docs/ui/notifications.sass

@@ -1,17 +0,0 @@
-@import ../../../themes/default/theme
-
-.growl
-  +alert
-
-  &.alert-yellow
-    background-color: map-get($colors, yellow)
-    color: black
-
-  &.alert-red
-    background-color: map-get($colors, red)
-
-  &.alert-blue
-    background-color: map-get($colors, blue)
-
-  &.alert-green
-    background-color: map-get($colors, green)

data/app/assets/stylesheets/pages/docs/ui/tables.sass

@@ -1,13 +0,0 @@
-@import ../../../themes/default/theme
-
-.table
-  +table
-
-  &.table-blank
-    +table-blank
-
-  &.table-zebra
-    +table-zebra
-
-  &.table-hover
-    +table-hover

data/app/assets/stylesheets/pages/docs/ui/tabs.sass

@@ -1,7 +0,0 @@
-@import ../../../themes/default/theme
-
-.tabs
-  +tabs
-
-.tab_pane_container
-  +tab_pane_container

data/app/assets/stylesheets/pages/docs/ui/tooltips.sass

@@ -1,7 +0,0 @@
-@import ../../../themes/default/theme
-
-.tooltip_trigger
-  +tooltip_trigger
-
-.list-unstyled
-  +list('unstyled')

data/app/assets/stylesheets/pages/docs/ui/typography.sass

@@ -1,56 +0,0 @@
-@import ../../../themes/default/theme
-
-.example
-  h1
-    +heading-lg
-
-    &.xxl
-      +heading-xxl
-
-    &.xl
-      +heading-xl
-
-    &.lg
-      +heading-lg
-
-    &.md
-      +heading-md
-
-    &.rg
-      +heading-rg
-
-    &.sm
-      +heading-sm
-
-    &.xs
-      +heading-xs
-
-    &.xxs
-      +heading-xxs
-
-  h2
-    +heading-md
-
-  h3
-    +heading-rg
-
-  h4
-    +heading-sm
-
-  h5
-    +heading-xs
-
-  h6
-    +heading-xxs
-
-  p.readable
-    +p(true)
-
-  .page-heading
-    +page-heading
-
-.list-unstyled
-  +list($style: 'unstyled')
-
-  &.list-horizontal
-    +list($style: 'unstyled horizontal')

data/app/assets/stylesheets/pages/index.sass

@@ -1,105 +0,0 @@
-// Index Page
-// ==========
-// Homepage for getkickstart.com
-
-@import themes/default/theme
-
-video
-  max-width: 100%
-  margin-bottom: -$space/2
-
-.index-hero
-  background-color: white
-  background: url('/img/hero.jpg')
-  background-repeat: no-repeat
-  background-position: center center
-  background-size: 200% 100%
-  padding: ($space * 2)
-  margin:
-    top: -72px
-    bottom: $space
-  padding-top: 70px
-
-  @media screen and (min-width: $desktop)
-    padding: ($space * 4)
-    margin-bottom: $space * 4
-    height: 500px
-    background-size: $xxl-monitor 100%
-
-  svg
-    display: block
-    margin: 0px auto
-    max-width: 70%
-    width: 700px
-    fill: white
-
-  h2
-    +heading-sm
-    text-align: center
-    color: white
-    opacity: 0.75
-
-    @media screen and (min-width: $desktop)
-      +heading-md
-
-.first-pitch, .second-pitch, .third-pitch
-  +row
-
-  @media screen and (min-width: $tablet)
-    margin-bottom: $space * 3
-
-  h1
-    +heading-md
-
-  p
-    +p(true)
-
-.first-pitch
-  .feature-image
-    +column('third')
-
-    img
-      max-width: 100%
-
-  .feature
-    +column('twothirds')
-    margin:
-      bottom: $space * 2
-
-.second-pitch
-  .feature
-    +column('third')
-
-  h1
-    +heading-rg
-
-.third-pitch
-  .feature
-    +column('half')
-
-    @media screen and (min-width: $desktop)
-      +column(3)
-
-    h1
-      +heading-sm
-
-.specs
-  +row
-
-  h1
-    +heading-xs
-    +column(12)
-
-  .spec
-    +column(6)
-
-    @media screen and (min-width: $desktop)
-      +column(3)
-
-dl
-  font-size: 0.85rem
-
-  dt
-    font-weight: bold
-  dd
-    margin-left: 0