smock 0.1.125 → 0.1.126

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.
Files changed (6) hide show
  1. data/Gemfile.lock +1 -1
  2. data/app/assets/stylesheets/modules/_service_card.sass +19 -1
  3. data/app/assets/stylesheets/modules/_sharing_widgets.sass +31 -0
  4. data/app/assets/stylesheets/smock.sass +1 -0
  5. data/examples/service.html +12 -0
  6. metadata +4 -3
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- smock (0.1.125)
4
+ smock (0.1.126)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
data/app/assets/stylesheets/modules/_service_card.sass CHANGED
@@ -2,6 +2,9 @@
2
2
  +top-horizontal-rule(1)
3
3
 
4
4
  .service__card__image
5
+ &:hover
6
+ .service__card__mask
7
+ display: block
5
8
  +space(height, 8)
6
9
  +space(margin-bottom, 0.5)
7
10
  position: relative
@@ -21,6 +24,21 @@
21
24
  +space(padding-right, 0.5)
22
25
  color: $white
23
26
 
27
+ .service__card__mask
28
+ display: none
29
+ background: $black
30
+ position: absolute
31
+ width: 100%
32
+ height: 100%
33
+ opacity: 0.7
34
+ color: $white
35
+
36
+ .service__card__mask__content
37
+ bottom: 0px
38
+ position: absolute
39
+ +space(margin-bottom)
40
+ +space(margin-left)
41
+
24
42
  .service__card__provider__image
25
43
  +space(min-height, 1)
26
44
 
@@ -68,4 +86,4 @@
68
86
  .service__card__text
69
87
  +space(height, 3)
70
88
  overflow: hidden
71
- +space(margin-bottom, 0.5)
89
+ +space(margin-bottom, 0.5)
data/app/assets/stylesheets/modules/_sharing_widgets.sass ADDED
@@ -0,0 +1,31 @@
1
+ .sharing-widgets
2
+ +space(padding-top)
3
+ +space(padding-bottom, 2)
4
+
5
+ .sharing-widgets__widget
6
+ float: left
7
+
8
+ .sharing-widgets__widget--twitter
9
+ @extend .sharing-widgets__widget
10
+ .twitter-share-button,
11
+ .twitter-count-horizontal
12
+ max-width: 80px
13
+
14
+ .sharing-widgets__widget--pinterest
15
+ @extend .sharing-widgets__widget
16
+ margin-left: 6px
17
+ margin-right: 10px
18
+
19
+ .sharing-widgets__widget--google
20
+ @extend .sharing-widgets__widget
21
+ #___plusone_0
22
+ max-width: 70px
23
+ font-size: default !important
24
+
25
+ .sharing-widgets__widget--facebook
26
+ @extend .sharing-widgets__widget
27
+ margin-right: 10px
28
+ .fb_edge_widget_with_comment
29
+ vertical-align: top
30
+ .fb-like
31
+ display: inline-block
data/app/assets/stylesheets/smock.sass CHANGED
@@ -42,6 +42,7 @@
42
42
  @import "modules/marketing_banner"
43
43
  @import "modules/metrics"
44
44
  @import "modules/social"
45
+ @import "modules/sharing_widgets"
45
46
  @import "modules/profile"
46
47
  @import "modules/service_card"
47
48
  @import "modules/stars"
data/examples/service.html CHANGED
@@ -2,6 +2,12 @@
2
2
  <div class="service service__card" am-grid-col="l:3:10" am-grid-row="l:start">
3
3
  <a href="#">
4
4
  <div class="service__card__image">
5
+ <div class="service__card__mask">
6
+ <div class="service__card__mask__content">
7
+ <div>121 Deliveries</div>
8
+ <div>100% Recommended</div>
9
+ </div>
10
+ </div>
5
11
  <div class="service__card__image__price">$100</div>
6
12
  <img width="223" height="198" src="https://dummyimage.com/223x198" />
7
13
  </div>
@@ -15,6 +21,12 @@
15
21
  <div class="service service__card" am-grid-col="l:3:10" am-grid-row="l:start">
16
22
  <a href="#">
17
23
  <div class="service__card__image">
24
+ <div class="service__card__mask">
25
+ <div class="service__card__mask__content">
26
+ <div>121 Deliveries</div>
27
+ <div>100% Recommended</div>
28
+ </div>
29
+ </div>
18
30
  <div class="service__card__image__price">$100</div>
19
31
  <img width="223" height="198" src="https://dummyimage.com/223x198" />
20
32
  </div>
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.125
4
+ version: 0.1.126
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -158,6 +158,7 @@ files:
158
158
  - app/assets/stylesheets/modules/_service.sass
159
159
  - app/assets/stylesheets/modules/_service_card.sass
160
160
  - app/assets/stylesheets/modules/_service_collection.sass
161
+ - app/assets/stylesheets/modules/_sharing_widgets.sass
161
162
  - app/assets/stylesheets/modules/_social.sass
162
163
  - app/assets/stylesheets/modules/_stars.sass
163
164
  - app/assets/stylesheets/modules/_styleguide.sass
@@ -435,7 +436,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
435
436
  version: '0'
436
437
  segments:
437
438
  - 0
438
- hash: 2702946813128989219
439
+ hash: -1574030051236304699
439
440
  required_rubygems_version: !ruby/object:Gem::Requirement
440
441
  none: false
441
442
  requirements:
@@ -444,7 +445,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
444
445
  version: '0'
445
446
  segments:
446
447
  - 0
447
- hash: 2702946813128989219
448
+ hash: -1574030051236304699
448
449
  requirements: []
449
450
  rubyforge_project: smock
450
451
  rubygems_version: 1.8.21