style-guide 0.7.4 → 1.0.0

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 (8) hide show
  1. data/app/assets/stylesheets/style_guide/navbar.css +10 -18
  2. data/app/assets/stylesheets/style_guide/navigation/button.css +32 -0
  3. data/app/assets/stylesheets/style_guide/sidebar.css +2 -0
  4. data/app/views/layouts/style_guide/application.html.erb +4 -2
  5. data/lib/style_guide/partial.rb +0 -1
  6. data/lib/style_guide/version.rb +1 -1
  7. data/style-guide.gemspec +1 -1
  8. metadata +4 -3
data/app/assets/stylesheets/style_guide/navbar.css CHANGED
@@ -24,12 +24,12 @@
24
24
  }
25
25
 
26
26
  .style-guide-bar a.brand {
27
+ float: right;
27
28
  color: #ddd;
28
29
  text-shadow: 0 0 10px rgba(0,0,0,.05);
29
30
  }
30
31
 
31
- .style-guide-bar a.brand,
32
- .style-guide-bar label {
32
+ .style-guide-bar a.brand {
33
33
  display: block;
34
34
  height: 20px;
35
35
  font-size: 20px;
@@ -39,17 +39,10 @@
39
39
  padding: 5px 10px;
40
40
  }
41
41
 
42
- .style-guide-bar label {
43
- color: #888;
42
+ .style-guide-navigation-button {
44
43
  position: absolute;
45
44
  top: 0;
46
- right: 0;
47
- cursor: pointer;
48
- text-shadow: 0 -1px 0 rgba(0,0,0,.1), 0 1px 0 rgba(255, 255, 255, 0.9);
49
- -webkit-user-select: none;
50
- -moz-user-select: -moz-none;
51
- -khtml-user-select: none;
52
- user-select: none;
45
+ left: 0;
53
46
  }
54
47
 
55
48
  .style-guide-bar input[type=checkbox] {
@@ -64,10 +57,13 @@
64
57
  .style-guide-bar-sections {
65
58
  overflow: hidden;
66
59
  height: 0;
67
- background: #ddd;
68
- clear: both;
69
60
  margin: 0;
70
61
  padding: 0;
62
+
63
+ clear: both;
64
+
65
+ background: #ddd;
66
+
71
67
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 3px 3px rgba(0, 0, 0, .15);
72
68
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 3px 3px rgba(0, 0, 0, .15);
73
69
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 3px 3px rgba(0, 0, 0, .15);
@@ -89,14 +85,10 @@
89
85
  }
90
86
 
91
87
  @media (min-width: 720px) {
92
- .style-guide-bar label {
88
+ .style-guide-navigation-button {
93
89
  display: none;
94
90
  }
95
91
 
96
- .style-guide-bar .brand {
97
- float: right;
98
- }
99
-
100
92
  .style-guide-bar input:checked + .style-guide-bar-sections {
101
93
  padding: 0;
102
94
  }
data/app/assets/stylesheets/style_guide/navigation/button.css ADDED
@@ -0,0 +1,32 @@
1
+ .style-guide-navigation-button {
2
+ font-weight: normal;
3
+
4
+ font-size: 18px;
5
+ line-height: 18px;
6
+ margin: 7px 10px;
7
+ padding: 3px 10px;
8
+
9
+ cursor: pointer;
10
+ color: #888;
11
+ text-shadow: 0 0 30px rgba(0,0,0,0.15);
12
+
13
+ -webkit-user-select: none;
14
+ -moz-user-select: -moz-none;
15
+ -khtml-user-select: none;
16
+ user-select: none;
17
+ }
18
+
19
+ .style-guide-navigation-button:hover {
20
+ background-color: white;
21
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, .1);
22
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, .1);
23
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, .1);
24
+ }
25
+
26
+ .style-guide-navigation-button:active {
27
+ background-color: white;
28
+ text-shadow: 0 1px 1px rgba(0,0,0,0.1);
29
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 white;
30
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 white;
31
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 white;
32
+ }
data/app/assets/stylesheets/style_guide/sidebar.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .style-guide-sidebar {
2
+ display: none;
2
3
  margin: 30px 20px;
3
4
  border: 1px solid #ddd;
4
5
  background-color: white;
@@ -38,6 +39,7 @@
38
39
 
39
40
  @media (min-width: 720px) {
40
41
  .style-guide-sidebar {
42
+ display: block;
41
43
  margin: 10px;
42
44
  }
43
45
  }
data/app/views/layouts/style_guide/application.html.erb CHANGED
@@ -3,9 +3,11 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <title>Style Guide</title>
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
6
  <meta name="description" content="">
8
7
  <meta name="author" content="">
8
+ <meta name="apple-mobile-web-app-capable" content="yes">
9
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
10
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
9
11
 
10
12
  <%= stylesheet_link_tag "application", :media => "all" %>
11
13
  <%= stylesheet_link_tag "style_guide/application", :media => "all" %>
@@ -14,7 +16,7 @@
14
16
  <body class="style-guide">
15
17
  <div class="style-guide-bar">
16
18
  <div class="style-guide-bar-container">
17
- <label for="style-guide-checkbox">Sections</label>
19
+ <label class="style-guide-navigation-button" for="style-guide-checkbox">&#x2630;</label>
18
20
  <a class="brand" href="/">Style Guide</a>
19
21
  <input id="style-guide-checkbox" type="checkbox" />
20
22
  <div class="style-guide-bar-sections">
data/lib/style_guide/partial.rb CHANGED
@@ -52,7 +52,6 @@ module StyleGuide
52
52
  ActionView::Base.new(Rails.root.join("app", "views"))
53
53
  end
54
54
 
55
-
56
55
  def style_guide_scope
57
56
  [:style_guide, section.id.to_sym]
58
57
  end
data/lib/style_guide/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module StyleGuide
2
- VERSION = "0.7.4"
2
+ VERSION = "1.0.0"
3
3
  end
data/style-guide.gemspec CHANGED
@@ -7,7 +7,7 @@ Gem::Specification.new do |s|
7
7
  s.license = "MIT"
8
8
  s.authors = ["Doc Ritezel"]
9
9
  s.email = ["doc@pivotallabs.com"]
10
- s.homepage = "https://github.com/pivotal/style-guide"
10
+ s.homepage = "https://github.com/pivotalexperimental/style-guide"
11
11
  s.summary = "A style guide for your Rails application."
12
12
  s.description = "A mountable Rails engine where you curate and view your site's visual elements."
13
13
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: style-guide
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.4
4
+ version: 1.0.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-01-11 00:00:00.000000000 Z
12
+ date: 2013-01-12 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -272,6 +272,7 @@ files:
272
272
  - app/assets/stylesheets/style_guide/application.css
273
273
  - app/assets/stylesheets/style_guide/layout.css
274
274
  - app/assets/stylesheets/style_guide/navbar.css
275
+ - app/assets/stylesheets/style_guide/navigation/button.css
275
276
  - app/assets/stylesheets/style_guide/partial.css
276
277
  - app/assets/stylesheets/style_guide/prettify.css
277
278
  - app/assets/stylesheets/style_guide/section.css
@@ -410,7 +411,7 @@ files:
410
411
  - spec/lib/style_guide/section_spec.rb
411
412
  - spec/spec_helper.rb
412
413
  - style-guide.gemspec
413
- homepage: https://github.com/pivotal/style-guide
414
+ homepage: https://github.com/pivotalexperimental/style-guide
414
415
  licenses:
415
416
  - MIT
416
417
  post_install_message: