smock 0.1.50 → 0.1.51

Sign up to get free protection for your applications and to get access to all the features.
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