smock 0.1.37 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Gemfile.lock +1 -1
- metadata +3 -28
- data/v2/_colors.css.sass +0 -16
- data/v2/_forms.css.sass +0 -29
- data/v2/_grid.css.sass +0 -16
- data/v2/_layouts.css.sass +0 -28
- data/v2/_mixins.css.sass +0 -66
- data/v2/_typography.css.sass +0 -82
- data/v2/modules/_asset_uploader.css.sass +0 -54
- data/v2/modules/_categories.css.sass +0 -32
- data/v2/modules/_footer.css.sass +0 -100
- data/v2/modules/_header.css.sass +0 -32
- data/v2/modules/_hero.css.sass +0 -69
- data/v2/modules/_nav.css.sass +0 -19
- data/v2/modules/_pagination.css.sass +0 -5
- data/v2/modules/_search_filters.css.sass +0 -34
- data/v2/modules/_service.css.sass +0 -58
- data/v2/modules/_styleguide.css.sass +0 -73
- data/v2/modules/_testimonials.css.sass +0 -27
- data/v2/modules/form/_credit_card.css.sass +0 -15
- data/v2/modules/form/_payment_method.css.sass +0 -28
- data/v2/modules/header/_categories.css.sass +0 -40
- data/v2/modules/header/_dropdown.css.sass +0 -55
- data/v2/modules/header/_nav.css.sass +0 -58
- data/v2/modules/header/_search.css.sass +0 -32
- data/v2/modules/service/_favorites.css.sass +0 -82
- data/v2/screen.css.sass +0 -177
data/Gemfile.lock
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: smock
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.38
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -333,31 +333,6 @@ files:
|
|
333
333
|
- lib/smock/version.rb
|
334
334
|
- lib/tasks/install.rake
|
335
335
|
- smock.gemspec
|
336
|
-
- v2/_colors.css.sass
|
337
|
-
- v2/_forms.css.sass
|
338
|
-
- v2/_grid.css.sass
|
339
|
-
- v2/_layouts.css.sass
|
340
|
-
- v2/_mixins.css.sass
|
341
|
-
- v2/_typography.css.sass
|
342
|
-
- v2/modules/_asset_uploader.css.sass
|
343
|
-
- v2/modules/_categories.css.sass
|
344
|
-
- v2/modules/_footer.css.sass
|
345
|
-
- v2/modules/_header.css.sass
|
346
|
-
- v2/modules/_hero.css.sass
|
347
|
-
- v2/modules/_nav.css.sass
|
348
|
-
- v2/modules/_pagination.css.sass
|
349
|
-
- v2/modules/_search_filters.css.sass
|
350
|
-
- v2/modules/_service.css.sass
|
351
|
-
- v2/modules/_styleguide.css.sass
|
352
|
-
- v2/modules/_testimonials.css.sass
|
353
|
-
- v2/modules/form/_credit_card.css.sass
|
354
|
-
- v2/modules/form/_payment_method.css.sass
|
355
|
-
- v2/modules/header/_categories.css.sass
|
356
|
-
- v2/modules/header/_dropdown.css.sass
|
357
|
-
- v2/modules/header/_nav.css.sass
|
358
|
-
- v2/modules/header/_search.css.sass
|
359
|
-
- v2/modules/service/_favorites.css.sass
|
360
|
-
- v2/screen.css.sass
|
361
336
|
homepage: https://github.com/envato/smock
|
362
337
|
licenses:
|
363
338
|
- MIT
|
@@ -373,7 +348,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
373
348
|
version: '0'
|
374
349
|
segments:
|
375
350
|
- 0
|
376
|
-
hash:
|
351
|
+
hash: 1635157782998625943
|
377
352
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
378
353
|
none: false
|
379
354
|
requirements:
|
@@ -382,7 +357,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
382
357
|
version: '0'
|
383
358
|
segments:
|
384
359
|
- 0
|
385
|
-
hash:
|
360
|
+
hash: 1635157782998625943
|
386
361
|
requirements: []
|
387
362
|
rubyforge_project: smock
|
388
363
|
rubygems_version: 1.8.21
|
data/v2/_colors.css.sass
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
$blue: #1FB4DA
|
2
|
-
$green: #82b641
|
3
|
-
$orange: #F67D42
|
4
|
-
$yellow: #FFBE00
|
5
|
-
$red: #e65f51
|
6
|
-
|
7
|
-
$black: #000000
|
8
|
-
$gray-dark: #454545
|
9
|
-
$gray: #888888
|
10
|
-
$gray-light: #BFBFBF
|
11
|
-
$gray-lightest: #e1e1e1
|
12
|
-
$white: #FFFFFF
|
13
|
-
|
14
|
-
$border-color: $gray-lightest
|
15
|
-
$text-highlight: $blue
|
16
|
-
$border-radius: 4px
|
data/v2/_forms.css.sass
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
fieldset
|
2
|
-
border: 0
|
3
|
-
padding: 0
|
4
|
-
+space(margin-bottom)
|
5
|
-
|
6
|
-
label
|
7
|
-
margin: 0
|
8
|
-
padding: 0
|
9
|
-
+space(line-height, 2)
|
10
|
-
display: block
|
11
|
-
font-weight: bold
|
12
|
-
|
13
|
-
input,
|
14
|
-
input
|
15
|
-
padding: 0
|
16
|
-
margin: 0
|
17
|
-
border: 0
|
18
|
-
width: 100%
|
19
|
-
+typecsset-font-size($base-font-size)
|
20
|
-
+space(line-height, 2)
|
21
|
-
+space(padding-left, 0.75)
|
22
|
-
+space(padding-right, 0.75)
|
23
|
-
+border
|
24
|
-
border-radius: $border-radius
|
25
|
-
background: $white
|
26
|
-
|
27
|
-
abbr[title]
|
28
|
-
color: $red
|
29
|
-
border: 0
|
data/v2/_grid.css.sass
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
// Configure Grid
|
2
|
-
$grid-columns: 12
|
3
|
-
$grid-padding-width: 10px
|
4
|
-
$max-width: 960px
|
5
|
-
|
6
|
-
$visual-grid: false
|
7
|
-
$visual-grid-color: yellow
|
8
|
-
$visual-grid-index: front
|
9
|
-
$visual-grid-opacity: 0.5
|
10
|
-
|
11
|
-
// Load Grid
|
12
|
-
@import neat
|
13
|
-
|
14
|
-
// Breakpoints
|
15
|
-
$mobile: new-breakpoint(max-width 490px)
|
16
|
-
$desktop: new-breakpoint(min-width 850px)
|
data/v2/_layouts.css.sass
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
.l-container
|
2
|
-
+outer-container
|
3
|
-
min-width: $max-width
|
4
|
-
|
5
|
-
.l-sidebar--left
|
6
|
-
+span-columns(3)
|
7
|
-
.l-sidebar--right
|
8
|
-
+span-columns(3)
|
9
|
-
+omega
|
10
|
-
float: right
|
11
|
-
|
12
|
-
.l-sidebar--larger
|
13
|
-
+span-columns(4)
|
14
|
-
+omega
|
15
|
-
|
16
|
-
.l-content
|
17
|
-
+span-columns(9)
|
18
|
-
|
19
|
-
.l-content--smaller
|
20
|
-
+span-columns(8)
|
21
|
-
|
22
|
-
.l-sideby
|
23
|
-
overflow: hidden
|
24
|
-
.l-sideby__three-of-eight
|
25
|
-
+span-columns(3 of 8)
|
26
|
-
.l-sideby__five-of-eight
|
27
|
-
+span-columns(5 of 8)
|
28
|
-
|
data/v2/_mixins.css.sass
DELETED
@@ -1,66 +0,0 @@
|
|
1
|
-
@mixin mask($color, $opacity)
|
2
|
-
position: relative
|
3
|
-
&:before
|
4
|
-
content: ''
|
5
|
-
height: 100%
|
6
|
-
width: 100%
|
7
|
-
background: $color
|
8
|
-
position: absolute
|
9
|
-
left: 0
|
10
|
-
top: 0
|
11
|
-
opacity: $opacity
|
12
|
-
|
13
|
-
@mixin space($property, $lines: 1)
|
14
|
-
#{$property}: $typecsset-magic-number * $lines
|
15
|
-
#{$property}: $typecsset-magic-ratio * $lines + rem
|
16
|
-
|
17
|
-
@mixin hide-on($breakpoint)
|
18
|
-
+media($breakpoint)
|
19
|
-
display: none
|
20
|
-
|
21
|
-
@mixin span-wow($desktopSpan, $mobileSpan: false)
|
22
|
-
+span-columns($desktopSpan)
|
23
|
-
@if $mobileSpan != false
|
24
|
-
+media($mobile)
|
25
|
-
+span-columns($mobileSpan)
|
26
|
-
|
27
|
-
@mixin top-horizontal-rule($lines: 1, $size: 1px, $color: $border-color)
|
28
|
-
&:before
|
29
|
-
content: ''
|
30
|
-
display: block
|
31
|
-
+space(margin-top, $lines / 2)
|
32
|
-
+space(padding-top, $lines / 2)
|
33
|
-
box-shadow: 0px -#{$size} 0px 0px $color
|
34
|
-
position: relative
|
35
|
-
top: $size / 2
|
36
|
-
|
37
|
-
@mixin remove-top-horizontal-rule
|
38
|
-
&:before
|
39
|
-
display: none
|
40
|
-
|
41
|
-
@mixin bottom-horizontal-rule($lines: 1, $size: 1px, $color: $border-color)
|
42
|
-
&:after
|
43
|
-
content: ''
|
44
|
-
display: block
|
45
|
-
+space(margin-bottom, $lines / 2)
|
46
|
-
+space(padding-bottom, $lines / 2)
|
47
|
-
box-shadow: 0px $size 0px 0px $color
|
48
|
-
position: relative
|
49
|
-
top: -#{$size / 2}
|
50
|
-
clear: both
|
51
|
-
|
52
|
-
@mixin border($size: 1px, $color: $border-color)
|
53
|
-
box-shadow: inset 0 0 0 $size $color
|
54
|
-
|
55
|
-
|
56
|
-
@mixin hide-bottom-horizontal-rule
|
57
|
-
&:after
|
58
|
-
visibility: hidden
|
59
|
-
|
60
|
-
@mixin remove-bottom-horizontal-rule
|
61
|
-
&:after
|
62
|
-
display: none
|
63
|
-
|
64
|
-
@mixin padded-outer-container
|
65
|
-
+outer-container
|
66
|
-
padding: 0 $grid-padding-width
|
data/v2/_typography.css.sass
DELETED
@@ -1,82 +0,0 @@
|
|
1
|
-
// Settings
|
2
|
-
$font-stack-main: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
|
3
|
-
$font-stack-serif: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif
|
4
|
-
$base-line-height: 22px
|
5
|
-
$small-font-size: 12px
|
6
|
-
$base-font-size: 14px
|
7
|
-
$first-font-size: 18px
|
8
|
-
$second-font-size: 26px
|
9
|
-
$third-font-size: 38px
|
10
|
-
$fourth-font-size: 48px
|
11
|
-
|
12
|
-
// TypeCSSet settings
|
13
|
-
$typecsset-h1-size: $fourth-font-size
|
14
|
-
$typecsset-h2-size: $third-font-size
|
15
|
-
$typecsset-h3-size: $second-font-size
|
16
|
-
$typecsset-h4-size: $first-font-size
|
17
|
-
$typecsset-h5-size: $base-font-size
|
18
|
-
$typecsset-h6-size: $base-font-size
|
19
|
-
|
20
|
-
$typecsset-base-font-size: $base-font-size
|
21
|
-
$typecsset-base-line-height: $base-line-height
|
22
|
-
$typecsset-show-baseline: false
|
23
|
-
|
24
|
-
// Load TypeCSSet
|
25
|
-
@import typecsset
|
26
|
-
|
27
|
-
// Overrides
|
28
|
-
h1, h2, h3
|
29
|
-
margin: 0
|
30
|
-
font-weight: 300
|
31
|
-
+space(margin-bottom)
|
32
|
-
|
33
|
-
h4
|
34
|
-
font-weight: normal
|
35
|
-
+space(margin-bottom)
|
36
|
-
|
37
|
-
h5, h6
|
38
|
-
font-weight: bold
|
39
|
-
+space(margin-bottom)
|
40
|
-
|
41
|
-
html
|
42
|
-
font-family: $font-stack-main
|
43
|
-
font-size: $base-font-size
|
44
|
-
|
45
|
-
p
|
46
|
-
+space(margin-bottom)
|
47
|
-
a
|
48
|
-
text-decoration: underline
|
49
|
-
|
50
|
-
a
|
51
|
-
color: $black
|
52
|
-
text-decoration: none
|
53
|
-
&:hover
|
54
|
-
text-decoration: underline
|
55
|
-
|
56
|
-
a.active
|
57
|
-
font-weight: bold
|
58
|
-
|
59
|
-
blockquote
|
60
|
-
font-family: $font-stack-serif
|
61
|
-
font-style: italic
|
62
|
-
+typecsset-font-size($first-font-size)
|
63
|
-
quotes: none
|
64
|
-
text-indent: 0
|
65
|
-
|
66
|
-
cite
|
67
|
-
font-weight: bold
|
68
|
-
font-style: normal
|
69
|
-
+typecsset-font-size($base-font-size)
|
70
|
-
font-family: $font-stack-main
|
71
|
-
|
72
|
-
.paragraph--bigger
|
73
|
-
+typecsset-font-size($first-font-size)
|
74
|
-
.paragraph--no-margin
|
75
|
-
margin-bottom: 0
|
76
|
-
|
77
|
-
.heading--mast
|
78
|
-
+space(margin-bottom, 2)
|
79
|
-
+space(margin-top, 2)
|
80
|
-
|
81
|
-
.heading--normal-weight
|
82
|
-
font-weight: normal
|
@@ -1,54 +0,0 @@
|
|
1
|
-
.asset-uploader__button--drop
|
2
|
-
+space(min-height, 4)
|
3
|
-
+space(padding)
|
4
|
-
text-align: center
|
5
|
-
width: 100%
|
6
|
-
position: relative
|
7
|
-
clear: both
|
8
|
-
border-radius: $border-radius
|
9
|
-
+border()
|
10
|
-
cursor: pointer
|
11
|
-
&:hover
|
12
|
-
background: $gray-lightest
|
13
|
-
|
14
|
-
.asset-uploader__previews
|
15
|
-
+clearfix
|
16
|
-
.asset-uploader__previews__item
|
17
|
-
+space(margin-top)
|
18
|
-
+span-columns(1 of 4)
|
19
|
-
+space(padding, 0.25)
|
20
|
-
+border
|
21
|
-
text-align: center
|
22
|
-
position: relative
|
23
|
-
&:nth-child(4n)
|
24
|
-
margin-right: 0
|
25
|
-
|
26
|
-
|
27
|
-
.asset-uploader__previews__item__image
|
28
|
-
display: block
|
29
|
-
max-width: 100%
|
30
|
-
height: auto
|
31
|
-
|
32
|
-
.asset-uploader__previews__item__percent
|
33
|
-
display: block
|
34
|
-
width: 100%
|
35
|
-
height: 100%
|
36
|
-
+space(line-height, 3)
|
37
|
-
position: absolute
|
38
|
-
top: 0
|
39
|
-
left: 0
|
40
|
-
color: white
|
41
|
-
|
42
|
-
.asset-uploader__previews__item__mask
|
43
|
-
height: 100%
|
44
|
-
width: 100%
|
45
|
-
position: absolute
|
46
|
-
top: 0
|
47
|
-
left: 0
|
48
|
-
|
49
|
-
.asset-uploader__previews__item__mask__bar
|
50
|
-
height: 58px
|
51
|
-
position: absolute
|
52
|
-
top: 0
|
53
|
-
left: 0
|
54
|
-
background: transparentize($gray-light, 0.5)
|
@@ -1,32 +0,0 @@
|
|
1
|
-
.categories__list
|
2
|
-
+space(margin-top, 1)
|
3
|
-
margin-left: 0
|
4
|
-
|
5
|
-
.categories__category__link,
|
6
|
-
.categories__subcategories__category__link
|
7
|
-
text-decoration: none
|
8
|
-
|
9
|
-
.categories__list,
|
10
|
-
.categories__subcategories__list
|
11
|
-
list-style: none
|
12
|
-
|
13
|
-
.categories__subcategories__list
|
14
|
-
+space(margin-left, 1)
|
15
|
-
|
16
|
-
.categories__category--current
|
17
|
-
+top-horizontal-rule(1)
|
18
|
-
+bottom-horizontal-rule(1)
|
19
|
-
|
20
|
-
&:first-child
|
21
|
-
+remove-top-horizontal-rule
|
22
|
-
|
23
|
-
&:last-child
|
24
|
-
+remove-bottom-horizontal-rule
|
25
|
-
|
26
|
-
.categories__category--current,
|
27
|
-
.categories__subcategories__category--current
|
28
|
-
> a
|
29
|
-
font-weight: bold
|
30
|
-
|
31
|
-
.categories__subcategories__category__link
|
32
|
-
font-weight: normal
|
data/v2/modules/_footer.css.sass
DELETED
@@ -1,100 +0,0 @@
|
|
1
|
-
.footer-banner
|
2
|
-
+space(margin-bottom)
|
3
|
-
background: $black
|
4
|
-
padding: $typecsset-magic-number * 2 0
|
5
|
-
|
6
|
-
.footer-banner__envato
|
7
|
-
+span-columns(2 of 12)
|
8
|
-
|
9
|
-
.footer-banner__envato-logo
|
10
|
-
+space(min-height, 2)
|
11
|
-
+space(margin-bottom)
|
12
|
-
display: block
|
13
|
-
width: 100%
|
14
|
-
background: image-url('@x2/envato-large-inverse.png') center no-repeat
|
15
|
-
background-size: contain
|
16
|
-
|
17
|
-
.footer-banner__text
|
18
|
-
clear: left
|
19
|
-
+typecsset-font-size($second-font-size)
|
20
|
-
color: $gray
|
21
|
-
a
|
22
|
-
color: $white
|
23
|
-
|
24
|
-
.footer-list
|
25
|
-
margin: 0
|
26
|
-
list-style: none
|
27
|
-
+span-columns(3)
|
28
|
-
|
29
|
-
.footer-list--sister-site
|
30
|
-
margin: 0
|
31
|
-
list-style: none
|
32
|
-
+span-columns(5)
|
33
|
-
+shift(1)
|
34
|
-
margin-right: 0
|
35
|
-
|
36
|
-
.footer-list__label
|
37
|
-
+space(margin-top)
|
38
|
-
+space(margin-bottom)
|
39
|
-
font-weight: bold
|
40
|
-
|
41
|
-
.footer-list__item--sister-site
|
42
|
-
+space(margin-bottom)
|
43
|
-
overflow: hidden
|
44
|
-
&:last-of-type
|
45
|
-
margin-bottom: 0
|
46
|
-
|
47
|
-
.footer__sister-site__image
|
48
|
-
+space(max-height, 5)
|
49
|
-
display: block
|
50
|
-
width: auto
|
51
|
-
margin: 0 auto
|
52
|
-
|
53
|
-
.footer__sister-site__link
|
54
|
-
display: block
|
55
|
-
|
56
|
-
.footer__sister-site__link--image
|
57
|
-
display: block
|
58
|
-
+span-columns(2 of 5)
|
59
|
-
|
60
|
-
.footer__sister-site__description
|
61
|
-
+span-columns(3 of 5)
|
62
|
-
|
63
|
-
.sub-footer
|
64
|
-
+span-columns(12 of 12)
|
65
|
-
+top-horizontal-rule(2)
|
66
|
-
+space(margin-bottom, 2)
|
67
|
-
+space(margin-top, 1)
|
68
|
-
color: $gray-light
|
69
|
-
p
|
70
|
-
+span-columns(5 of 12)
|
71
|
-
|
72
|
-
.sub-footer__envato
|
73
|
-
+span-columns(2 of 12)
|
74
|
-
+shift(5)
|
75
|
-
text-indent: -999999px
|
76
|
-
background: image-url('@x2/envato-large.png') center right no-repeat
|
77
|
-
background-position: cover
|
78
|
-
background-size: contain
|
79
|
-
|
80
|
-
.footer-list--social
|
81
|
-
margin: 0
|
82
|
-
+space(margin-top)
|
83
|
-
list-style: none
|
84
|
-
overflow: hidden
|
85
|
-
|
86
|
-
.footer-list__item--social
|
87
|
-
float: left
|
88
|
-
a
|
89
|
-
+space(padding-top, 0.25)
|
90
|
-
+space(height, 2)
|
91
|
-
display: block
|
92
|
-
i
|
93
|
-
+space(margin-right, 0.5)
|
94
|
-
+space(line-height, 2)
|
95
|
-
+space(height, 1.5)
|
96
|
-
+space(width, 1.5)
|
97
|
-
display: block
|
98
|
-
|
99
|
-
.footer-list__item-body
|
100
|
-
display: none
|
data/v2/modules/_header.css.sass
DELETED
@@ -1,32 +0,0 @@
|
|
1
|
-
@import header/categories
|
2
|
-
@import header/nav
|
3
|
-
@import header/search
|
4
|
-
@import header/dropdown
|
5
|
-
|
6
|
-
.header
|
7
|
-
+space(padding-top)
|
8
|
-
+space(padding-bottom)
|
9
|
-
|
10
|
-
.header--inverse
|
11
|
-
background: $black
|
12
|
-
|
13
|
-
.header
|
14
|
-
.container
|
15
|
-
position: relative
|
16
|
-
min-width: $max-width
|
17
|
-
|
18
|
-
.header__logo
|
19
|
-
+span-columns(3)
|
20
|
-
+space(line-height, 2)
|
21
|
-
background: image-url('@x2/logo.png') 0 4px no-repeat
|
22
|
-
background-size: contain
|
23
|
-
text-indent: -99999px
|
24
|
-
|
25
|
-
.header__logo--inverse
|
26
|
-
background: image-url('@x2/logo-inverse.png') 0 4px no-repeat
|
27
|
-
background-size: contain
|
28
|
-
|
29
|
-
.header__utilities
|
30
|
-
+span-columns(5)
|
31
|
-
+flexbox
|
32
|
-
+flex-wrap(nowrap)
|
data/v2/modules/_hero.css.sass
DELETED
@@ -1,69 +0,0 @@
|
|
1
|
-
$hero-background: #5f636a
|
2
|
-
|
3
|
-
@mixin banner-section($background_color, $background_image)
|
4
|
-
background-color: $background_color
|
5
|
-
background-image: image-url($background_image)
|
6
|
-
background-repeat: repeat-x
|
7
|
-
background-position: top center
|
8
|
-
+clearfix
|
9
|
-
|
10
|
-
@mixin hero($image)
|
11
|
-
color: white
|
12
|
-
background-size: cover
|
13
|
-
+banner-section($hero-background, "heroes/#{$image}")
|
14
|
-
+space(min-height, 12)
|
15
|
-
+space(padding-top, 5)
|
16
|
-
+space(padding-bottom, 2)
|
17
|
-
background-position: center center
|
18
|
-
+mask(#292f38, 0.5)
|
19
|
-
|
20
|
-
.hero__container
|
21
|
-
+outer-container
|
22
|
-
min-width: $max-width
|
23
|
-
position: relative
|
24
|
-
|
25
|
-
.hero__headings
|
26
|
-
+span-columns(10 of 12)
|
27
|
-
|
28
|
-
.hero__headings__main
|
29
|
-
+space(margin-bottom)
|
30
|
-
|
31
|
-
.hero__headings__secondary
|
32
|
-
+span-columns(8 of 10)
|
33
|
-
|
34
|
-
.hero__video-link
|
35
|
-
+span-columns(2 of 12)
|
36
|
-
text-align: center
|
37
|
-
|
38
|
-
.hero--business-online-marketing
|
39
|
-
+hero('business-online-marketing.jpg')
|
40
|
-
.hero--mobile-apps
|
41
|
-
+hero('mobile-apps.jpg')
|
42
|
-
.hero--ecommerce-cms-development
|
43
|
-
+hero('ecommerce-cms-development.jpg')
|
44
|
-
.hero--websites-programming
|
45
|
-
+hero('websites-programming.jpg')
|
46
|
-
.hero--design-graphics
|
47
|
-
+hero('design-graphics.jpg')
|
48
|
-
.hero--wordpress
|
49
|
-
+hero('wordpress.jpg')
|
50
|
-
.hero--logo-design-branding
|
51
|
-
+hero('logo-design-branding.jpg')
|
52
|
-
.hero--video-animation
|
53
|
-
+hero('video-animation.jpg')
|
54
|
-
|
55
|
-
.hero__heading__video-launcher
|
56
|
-
text-decoration: none
|
57
|
-
color: white
|
58
|
-
+typecsset-font-size($first-font-size)
|
59
|
-
|
60
|
-
.hero__heading__video-launcher__play
|
61
|
-
+space(border-radius, 6)
|
62
|
-
+space(height, 3)
|
63
|
-
+space(width, 3)
|
64
|
-
margin: 0 auto
|
65
|
-
display: block
|
66
|
-
|
67
|
-
.hero__heading__video-launcher__unipen
|
68
|
-
+space(border-radius, 6)
|
69
|
-
box-shadow: 0 0 0 3px $white
|
data/v2/modules/_nav.css.sass
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
.pop-sub-nav--search
|
2
|
-
|
3
|
-
.pop-sub-nav__list
|
4
|
-
list-style: none
|
5
|
-
margin: 0
|
6
|
-
+clearfix
|
7
|
-
+bottom-horizontal-rule
|
8
|
-
text-align: right
|
9
|
-
|
10
|
-
.pop-sub-nav-item
|
11
|
-
position: relative
|
12
|
-
display: inline-block
|
13
|
-
+space(padding-top, 1)
|
14
|
-
+space(padding-left, 0.5)
|
15
|
-
+space(padding-right, 0.5)
|
16
|
-
text-transform: capitalize
|
17
|
-
|
18
|
-
&.is-active
|
19
|
-
font-weight: bold
|
@@ -1,34 +0,0 @@
|
|
1
|
-
.search-filters__price__label
|
2
|
-
display: block
|
3
|
-
|
4
|
-
// FIXME: Hardcoded colors
|
5
|
-
.search-filters__price--min
|
6
|
-
color: $gray
|
7
|
-
|
8
|
-
.search-filters__price__input,
|
9
|
-
.search-filters__price__input--left
|
10
|
-
+border(1px, $gray-light)
|
11
|
-
+space(margin-right, 0.2)
|
12
|
-
border: 0
|
13
|
-
border-radius: $border-radius
|
14
|
-
text-align: center
|
15
|
-
color: $black
|
16
|
-
|
17
|
-
.search-filters__price__submit__button
|
18
|
-
+space(width)
|
19
|
-
+space(height)
|
20
|
-
+typecsset-font-size($base-font-size)
|
21
|
-
float: right
|
22
|
-
background: $gray
|
23
|
-
border-radius: $border-radius
|
24
|
-
text-align: center
|
25
|
-
color: $white
|
26
|
-
|
27
|
-
// FIXME: generic selector?
|
28
|
-
.search-filters__price,
|
29
|
-
.search-filters__turnaround,
|
30
|
-
.search-filters__country
|
31
|
-
+space(padding, 1)
|
32
|
-
+space(margin-bottom, 1)
|
33
|
-
background: $gray-lightest
|
34
|
-
border-radius: $border-radius
|
@@ -1,58 +0,0 @@
|
|
1
|
-
.service
|
2
|
-
position: relative
|
3
|
-
+clearfix
|
4
|
-
+space(margin-bottom)
|
5
|
-
|
6
|
-
.service__title
|
7
|
-
+typecsset-font-size($base-font-size)
|
8
|
-
+space(line-height, 2)
|
9
|
-
margin-bottom: 0
|
10
|
-
|
11
|
-
.service__title__details
|
12
|
-
color: $gray
|
13
|
-
|
14
|
-
.service__gallery
|
15
|
-
+space(height, 5)
|
16
|
-
+span-columns(6 of 9)
|
17
|
-
+flexbox
|
18
|
-
+flex-wrap(nowrap)
|
19
|
-
|
20
|
-
.service__gallery__item
|
21
|
-
text-decoration: none
|
22
|
-
position: relative
|
23
|
-
top: -2px
|
24
|
-
+flex-grow(1)
|
25
|
-
|
26
|
-
.service__gallery__image
|
27
|
-
display: block
|
28
|
-
width: auto
|
29
|
-
height: 100%
|
30
|
-
margin: 0 auto
|
31
|
-
|
32
|
-
.service__info
|
33
|
-
+span-columns(3 of 9)
|
34
|
-
+space(min-height, 5)
|
35
|
-
+space(padding-bottom, 2)
|
36
|
-
+typecsset-font-size($small-font-size)
|
37
|
-
position: relative
|
38
|
-
|
39
|
-
.service__price
|
40
|
-
+typecsset-font-size($first-font-size)
|
41
|
-
font-weight: bold
|
42
|
-
|
43
|
-
.service__provider
|
44
|
-
position: absolute
|
45
|
-
bottom: 0
|
46
|
-
+space(height, 2)
|
47
|
-
width: 100%
|
48
|
-
|
49
|
-
.service__provider__name a
|
50
|
-
font-weight: bold
|
51
|
-
|
52
|
-
.service__provider__avatar
|
53
|
-
float: left
|
54
|
-
+space(margin-right, 0.5)
|
55
|
-
+space(height, 2)
|
56
|
-
|
57
|
-
img
|
58
|
-
height: 100%
|
@@ -1,73 +0,0 @@
|
|
1
|
-
.style-group__example
|
2
|
-
+space(margin-bottom, 2)
|
3
|
-
|
4
|
-
.style-group__example__label
|
5
|
-
clear: both
|
6
|
-
display: block
|
7
|
-
+bottom-horizontal-rule
|
8
|
-
|
9
|
-
.style-group__example__colors
|
10
|
-
margin: 0
|
11
|
-
list-style: none
|
12
|
-
+space(margin-bottom)
|
13
|
-
overflow: hidden
|
14
|
-
|
15
|
-
.style-group__example__color
|
16
|
-
+span-columns(2 of 12)
|
17
|
-
+border
|
18
|
-
border-radius: $border-radius
|
19
|
-
text-align: center
|
20
|
-
padding: $typecsset-magic-number / 2
|
21
|
-
|
22
|
-
|
23
|
-
.style-group__example__color__name,
|
24
|
-
.style-group__example__color__hex
|
25
|
-
display: block
|
26
|
-
|
27
|
-
.style-group__example__color__swatch
|
28
|
-
+space(height, 5)
|
29
|
-
width: 100%
|
30
|
-
|
31
|
-
.style-group__example__color__swatch--blue
|
32
|
-
@extend .style-group__example__color__swatch
|
33
|
-
background: $blue
|
34
|
-
|
35
|
-
.style-group__example__color__swatch--green
|
36
|
-
@extend .style-group__example__color__swatch
|
37
|
-
background: $green
|
38
|
-
|
39
|
-
.style-group__example__color__swatch--orange
|
40
|
-
@extend .style-group__example__color__swatch
|
41
|
-
background: $orange
|
42
|
-
|
43
|
-
.style-group__example__color__swatch--yellow
|
44
|
-
@extend .style-group__example__color__swatch
|
45
|
-
background: $yellow
|
46
|
-
|
47
|
-
.style-group__example__color__swatch--red
|
48
|
-
@extend .style-group__example__color__swatch
|
49
|
-
background: $red
|
50
|
-
|
51
|
-
.style-group__example__color__swatch--black
|
52
|
-
@extend .style-group__example__color__swatch
|
53
|
-
background: $black
|
54
|
-
|
55
|
-
.style-group__example__color__swatch--gray-dark
|
56
|
-
@extend .style-group__example__color__swatch
|
57
|
-
background: $gray-dark
|
58
|
-
|
59
|
-
.style-group__example__color__swatch--gray
|
60
|
-
@extend .style-group__example__color__swatch
|
61
|
-
background: $gray
|
62
|
-
|
63
|
-
.style-group__example__color__swatch--gray-light
|
64
|
-
@extend .style-group__example__color__swatch
|
65
|
-
background: $gray-light
|
66
|
-
|
67
|
-
.style-group__example__color__swatch--gray-lightest
|
68
|
-
@extend .style-group__example__color__swatch
|
69
|
-
background: $gray-lightest
|
70
|
-
|
71
|
-
.style-group__example__color__swatch--white
|
72
|
-
@extend .style-group__example__color__swatch
|
73
|
-
background: $white
|
@@ -1,27 +0,0 @@
|
|
1
|
-
.testimonials
|
2
|
-
+top-horizontal-rule(3)
|
3
|
-
+span-columns(7 of 8)
|
4
|
-
|
5
|
-
.testimonial
|
6
|
-
font-family: $font-stack-serif
|
7
|
-
display: block
|
8
|
-
overflow: hidden
|
9
|
-
|
10
|
-
.testimonial--single
|
11
|
-
clear: both
|
12
|
-
width: 100%
|
13
|
-
margin: 0
|
14
|
-
+space(margin-bottom)
|
15
|
-
|
16
|
-
.testimonial__image
|
17
|
-
+span-columns(2 of 7)
|
18
|
-
+space(min-height, 7)
|
19
|
-
img
|
20
|
-
display: block
|
21
|
-
border-radius: $border-radius
|
22
|
-
|
23
|
-
.testimonial__content
|
24
|
-
+span-columns(5 of 7)
|
25
|
-
|
26
|
-
.testimonial__content__body
|
27
|
-
margin-bottom: 0
|
@@ -1,15 +0,0 @@
|
|
1
|
-
.credit-card
|
2
|
-
display: none
|
3
|
-
|
4
|
-
.credit-card,
|
5
|
-
.credit-card__numbers,
|
6
|
-
.credit-card__expiry
|
7
|
-
+clearfix
|
8
|
-
|
9
|
-
.credit-card__numbers__card-number
|
10
|
-
+span-columns(3 of 4)
|
11
|
-
.credit-card__numbers__cvv
|
12
|
-
+span-columns(1 of 4)
|
13
|
-
.credit-card__expiry__month,
|
14
|
-
.credit-card__expiry__year
|
15
|
-
+span-columns(2 of 4)
|
@@ -1,28 +0,0 @@
|
|
1
|
-
.payment-method
|
2
|
-
+clearfix
|
3
|
-
span
|
4
|
-
display: inline-block
|
5
|
-
float: left
|
6
|
-
+space(margin-right)
|
7
|
-
input
|
8
|
-
width: auto
|
9
|
-
float: left
|
10
|
-
display: inline
|
11
|
-
margin: 3px
|
12
|
-
+space(height)
|
13
|
-
+space(width)
|
14
|
-
+space(margin-top, 0.5)
|
15
|
-
+space(margin-bottom, 0.5)
|
16
|
-
box-shadow: 0 0 0 0 transparent
|
17
|
-
label[for$="paypal"]
|
18
|
-
background: image-url('@x2/paypal_payment.png') center no-repeat
|
19
|
-
label[for$="braintree"]
|
20
|
-
background: image-url('@x2/creditcard_payment.png') center no-repeat
|
21
|
-
label
|
22
|
-
+space(line-height)
|
23
|
-
+space(height, 2)
|
24
|
-
display: block
|
25
|
-
width: 74px
|
26
|
-
float: left
|
27
|
-
text-indent: -9999px
|
28
|
-
|
@@ -1,40 +0,0 @@
|
|
1
|
-
.header__categories
|
2
|
-
+span-columns(2)
|
3
|
-
+space(line-height, 2)
|
4
|
-
position: relative
|
5
|
-
&:hover
|
6
|
-
.header__categories__dropdown__top-level
|
7
|
-
display: block
|
8
|
-
|
9
|
-
.header__categories__label
|
10
|
-
+space(line-height, 2)
|
11
|
-
+border(3px)
|
12
|
-
display: block
|
13
|
-
text-align: center
|
14
|
-
border-radius: $border-radius
|
15
|
-
cursor: pointer
|
16
|
-
|
17
|
-
.header__categories__down-arrow
|
18
|
-
+space(line-height)
|
19
|
-
display: inline-block
|
20
|
-
//refactor these pixel values
|
21
|
-
height: 10px
|
22
|
-
width: 10px
|
23
|
-
margin-left: 5px
|
24
|
-
background-position: center !important
|
25
|
-
|
26
|
-
.header__categories__dropdown__top-level
|
27
|
-
+span-columns(4 of 2)
|
28
|
-
+space(padding)
|
29
|
-
+border
|
30
|
-
position: absolute
|
31
|
-
z-index: 10000
|
32
|
-
margin: 0
|
33
|
-
list-style: none
|
34
|
-
background: $white
|
35
|
-
display: none
|
36
|
-
|
37
|
-
.header__categories__dropdown__top-level__link
|
38
|
-
text-decoration: none
|
39
|
-
&:hover
|
40
|
-
text-decoration: underline
|
@@ -1,55 +0,0 @@
|
|
1
|
-
.header__login:hover
|
2
|
-
.header__dropdown-container
|
3
|
-
display: block
|
4
|
-
|
5
|
-
.header__dropdown-container
|
6
|
-
+span-columns(3 of 12)
|
7
|
-
+space(top, 2)
|
8
|
-
+space(line-height)
|
9
|
-
+space(padding)
|
10
|
-
+border
|
11
|
-
display: none
|
12
|
-
position: absolute
|
13
|
-
right: 0
|
14
|
-
margin: 0
|
15
|
-
z-index: 10000
|
16
|
-
list-style: none
|
17
|
-
background: $white
|
18
|
-
border-radius: $border-radius
|
19
|
-
|
20
|
-
.header__dropdown
|
21
|
-
margin: 0
|
22
|
-
list-style: none
|
23
|
-
|
24
|
-
.header__dropdown__seperator
|
25
|
-
+top-horizontal-rule
|
26
|
-
|
27
|
-
//dropdown concerning categories
|
28
|
-
.header__categories__dropdown__top-level__link--active
|
29
|
-
text-decoration: underline
|
30
|
-
|
31
|
-
.header__categories__dropdown__top-level__category
|
32
|
-
margin: $typecsset-magic-number / 2 0
|
33
|
-
+typecsset-font-size($base-font-size)
|
34
|
-
|
35
|
-
.header__categories__dropdown__top-level__category--content
|
36
|
-
+typecsset-font-size($base-font-size)
|
37
|
-
margin-top: $typecsset-magic-number * 2
|
38
|
-
|
39
|
-
.header__categories__dropdown__subcategories
|
40
|
-
+span-columns(4 of 4)
|
41
|
-
+shift(4)
|
42
|
-
+space(padding)
|
43
|
-
+space(min-height, 19)
|
44
|
-
+typecsset-font-size($base-font-size)
|
45
|
-
position: absolute
|
46
|
-
top: 0
|
47
|
-
left: -$gutter
|
48
|
-
background: $gray-lightest
|
49
|
-
list-style: none
|
50
|
-
z-index: 10000
|
51
|
-
display: none
|
52
|
-
a
|
53
|
-
text-decoration: none
|
54
|
-
&:hover
|
55
|
-
text-decoration: underline
|
@@ -1,58 +0,0 @@
|
|
1
|
-
.header__nav
|
2
|
-
+span-columns(2)
|
3
|
-
+space(line-height, 2)
|
4
|
-
|
5
|
-
.header__nav--user
|
6
|
-
padding-left: $gutter
|
7
|
-
+flex-wrap(nowrap)
|
8
|
-
|
9
|
-
.header__nav--user--guest
|
10
|
-
@extend .header__nav--user
|
11
|
-
width: $column * 2
|
12
|
-
|
13
|
-
.header__nav-link--button
|
14
|
-
+space(line-height, 2)
|
15
|
-
+border(3px)
|
16
|
-
display: block
|
17
|
-
text-align: center
|
18
|
-
border-radius: $border-radius
|
19
|
-
text-decoration: none
|
20
|
-
font-weight: bold
|
21
|
-
|
22
|
-
.header__nav__arrow
|
23
|
-
+space(line-height)
|
24
|
-
display: inline-block
|
25
|
-
//refactor these pixel values
|
26
|
-
height: 10px
|
27
|
-
width: 10px
|
28
|
-
margin-left: 5px
|
29
|
-
background-position: center !important
|
30
|
-
|
31
|
-
.header__nav__profile
|
32
|
-
+space(line-height, 2)
|
33
|
-
display: block
|
34
|
-
text-align: right
|
35
|
-
|
36
|
-
.header__nav__profile:hover
|
37
|
-
.header__nav__dropdown--container
|
38
|
-
display: block
|
39
|
-
|
40
|
-
.header__nav__dropdown--container
|
41
|
-
+span-columns(2 of 12)
|
42
|
-
+space(top, 2)
|
43
|
-
+space(line-height)
|
44
|
-
+space(padding)
|
45
|
-
+border
|
46
|
-
display: none
|
47
|
-
position: absolute
|
48
|
-
right: 0
|
49
|
-
margin: 0
|
50
|
-
z-index: 10000
|
51
|
-
list-style: none
|
52
|
-
background: $white
|
53
|
-
border-radius: $border-radius
|
54
|
-
|
55
|
-
.header__nav__dropdown
|
56
|
-
list-style: none
|
57
|
-
margin: 0
|
58
|
-
text-align: left
|
@@ -1,32 +0,0 @@
|
|
1
|
-
.header__search
|
2
|
-
+flex-grow(1)
|
3
|
-
position: relative
|
4
|
-
|
5
|
-
.header__search__label
|
6
|
-
display: none
|
7
|
-
|
8
|
-
.header__search__body
|
9
|
-
+span-columns(4 of 4)
|
10
|
-
+space(padding, 0.5)
|
11
|
-
+space(padding-right, 2)
|
12
|
-
+border(1px, $gray-light)
|
13
|
-
+typecsset-font-size($base-font-size)
|
14
|
-
border: 0
|
15
|
-
background: $gray-lightest
|
16
|
-
border-radius: $border-radius
|
17
|
-
|
18
|
-
.header__search__button
|
19
|
-
+space(height, 2)
|
20
|
-
+space(width, 2)
|
21
|
-
position: absolute
|
22
|
-
right: 0
|
23
|
-
top: 0
|
24
|
-
border: 0
|
25
|
-
background: transparent
|
26
|
-
|
27
|
-
.header__search__button__icon
|
28
|
-
width: 75%
|
29
|
-
height: 75%
|
30
|
-
display: block
|
31
|
-
margin: 0 auto
|
32
|
-
background-position: center !important
|
@@ -1,82 +0,0 @@
|
|
1
|
-
.service-favorite
|
2
|
-
clear: both
|
3
|
-
border-bottom: 1px solid red
|
4
|
-
|
5
|
-
.service-favorite__remove,
|
6
|
-
.service-favorite__add
|
7
|
-
display: block
|
8
|
-
|
9
|
-
.service-favorite__remove-button
|
10
|
-
+border(1px, transparent)
|
11
|
-
position: relative
|
12
|
-
float: left
|
13
|
-
display: block
|
14
|
-
background-color: $red
|
15
|
-
border-radius: $border-radius
|
16
|
-
|
17
|
-
.service-favorite__add-button
|
18
|
-
+border
|
19
|
-
position: relative
|
20
|
-
float: left
|
21
|
-
display: block
|
22
|
-
border-radius: $border-radius
|
23
|
-
&:hover
|
24
|
-
.hot-icon__fave--default
|
25
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni42OTMgNTYuNjkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Ni42OTMgNTYuNjkzIj48cGF0aCBmaWxsPSIjRTY1RjUxIiBkPSJNMzguNDM0IDguMzU3Yy00LjA1OCAwLTcuNzc5IDIuMzk2LTEwLjM3MSA0LjYzNy0yLjU5Mi0yLjI0MS02LjMxMy00LjYzNy0xMC4zNzEtNC42MzctOC40MTkgMC0xMy44NTkgNS4zNDMtMTMuODU5IDEzLjYxMSAwIDcuMDk0IDYuMjYzIDEyLjU1NSA2LjI2OSAxMi41NTVsMTUuNDU2IDE0LjkxMWMuNjY2LjY2NiAxLjU1NiAxLjAzMyAyLjUwNiAxLjAzM3MxLjgzNS0uMzYyIDIuNDc5LTEuMDA2bDE1LjUtMTQuOTI3YzEuNDY2LTEuNDAzIDYuMjUxLTYuNDU3IDYuMjUxLTEyLjU2NS0uMDAxLTguMjY5LTUuNDQxLTEzLjYxMi0xMy44Ni0xMy42MTJ6bS0yNS42MjEgMjMuMjI4Yy0uMDUtLjA0NS00Ljk4MS00LjU1NS00Ljk4MS05LjYxNyAwLTYuMTk4IDMuNTAxLTkuNjExIDkuODU5LTkuNjExIDMuNTg3IDAgNy4xNTcgMi45OTYgOC45NjYgNC43ODJsMS40MDUgMS4zODggMS40MDUtMS4zODhjMS44MDktMS43ODYgNS4zNzktNC43ODIgOC45NjYtNC43ODIgNi4zNTggMCA5Ljg1OSAzLjQxNCA5Ljg1OSA5LjYxMSAwIDQuNTIzLTMuODc4IDguNTg1LTUuMDY5IDkuNzI1bC0xNS4xNiAxNC42MDEtMTUuMjUtMTQuNzA5eiIvPjwvc3ZnPg==) no-repeat
|
26
|
-
|
27
|
-
.service-favorite__remove-button--inline
|
28
|
-
@extend .service-favorite__remove-button
|
29
|
-
|
30
|
-
.service-favorite__add-button--inline
|
31
|
-
@extend .service-favorite__add-button
|
32
|
-
|
33
|
-
.service-favorite__add-button--inline, .service-favorite__remove-button--inline
|
34
|
-
+space(width)
|
35
|
-
+space(height)
|
36
|
-
+space(margin-right, 0.2)
|
37
|
-
float: right
|
38
|
-
z-index: 1
|
39
|
-
|
40
|
-
.service-favorite__icon
|
41
|
-
+space(height, 0.75)
|
42
|
-
+space(width, 0.75)
|
43
|
-
display: block
|
44
|
-
position: relative
|
45
|
-
+space(top, 0.125)
|
46
|
-
+space(left, 0.125)
|
47
|
-
|
48
|
-
.service-favorite__icon--inline
|
49
|
-
+space(height, 0.75)
|
50
|
-
+space(width, 0.75)
|
51
|
-
display: block
|
52
|
-
position: relative
|
53
|
-
left: 14%
|
54
|
-
top: 14%
|
55
|
-
|
56
|
-
.service-favorite__count
|
57
|
-
+space(line-height, 2)
|
58
|
-
+space(min-width)
|
59
|
-
text-align: center
|
60
|
-
+border
|
61
|
-
border-radius: 2px
|
62
|
-
font-weight: bold
|
63
|
-
position: relative
|
64
|
-
|
65
|
-
.service-favorite__count--inline
|
66
|
-
@extend .service-favorite__count
|
67
|
-
float: right
|
68
|
-
+space(line-height)
|
69
|
-
padding: 0 $typecsset-magic-number / 4
|
70
|
-
|
71
|
-
.service-featured
|
72
|
-
float: right
|
73
|
-
|
74
|
-
.service-featured__icon
|
75
|
-
+space(height)
|
76
|
-
+space(width)
|
77
|
-
+space(margin-right, 0.5)
|
78
|
-
|
79
|
-
.service-featured__icon--inline
|
80
|
-
+space(height)
|
81
|
-
+space(width)
|
82
|
-
+space(margin-right, 0.5)
|
data/v2/screen.css.sass
DELETED
@@ -1,177 +0,0 @@
|
|
1
|
-
@import normalize
|
2
|
-
@import bourbon
|
3
|
-
@import grid
|
4
|
-
@import colors
|
5
|
-
@import icons
|
6
|
-
@import mixins
|
7
|
-
@import typography
|
8
|
-
@import forms
|
9
|
-
@import flexbox_mixins
|
10
|
-
@import layouts
|
11
|
-
@import modules/styleguide
|
12
|
-
@import modules/header
|
13
|
-
@import modules/footer
|
14
|
-
@import modules/hero
|
15
|
-
@import modules/categories
|
16
|
-
@import modules/search_filters
|
17
|
-
@import modules/nav
|
18
|
-
@import modules/service
|
19
|
-
@import modules/service/*
|
20
|
-
@import modules/pagination
|
21
|
-
@import modules/testimonials
|
22
|
-
@import modules/asset_uploader
|
23
|
-
|
24
|
-
@import modules/form/credit_card
|
25
|
-
@import modules/form/payment_method
|
26
|
-
|
27
|
-
@import nprogress
|
28
|
-
@import video-js
|
29
|
-
@import jquery.fancybox
|
30
|
-
|
31
|
-
.hero--affiliates
|
32
|
-
background: image-url('heroes/affiliates.jpg') center no-repeat
|
33
|
-
background-size: cover
|
34
|
-
width: 100%
|
35
|
-
color: $white
|
36
|
-
+mask(#292f38, 0.75)
|
37
|
-
+space(margin-bottom)
|
38
|
-
a
|
39
|
-
color: $white
|
40
|
-
|
41
|
-
.hero-header__content--centered
|
42
|
-
+outer-container
|
43
|
-
min-width: $max-width // forcing non responsive for the moment
|
44
|
-
+space(padding-top, 2)
|
45
|
-
+space(padding-bottom, 2)
|
46
|
-
text-align: center
|
47
|
-
position: relative
|
48
|
-
|
49
|
-
.hero-header__title
|
50
|
-
+span-columns(8 of 12)
|
51
|
-
+shift(2)
|
52
|
-
|
53
|
-
.hero-header__description
|
54
|
-
+span-columns(6 of 12)
|
55
|
-
+shift(3)
|
56
|
-
+space(margin-bottom)
|
57
|
-
|
58
|
-
.hero-header__icon
|
59
|
-
+space(height, 3)
|
60
|
-
+space(margin-bottom)
|
61
|
-
+span-columns(2 of 12)
|
62
|
-
+shift(5)
|
63
|
-
background-position: center !important
|
64
|
-
|
65
|
-
.content
|
66
|
-
+outer-container
|
67
|
-
min-width: $max-width // forcing non responsive for the moment
|
68
|
-
+space(margin-bottom)
|
69
|
-
|
70
|
-
.image--mast
|
71
|
-
+space(min-height, 14)
|
72
|
-
+space(margin-bottom)
|
73
|
-
img
|
74
|
-
display: block
|
75
|
-
|
76
|
-
.block
|
77
|
-
+span-columns(6)
|
78
|
-
+shift(3)
|
79
|
-
+bottom-horizontal-rule(2, 3px)
|
80
|
-
&:last-of-type
|
81
|
-
+hide-bottom-horizontal-rule
|
82
|
-
|
83
|
-
.block__text__heading
|
84
|
-
margin-bottom: 0
|
85
|
-
|
86
|
-
.block__text__content
|
87
|
-
margin-bottom: 0
|
88
|
-
|
89
|
-
.block__text
|
90
|
-
+span-columns(4 of 6)
|
91
|
-
|
92
|
-
.block__aside
|
93
|
-
+span-columns(2 of 6)
|
94
|
-
text-align: right
|
95
|
-
|
96
|
-
.block__icon
|
97
|
-
+space(height, 3)
|
98
|
-
background-position: center right !important
|
99
|
-
|
100
|
-
.block__icon--top
|
101
|
-
+space(margin-top)
|
102
|
-
|
103
|
-
.button
|
104
|
-
+span-columns(4)
|
105
|
-
+shift(4)
|
106
|
-
border: 0
|
107
|
-
box-shadow: inset 0 0 0 0 transparent
|
108
|
-
background-color: $orange
|
109
|
-
border-radius: 4px
|
110
|
-
text-align: center
|
111
|
-
text-decoration: none
|
112
|
-
color: $white
|
113
|
-
font-weight: bold
|
114
|
-
+space(line-height, 2)
|
115
|
-
|
116
|
-
.button--large
|
117
|
-
width: 100%
|
118
|
-
margin-left: 0
|
119
|
-
+typecsset-font-size($first-font-size)
|
120
|
-
+space(line-height, 3)
|
121
|
-
|
122
|
-
.hint
|
123
|
-
+space(line-height, 2)
|
124
|
-
+span-columns(12)
|
125
|
-
text-align: center
|
126
|
-
|
127
|
-
.container
|
128
|
-
+outer-container
|
129
|
-
min-width: $max-width
|
130
|
-
|
131
|
-
.assumed-user-warning
|
132
|
-
background: black image-url('assume-user-eyes.jpg') no-repeat center center
|
133
|
-
background-size: cover
|
134
|
-
height: 100px
|
135
|
-
|
136
|
-
.header-strip
|
137
|
-
background-color: $blue
|
138
|
-
.strip__close
|
139
|
-
float: right
|
140
|
-
color: $white
|
141
|
-
&:hover
|
142
|
-
text-decoration: none
|
143
|
-
color: lighten($blue, 30%)
|
144
|
-
|
145
|
-
.header-strip__container
|
146
|
-
+outer-container
|
147
|
-
min-width: $max-width
|
148
|
-
text-align: center
|
149
|
-
+space(line-height, 2)
|
150
|
-
color: $white
|
151
|
-
|
152
|
-
.header-strip__action
|
153
|
-
color: $white
|
154
|
-
text-decoration: underline
|
155
|
-
&:hover
|
156
|
-
text-decoration: none
|
157
|
-
color: $white
|
158
|
-
|
159
|
-
.marketing-countdown
|
160
|
-
+space(margin-left)
|
161
|
-
text-align: center
|
162
|
-
float: left
|
163
|
-
|
164
|
-
.marketing-countdown__svg
|
165
|
-
+space(height, 5)
|
166
|
-
display: block
|
167
|
-
margin: 0 auto
|
168
|
-
+space(margin-bottom)
|
169
|
-
|
170
|
-
.marketing-countdown__copy
|
171
|
-
+typecsset-font-size($first-font-size)
|
172
|
-
color: $green
|
173
|
-
display: block
|
174
|
-
text-transform: uppercase
|
175
|
-
font-weight: bold
|
176
|
-
font-style: italic
|
177
|
-
|