Sha256: 32b463f00bed170a286f86bf18dee0dec363560b7922f56f3782d52435207c09
Contents?: true
Size: 1.58 KB
Versions: 57
Compression:
Stored size: 1.58 KB
Contents
$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
Version data entries
57 entries across 32 versions & 1 rubygems