Contents

/*  Last full read through 27/12/2020
 *
 *##############################################
 *# walk landing sass         /_sass/env/walk.sass
 *##############################################
 *
 */

$hero-follow-top: 4.5vh

.image__filter--blur
  @include image-filter--blur

.hero__overlay
  background-color: $env-primary

.bg--env-100
  background-color: $env-primary

.bg--env-50
  background-color: rgba($env-primary, .5)

.hero__strap--env
  color: $env-secondary

.hero__strap--start
  color: $env-primary

.hero__follow
  background-color: $env-primary
  bottom: $hero-follow-top
  bottom: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-top)})

.segment__wrap
  display: flex
  flex-direction: column-reverse
  width: 100vw

.segment__gaurentee
  @include logo-color($white)
  align-items: center
  background-color: $env-primary
  color: $white
  display: flex
  flex-direction: column
  justify-content: center
  padding: 4rem 0
  width: 100%

  .site__logo
    margin: 0 5vw
    text-align: center
    height: 10vh

.segment__keywords
  height: 50%

.image--guarantee
  @include image-filter-rotate
  height: 100vh

.strap__guarantee
  border-top: solid 1px $soft-white
  margin: 3rem 0
  width: 80%

.strap--env-primary
  background-color: $env-primary
  color: $white

.segment__keywords
  display: flex
  flex-direction: row
  flex-wrap: wrap
  justify-content: space-around
  align-items: center
  & > *
    padding: 3rem 0
    width: 50%

.segment__right
  background-color: $image-blend

Version data entries

8 entries across 8 versions & 1 rubygems

Version	Path
slow-steps-1.0.8	_sass/env/walk.sass
slow-steps-1.0.6	_sass/env/walk.sass
slow-steps-1.0.5	_sass/env/walk.sass
slow-steps-1.0.4	_sass/env/walk.sass
slow-steps-1.0.3	_sass/env/walk.sass
slow-steps-1.0.2	_sass/env/walk.sass
slow-steps-1.0.1	_sass/env/walk.sass
slow-steps-1.0.0	_sass/env/walk.sass