style-guide 0.7.4 → 1.0.0

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