smock 0.1.50 → 0.1.51

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.50)
4
+ smock (0.1.51)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
@@ -0,0 +1,8 @@
1
+ .avatar
2
+ +space(max-height, 14)
3
+ width: 300px
4
+ .avatar__image
5
+ border-radius: $border-radius
6
+ max-width: 100%
7
+ height: auto
8
+ display: block
@@ -13,15 +13,5 @@
13
13
  margin: 0
14
14
  +space(margin-bottom)
15
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
16
  .testimonial__content__body
27
17
  margin-bottom: 0
@@ -15,6 +15,7 @@
15
15
  @import "includes/colors"
16
16
  @import "includes/mixins"
17
17
  @import "includes/typography"
18
+ @import "includes/images"
18
19
  @import "includes/icons"
19
20
  @import "includes/forms"
20
21
  @import "includes/layouts"
data/examples/atoms.html CHANGED
@@ -33,6 +33,7 @@
33
33
  </section>
34
34
 
35
35
  <section class="classification">
36
+
36
37
  <section class="style-group">
37
38
  <h3>Colours</h3>
38
39
 
@@ -142,6 +143,14 @@
142
143
  <p>This is a paragraph with <a href="#">A basic link</a> inside of it.</p>
143
144
  </div>
144
145
 
146
+ <div class="style-group__example">
147
+ <strong class="style-group__example__label">Avatar</strong>
148
+
149
+ <div class="avatar">
150
+ <img class="avatar__image" src="http://placehold.it/220x220" alt="300x300 Placeholder" />
151
+ </div>
152
+ </div>
153
+
145
154
  <div class="style-group__example">
146
155
  <strong class="style-group__example__label">Forms</strong>
147
156
 
@@ -18,7 +18,7 @@
18
18
  <link rel="stylesheet" href="../smock.css"/>
19
19
  </head>
20
20
 
21
- <body>
21
+ <body am-grid>
22
22
 
23
23
  <section class="classification">
24
24
  <section class="style-group">
@@ -35,6 +35,60 @@
35
35
  ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis
36
36
  interdum.</p>
37
37
  </section>
38
- </section>
38
+
39
+ <section class="style-group">
40
+ <h3>Testimonials</h3>
41
+
42
+ <strong class="style-group__example__label">Single Testimonial</strong>
43
+ <blockquote class="testimonial testimonial--single">
44
+ <div class="testimonial__image avatar" am-grid-col="l:1">
45
+ <img class="avatar__image" alt="Peter Fitzgibbon" src="http://placehold.it/300x300"/>
46
+ </div>
47
+ <div class="testimonial__content" am-grid-col="l:4">
48
+ <p class="testimonial__content__body">I have been wanting to update my
49
+ Wordpress theme for over a year but was intimidated to do it. I was
50
+ contacted by my installer right away and he was awesome to work with!</p>
51
+ <cite>Erin Southwell</cite>
52
+ </div>
53
+ </blockquote>
54
+
55
+ <strong class="style-group__example__label">Multiple Testimonials</strong>
56
+ <div class="testimonials" am-grid-col="l:5">
57
+ <blockquote class="testimonial testimonial--single">
58
+ <div class="testimonial__image avatar" am-grid-col="l:1:5">
59
+ <img class="avatar__image" alt="Peter Fitzgibbon" src="http://placehold.it/300x300"/>
60
+ </div>
61
+ <div class="testimonial__content" am-grid-col="l:4:5">
62
+ <p class="testimonial__content__body">I have been wanting to update my
63
+ Wordpress theme for over a year but was intimidated to do it. I was
64
+ contacted by my installer right away and he was awesome to work with!</p>
65
+ <cite>Erin Southwell</cite>
66
+ </div>
67
+ </blockquote>
68
+ <blockquote class="testimonial testimonial--single">
69
+ <div class="testimonial__image avatar" am-grid-col="l:1:5">
70
+ <img class="avatar__image" alt="Peter Fitzgibbon" src="http://placehold.it/300x300"/>
71
+ </div>
72
+ <div class="testimonial__content" am-grid-col="l:4:5">
73
+ <p class="testimonial__content__body">I have been wanting to update my
74
+ Wordpress theme for over a year but was intimidated to do it. I was
75
+ contacted by my installer right away and he was awesome to work with!</p>
76
+ <cite>Erin Southwell</cite>
77
+ </div>
78
+ </blockquote>
79
+ <blockquote class="testimonial testimonial--single">
80
+ <div class="testimonial__image avatar" am-grid-col="l:1:5">
81
+ <img class="avatar__image" alt="Peter Fitzgibbon" src="http://placehold.it/300x300"/>
82
+ </div>
83
+ <div class="testimonial__content" am-grid-col="l:4:5">
84
+ <p class="testimonial__content__body">I have been wanting to update my
85
+ Wordpress theme for over a year but was intimidated to do it. I was
86
+ contacted by my installer right away and he was awesome to work with!</p>
87
+ <cite>Erin Southwell</cite>
88
+ </div>
89
+ </blockquote>
90
+ </div>
91
+ </section>
92
+ </section> <!-- end .classification -->
39
93
  </body>
40
94
  </html>
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.50
4
+ version: 0.1.51
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -127,6 +127,7 @@ files:
127
127
  - app/assets/stylesheets/includes/_colors.sass
128
128
  - app/assets/stylesheets/includes/_forms.sass
129
129
  - app/assets/stylesheets/includes/_grid.sass
130
+ - app/assets/stylesheets/includes/_images.sass
130
131
  - app/assets/stylesheets/includes/_layouts.sass
131
132
  - app/assets/stylesheets/includes/_mixins.sass
132
133
  - app/assets/stylesheets/includes/_svg_images.sass
@@ -356,7 +357,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
356
357
  version: '0'
357
358
  segments:
358
359
  - 0
359
- hash: -4027374940510144244
360
+ hash: 666811874009506712
360
361
  required_rubygems_version: !ruby/object:Gem::Requirement
361
362
  none: false
362
363
  requirements:
@@ -365,7 +366,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
365
366
  version: '0'
366
367
  segments:
367
368
  - 0
368
- hash: -4027374940510144244
369
+ hash: 666811874009506712
369
370
  requirements: []
370
371
  rubyforge_project: smock
371
372
  rubygems_version: 1.8.21