smock 0.1.141 → 0.1.142

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 (4) hide show
  1. data/Gemfile.lock +1 -1
  2. data/guide2.sass +31 -2
  3. data/index2.html +33 -18
  4. metadata +3 -3
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- smock (0.1.141)
4
+ smock (0.1.142)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
data/guide2.sass CHANGED
@@ -1,5 +1,13 @@
1
1
  @import "app/assets/stylesheets/smock"
2
2
 
3
+ body
4
+ -webkit-font-smoothing: antialiased
5
+ -moz-osx-font-smoothing: grayscale
6
+
7
+ #content
8
+ -webkit-font-smoothing: auto
9
+ -moz-osx-font-smoothing: auto
10
+
3
11
  .example:before
4
12
  content: 'Example'
5
13
  display: block
@@ -13,7 +21,6 @@
13
21
  pre:before
14
22
  content: 'Code'
15
23
 
16
-
17
24
  .style-group__icons
18
25
  width: 200px
19
26
  text-align: center
@@ -28,4 +35,26 @@
28
35
  height: 64px
29
36
  display: block
30
37
  margin: 0 auto
31
- +space(margin-bottom)
38
+ +space(margin-bottom)
39
+
40
+ .guide-header
41
+ background: $black
42
+ +space(margin-bottom)
43
+ +space(padding-top, 0.5)
44
+ +space(padding-bottom, 0.5)
45
+
46
+ .actions__group
47
+ +space(margin-bottom)
48
+
49
+ .actions__group__title
50
+ +typecsset-font-size($first-font-size)
51
+ background: $gray
52
+ +space(padding, 0.5)
53
+ display: block
54
+ color: $white
55
+ border-top-left-radius: $border-radius
56
+ border-top-right-radius: $border-radius
57
+
58
+ .actions__group__list
59
+ +border
60
+ +space(padding, 0.5)
data/index2.html CHANGED
@@ -7,25 +7,40 @@
7
7
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/monokai_sublime.min.css">
8
8
  </head>
9
9
  <body am-grid>
10
+ <div class="guide-header">
11
+ <div class="container">
12
+ <a class="header__logo svg__logo--inverse" href="/">Envato Studio</a>
13
+ </div>
14
+ </div>
10
15
  <div class="container">
11
- <h1>Sherv's Styleguide to the Universe</h1>
12
- <ul am-grid-col="l:2:12" class="actions">
13
- <li><a href="#icons" rel="icons">Icons</a></li>
14
- <li><a href="#buttons" rel="buttons">Buttons</a></li>
15
- <li><a href="#banners" rel="banners">Banners</a></li>
16
- <li><a href="#typography" rel="typography">Typography</a></li>
17
- <li><a href="#paragraphs" rel="paragraphs">Paragraphs</a></li>
18
- <li><a href="#testimonials" rel="testimonials">Testimonials</a></li>
19
- <li><a href="#avatars" rel="avatars">Avatars</a></li>
20
- <li><a href="#colors" rel="colors">Colors</a></li>
21
- <li><a href="#links" rel="links">Links</a></li>
22
- <li><a href="#forms" rel="forms">Forms</a></li>
23
- <li><a href="#service" rel="service">Service</a></li>
24
- <li><a href="#reviews" rel="reviews">Reviews</a></li>
25
- <li><a href="#metrics" rel="metrics">Metrics</a></li>
26
- <li><a href="#helpers" rel="helpers">Helpers</a></li>
27
- </ul>
28
- <aside am-grid-col="l:10:12">
16
+ <div am-grid-col="l:3" class="actions">
17
+ <div class="actions__group">
18
+ <strong class="actions__group__title">UI Kit</strong>
19
+ <ul class="actions__group__list">
20
+ <li><a href="#avatars" rel="avatars">Avatars</a></li>
21
+ <li><a href="#buttons" rel="buttons">Buttons</a></li>
22
+ <li><a href="#colors" rel="colors">Colors</a></li>
23
+ <li><a href="#forms" rel="forms">Forms</a></li>
24
+ <li><a href="#helpers" rel="helpers">Helpers</a></li>
25
+ <li><a href="#icons" rel="icons">Icons</a></li>
26
+ <li><a href="#links" rel="links">Links</a></li>
27
+ <li><a href="#paragraphs" rel="paragraphs">Paragraphs</a></li>
28
+ <li><a href="#typography" rel="typography">Typography</a></li>
29
+ </ul>
30
+ </div>
31
+
32
+ <div class="actions__group">
33
+ <strong class="actions__group__title">Patterns</strong>
34
+ <ul class="actions__group__list">
35
+ <li><a href="#banners" rel="banners">Banners</a></li>
36
+ <li><a href="#metrics" rel="metrics">Metrics</a></li>
37
+ <li><a href="#reviews" rel="reviews">Reviews</a></li>
38
+ <li><a href="#service" rel="service">Service</a></li>
39
+ <li><a href="#testimonials" rel="testimonials">Testimonials</a></li>
40
+ </ul>
41
+ </div>
42
+ </div>
43
+ <aside am-grid-col="l:9">
29
44
  <div id='content'></div>
30
45
  </aside>
31
46
  </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.141
4
+ version: 0.1.142
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -441,7 +441,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
441
441
  version: '0'
442
442
  segments:
443
443
  - 0
444
- hash: 1539970258508712028
444
+ hash: 1768832687415697408
445
445
  required_rubygems_version: !ruby/object:Gem::Requirement
446
446
  none: false
447
447
  requirements:
@@ -450,7 +450,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
450
450
  version: '0'
451
451
  segments:
452
452
  - 0
453
- hash: 1539970258508712028
453
+ hash: 1768832687415697408
454
454
  requirements: []
455
455
  rubyforge_project: smock
456
456
  rubygems_version: 1.8.21