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 CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- smock (0.1.37)
4
+ smock (0.1.38)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
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.37
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: -1121373041445878382
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: -1121373041445878382
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
@@ -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
@@ -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
@@ -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)
@@ -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
@@ -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,5 +0,0 @@
1
- .pagination-right
2
- text-align: right
3
- float: right
4
- +space(margin-top)
5
- +space(margin-bottom)
@@ -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
-