pwnstyles_rails 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/Gemfile +1 -1
- data/Gemfile.lock +2 -2
- data/README.rdoc +6 -2
- data/VERSION +1 -1
- data/config/initializers/paths.rb +3 -1
- data/lib/pwnstyles_rails/engine.rb +5 -4
- data/lib/pwnstyles_rails/generators/install_generator.rb +14 -0
- data/lib/pwnstyles_rails/generators/update_generator.rb +29 -0
- data/public/stylesheets/.gitignore +1 -0
- data/public/stylesheets/scss/generic/_controls.scss +139 -0
- data/public/stylesheets/scss/generic/_links.scss +7 -0
- data/public/stylesheets/scss/generic/_menu.scss +61 -0
- data/public/stylesheets/scss/{_reset.scss → generic/_reset.scss} +4 -2
- data/public/stylesheets/scss/modules/_body.scss +14 -0
- data/public/stylesheets/scss/modules/_footer.scss +50 -0
- data/public/stylesheets/scss/modules/_header.scss +65 -0
- data/public/stylesheets/scss/modules/_status_bar.scss +29 -0
- data/public/stylesheets/scss/pwnstyles.scss +13 -1
- data/public/stylesheets/scss/vars/_app.scss +6 -0
- data/public/stylesheets/scss/vars/_color_scheme.scss +59 -0
- data/public/stylesheets/scss/vars/_layout_sizes.scss +17 -0
- data/pwnstyles_rails.gemspec +19 -7
- metadata +26 -14
- data/lib/pwnstyles_rails/all_generator.rb +0 -22
data/Gemfile
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
source "http://rubygems.org"
|
2
2
|
# Add dependencies required to use your gem here.
|
3
3
|
# Example:
|
4
|
-
gem "haml", ">= 3.0.25"
|
5
4
|
gem "rails", ">= 3.0.0"
|
5
|
+
gem "sass", ">= 3.1.0"
|
6
6
|
|
7
7
|
# Add dependencies to develop your gem here.
|
8
8
|
# Include everything needed to run rake, tests, features, etc.
|
data/Gemfile.lock
CHANGED
@@ -33,7 +33,6 @@ GEM
|
|
33
33
|
erubis (2.6.6)
|
34
34
|
abstract (>= 1.0.0)
|
35
35
|
git (1.2.5)
|
36
|
-
haml (3.0.25)
|
37
36
|
i18n (0.5.0)
|
38
37
|
jeweler (1.5.2)
|
39
38
|
bundler (~> 1.0.0)
|
@@ -66,6 +65,7 @@ GEM
|
|
66
65
|
thor (~> 0.14.4)
|
67
66
|
rake (0.8.7)
|
68
67
|
rcov (0.9.9)
|
68
|
+
sass (3.1.0)
|
69
69
|
shoulda (2.11.3)
|
70
70
|
thor (0.14.6)
|
71
71
|
treetop (1.4.9)
|
@@ -77,8 +77,8 @@ PLATFORMS
|
|
77
77
|
|
78
78
|
DEPENDENCIES
|
79
79
|
bundler (~> 1.0.0)
|
80
|
-
haml (>= 3.0.25)
|
81
80
|
jeweler (~> 1.5.2)
|
82
81
|
rails (>= 3.0.0)
|
83
82
|
rcov
|
83
|
+
sass (>= 3.1.0)
|
84
84
|
shoulda
|
data/README.rdoc
CHANGED
@@ -8,9 +8,13 @@ Add the gem to your Gemfile
|
|
8
8
|
|
9
9
|
gem 'pwnstyles_rails'
|
10
10
|
|
11
|
-
Run a generator that will copy
|
11
|
+
Run a generator that will copy all defaults into your Rails application.
|
12
12
|
|
13
|
-
rails g pwnstyles_rails:
|
13
|
+
rails g pwnstyles_rails:install
|
14
|
+
|
15
|
+
When updating to new gem versions, run the following generator, which does replace the files intended to hold your changes.
|
16
|
+
|
17
|
+
rails g pwnstyles_rails:update
|
14
18
|
|
15
19
|
== Contributing to pwnstyles_rails
|
16
20
|
|
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.0.
|
1
|
+
0.0.2
|
@@ -1,8 +1,10 @@
|
|
1
1
|
require 'sass/plugin/rack'
|
2
|
-
Sass::Plugin.options[:style] = :compact
|
3
2
|
Sass::Plugin.add_template_location(
|
4
3
|
Rails.root.join('public', 'pwnstyles', 'stylesheets', 'scss').to_s,
|
5
4
|
Rails.root.join('public', 'pwnstyles', 'stylesheets').to_s)
|
6
5
|
|
6
|
+
Sass::Plugin.options[:style] = Rails.env.development? ? :expanded : :compressed
|
7
|
+
Sass::Plugin.options[:debug] = Rails.env.development?
|
8
|
+
|
7
9
|
ActionView::Helpers::AssetTagHelper.register_stylesheet_expansion :pwnstyles =>
|
8
10
|
[ '/pwnstyles/stylesheets/pwnstyles' ]
|
@@ -2,12 +2,13 @@ require 'pwnstyles_rails'
|
|
2
2
|
require 'rails'
|
3
3
|
|
4
4
|
# :nodoc: namespace
|
5
|
-
module
|
5
|
+
module PwnstylesRails
|
6
6
|
|
7
7
|
class Engine < Rails::Engine
|
8
8
|
generators do
|
9
|
-
require 'pwnstyles_rails/
|
9
|
+
require 'pwnstyles_rails/generators/update_generator.rb'
|
10
|
+
require 'pwnstyles_rails/generators/install_generator.rb'
|
10
11
|
end
|
11
|
-
end # class
|
12
|
+
end # class PwnstylesRails::Engine
|
12
13
|
|
13
|
-
end # namespace
|
14
|
+
end # namespace PwnstylesRails
|
@@ -0,0 +1,14 @@
|
|
1
|
+
require 'rails'
|
2
|
+
|
3
|
+
# :nodoc: namespace
|
4
|
+
module PwnstylesRails
|
5
|
+
|
6
|
+
|
7
|
+
# rails g pwnstyles_rails:install
|
8
|
+
class InstallGenerator < UpdateGenerator
|
9
|
+
def stylesheets
|
10
|
+
copy_stylesheets []
|
11
|
+
end
|
12
|
+
end # class PwnstylesRails::AllGenerator
|
13
|
+
|
14
|
+
end # namespace PwnstylesRails
|
@@ -0,0 +1,29 @@
|
|
1
|
+
require 'rails'
|
2
|
+
|
3
|
+
# :nodoc: namespace
|
4
|
+
module PwnstylesRails
|
5
|
+
|
6
|
+
|
7
|
+
# rails g pwnstyles_rails:update
|
8
|
+
class UpdateGenerator < Rails::Generators::Base
|
9
|
+
def stylesheets
|
10
|
+
copy_stylesheets ['scss/vars/_app.scss']
|
11
|
+
end
|
12
|
+
|
13
|
+
|
14
|
+
private
|
15
|
+
|
16
|
+
def copy_stylesheets(exclude_list = [])
|
17
|
+
dir = File.expand_path '../../../public/stylesheets', File.dirname(__FILE__)
|
18
|
+
Dir.glob(File.join(dir, '**', '*'), File::FNM_DOTMATCH).each do |source|
|
19
|
+
next if File.directory?(source)
|
20
|
+
source_file = source[(dir.length + 1)..-1]
|
21
|
+
next if exclude_list.include?(source_file)
|
22
|
+
|
23
|
+
dest = Rails.root.join 'public', 'pwnstyles', 'stylesheets', source_file
|
24
|
+
copy_file source, dest
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end # class PwnstylesRails::AllGenerator
|
28
|
+
|
29
|
+
end # namespace PwnstylesRails
|
@@ -0,0 +1 @@
|
|
1
|
+
*.css
|
@@ -0,0 +1,139 @@
|
|
1
|
+
// Submit buttons.
|
2
|
+
input[type=submit], input[type=button], button, a.button {
|
3
|
+
margin: 0;
|
4
|
+
padding: 0.1em 1ex;
|
5
|
+
-moz-border-radius: 4px;
|
6
|
+
-webkit-border-radius: 4px;
|
7
|
+
border-radius: 4px;
|
8
|
+
-moz-box-shadow: 0px 1px 3px $button-shadow-color;
|
9
|
+
-webkit-box-shadow: 0px 1px 3px $button-shadow-color;
|
10
|
+
box-shadow: 0px 1px 3px $button-shadow-color;
|
11
|
+
|
12
|
+
background-color: $button-color;
|
13
|
+
border: 1px solid $button-border-color;
|
14
|
+
color: $button-font-color;
|
15
|
+
font-size: 1.1em;
|
16
|
+
font-weight: bold;
|
17
|
+
|
18
|
+
&:hover {
|
19
|
+
color: $button-hover-font-color;
|
20
|
+
}
|
21
|
+
&:active {
|
22
|
+
background-color: $button-color;
|
23
|
+
-moz-box-shadow: inset 0px 2px 2px $button-active-shadow-color;
|
24
|
+
-webkit-box-shadow: inset 0px 2px 2px $button-active-shadow-color;
|
25
|
+
box-shadow: inset 0px 2px 2px $button-active-shadow-color;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
// Text fields.
|
30
|
+
input[type=text], input[type=email], input[type=tel], input[type=password],
|
31
|
+
textarea {
|
32
|
+
margin: 0;
|
33
|
+
padding: 0.1em 0.5ex;
|
34
|
+
border: 1px solid $input-border-color;
|
35
|
+
-moz-border-radius: 4px;
|
36
|
+
-webkit-border-radius: 4px;
|
37
|
+
border-radius: 4px;
|
38
|
+
-moz-box-shadow: inset 0px 2px 2px $input-shadow-color;
|
39
|
+
-webkit-box-shadow: inset 0px 2px 2px $input-shadow-color;
|
40
|
+
box-shadow: inset 0px 2px 2px $input-shadow-color;
|
41
|
+
background-color: $input-background-color;
|
42
|
+
|
43
|
+
&:hover {
|
44
|
+
border: 1px solid $button-hover-border-color;
|
45
|
+
}
|
46
|
+
&:focus {
|
47
|
+
color: #331400;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
textarea {
|
51
|
+
height: 5.25em;
|
52
|
+
}
|
53
|
+
|
54
|
+
// Multiple-choice fields.
|
55
|
+
input[type=radio], input[type=checkbox] {
|
56
|
+
border: 1px solid $input-border-color;
|
57
|
+
box-shadow: inset 0px 1px 2px $input-shadow-color;
|
58
|
+
-moz-box-shadow: inset 0px 1px 2px $input-shadow-color;
|
59
|
+
-webkit-box-shadow: inset 0px 1px 2px $input-shadow-color;
|
60
|
+
background-color: $input-background-color;
|
61
|
+
}
|
62
|
+
|
63
|
+
// Error highlighting.
|
64
|
+
.field_with_errors {
|
65
|
+
input[type=text], input[type=email], input[type=tel], input[type=password],
|
66
|
+
textarea {
|
67
|
+
border: 1px solid #FF0000;
|
68
|
+
box-shadow: inset 0px 1px 2px #FF8888;
|
69
|
+
-moz-box-shadow: inset 0px 1px 2px #FF8888;
|
70
|
+
-webkit-box-shadow: inset 0px 1px 2px #FF8888;
|
71
|
+
background-color: #FFEEEE;
|
72
|
+
}
|
73
|
+
|
74
|
+
input[type=radio], input[type=checkbox] {
|
75
|
+
border: 1px solid #FF0000;
|
76
|
+
box-shadow: inset 0px 1px 2px #FF8888;
|
77
|
+
-moz-box-shadow: inset 0px 1px 2px #FF8888;
|
78
|
+
-webkit-box-shadow: inset 0px 1px 2px #FF8888;
|
79
|
+
background-color: #FFEEEE;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
|
84
|
+
// Forms.
|
85
|
+
form {
|
86
|
+
.fields {
|
87
|
+
display: table;
|
88
|
+
border-collapse: collapse;
|
89
|
+
width: 100%;
|
90
|
+
|
91
|
+
.field {
|
92
|
+
display: table-row;
|
93
|
+
margin: 0;
|
94
|
+
padding: 0 0 0.2em 0;
|
95
|
+
&.hidden {
|
96
|
+
display: none;
|
97
|
+
}
|
98
|
+
|
99
|
+
> * {
|
100
|
+
display: table-cell;
|
101
|
+
vertical-align: baseline;
|
102
|
+
margin: 0;
|
103
|
+
}
|
104
|
+
> label {
|
105
|
+
padding: 0 0.5em 0 0;
|
106
|
+
}
|
107
|
+
> .value {
|
108
|
+
padding: 0 0 0.25em 0;
|
109
|
+
> .field_with_errors {
|
110
|
+
display: block;
|
111
|
+
}
|
112
|
+
}
|
113
|
+
> .comment {
|
114
|
+
padding: 0 0 0 0.5em;
|
115
|
+
}
|
116
|
+
|
117
|
+
input, textarea {
|
118
|
+
font-size: inherit;
|
119
|
+
width: 100%;
|
120
|
+
-webkit-box-sizing: border-box;
|
121
|
+
-moz-box-sizing: border-box;
|
122
|
+
box-sizing: border-box;
|
123
|
+
}
|
124
|
+
input[type=radio], input[type=checkbox] {
|
125
|
+
width: auto;
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
.action {
|
131
|
+
margin: 0;
|
132
|
+
padding: 0;
|
133
|
+
text-align: center;
|
134
|
+
|
135
|
+
input[type=submit], input[type=button], button {
|
136
|
+
min-width: 7em;
|
137
|
+
}
|
138
|
+
}
|
139
|
+
}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
// Include in an ul or ol to make it a two-level menu.
|
2
|
+
@mixin menu-list($hover-color: $menu-hover-color, $last-item-right: false) {
|
3
|
+
margin: 0;
|
4
|
+
padding: 0;
|
5
|
+
list-style: none;
|
6
|
+
|
7
|
+
> li {
|
8
|
+
display: block;
|
9
|
+
float: left;
|
10
|
+
margin: 0;
|
11
|
+
padding: 0;
|
12
|
+
background-color: inherit;
|
13
|
+
> ol, > ul {
|
14
|
+
display: none;
|
15
|
+
background-color: inherit;
|
16
|
+
border: 1px solid $hover-color;
|
17
|
+
position: absolute;
|
18
|
+
z-index: 5;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
> li:hover {
|
22
|
+
> ol, > ul {
|
23
|
+
display: block;
|
24
|
+
background-color: inherit;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
a {
|
29
|
+
display: block;
|
30
|
+
padding: 0 0.5em;
|
31
|
+
text-decoration: none;
|
32
|
+
color: inherit;
|
33
|
+
}
|
34
|
+
a:hover, a:active {
|
35
|
+
background-color: $hover-color;
|
36
|
+
}
|
37
|
+
li > img {
|
38
|
+
display: block;
|
39
|
+
position: relative;
|
40
|
+
top: 2px;
|
41
|
+
float: left;
|
42
|
+
margin: 0;
|
43
|
+
padding: 0 4px;
|
44
|
+
}
|
45
|
+
|
46
|
+
@if $last-item-right == true {
|
47
|
+
> li:last-child {
|
48
|
+
position: absolute;
|
49
|
+
right: 0;
|
50
|
+
}
|
51
|
+
> li:last-child > ol {
|
52
|
+
position: relative;
|
53
|
+
}
|
54
|
+
> li:last-child a {
|
55
|
+
vertical-align: bottom;
|
56
|
+
}
|
57
|
+
> li:last-child a span {
|
58
|
+
display: inline-block;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}
|
@@ -13,7 +13,8 @@ time, mark, audio, video {
|
|
13
13
|
padding: 0;
|
14
14
|
border: 0;
|
15
15
|
outline: 0;
|
16
|
-
font-size:
|
16
|
+
font-size: inherit;
|
17
|
+
line-height: inherit;
|
17
18
|
font: inherit;
|
18
19
|
vertical-align: baseline;
|
19
20
|
background: transparent;
|
@@ -45,7 +46,8 @@ q:before, q:after {
|
|
45
46
|
a {
|
46
47
|
margin: 0;
|
47
48
|
padding: 0;
|
48
|
-
font-size:
|
49
|
+
font-size: inherit;
|
50
|
+
line-height: inherit;
|
49
51
|
vertical-align: baseline;
|
50
52
|
background: transparent;
|
51
53
|
}
|
@@ -0,0 +1,50 @@
|
|
1
|
+
footer {
|
2
|
+
margin: 0;
|
3
|
+
border-top: 6px solid $footer-border-color;
|
4
|
+
|
5
|
+
color: $footer-text-color;
|
6
|
+
font-size: 11pt;
|
7
|
+
|
8
|
+
background: -moz-linear-gradient(top, $footer-background-color1 0%,
|
9
|
+
$footer-background-color2 100%)
|
10
|
+
left top no-repeat, $footer-background-color2;
|
11
|
+
background: -webkit-gradient(linear, left top, left bottom,
|
12
|
+
color-stop(0%, $footer-background-color1),
|
13
|
+
color-stop(100%, $footer-background-color2))
|
14
|
+
left top no-repeat, $footer-background-color2;
|
15
|
+
}
|
16
|
+
footer nav {
|
17
|
+
margin: 0 auto;
|
18
|
+
padding: 5px 8px 0 8px;
|
19
|
+
width: $page-width;
|
20
|
+
}
|
21
|
+
footer p {
|
22
|
+
margin: 0;
|
23
|
+
}
|
24
|
+
footer p.copyright img {
|
25
|
+
float: left;
|
26
|
+
margin-right: 5px;
|
27
|
+
}
|
28
|
+
footer p.copyright {
|
29
|
+
line-height: 16px;
|
30
|
+
}
|
31
|
+
footer p.design {
|
32
|
+
font-size: 9pt;
|
33
|
+
display: block;
|
34
|
+
padding: 36px 0 4px 0;
|
35
|
+
text-align: center;
|
36
|
+
}
|
37
|
+
footer a {
|
38
|
+
color: $footer-text-color;
|
39
|
+
}
|
40
|
+
footer nav ul {
|
41
|
+
margin: 0;
|
42
|
+
padding: 0 0 8px 0;
|
43
|
+
}
|
44
|
+
footer nav ul li {
|
45
|
+
display: inline-block;
|
46
|
+
}
|
47
|
+
footer nav ul a {
|
48
|
+
display: inline-block;
|
49
|
+
padding: 5px;
|
50
|
+
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
header {
|
2
|
+
padding: 0;
|
3
|
+
background-color: $header-background-color;
|
4
|
+
border-bottom: 1px solid $header-border-color;
|
5
|
+
|
6
|
+
hgroup {
|
7
|
+
width: $page-width;
|
8
|
+
height: $header-height;
|
9
|
+
margin: 0 auto;
|
10
|
+
color: $header-text-color;
|
11
|
+
|
12
|
+
position: relative;
|
13
|
+
|
14
|
+
font-family: Ubuntu, Helvetica, Tahoma, sans-serif;
|
15
|
+
font-weight: bold;
|
16
|
+
}
|
17
|
+
|
18
|
+
h1 {
|
19
|
+
display: inline-block;
|
20
|
+
overflow: hidden;
|
21
|
+
|
22
|
+
font-size: ($header-height - 4px);
|
23
|
+
line-height: $header-height;
|
24
|
+
font-variant: small-caps;
|
25
|
+
color: $header-title-color;
|
26
|
+
|
27
|
+
vertical-align: top;
|
28
|
+
|
29
|
+
img {
|
30
|
+
display: block;
|
31
|
+
padding: 2px 0;
|
32
|
+
float: left;
|
33
|
+
}
|
34
|
+
|
35
|
+
span {
|
36
|
+
display: block;
|
37
|
+
float: left;
|
38
|
+
padding: 0 0.5em 0 0.5em;
|
39
|
+
height: 100%;
|
40
|
+
}
|
41
|
+
|
42
|
+
a, a:visited, a:hover, a:active {
|
43
|
+
color: inherit;
|
44
|
+
text-decoration: none;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
nav {
|
49
|
+
display: inline-block;
|
50
|
+
font-weight: normal;
|
51
|
+
height: 100%;
|
52
|
+
}
|
53
|
+
nav > ol {
|
54
|
+
@include menu-list($menu-hover-color, $last-item-right: true);
|
55
|
+
background-color: $header-background-color;
|
56
|
+
|
57
|
+
font-size: 18px;
|
58
|
+
line-height: 24px;
|
59
|
+
height: 100%;
|
60
|
+
> li > a {
|
61
|
+
padding-top: 16px;
|
62
|
+
height: 24px;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
.status-bar {
|
2
|
+
width: $page-width;
|
3
|
+
margin: 0.2em auto;
|
4
|
+
padding: 0.5ex 0.5em;
|
5
|
+
|
6
|
+
-moz-border-radius: 2px;
|
7
|
+
-webkit-border-radius: 2px;
|
8
|
+
border-radius: 2px;
|
9
|
+
|
10
|
+
font-size: 14pt;
|
11
|
+
|
12
|
+
.actions {
|
13
|
+
display: inline-block;
|
14
|
+
float: right;
|
15
|
+
}
|
16
|
+
a, a:hover, a:active, a:visited {
|
17
|
+
color: inherit;
|
18
|
+
}
|
19
|
+
&.error {
|
20
|
+
border: 1px solid #D8000C;
|
21
|
+
background-color: #FFBABA;
|
22
|
+
color: #D8000C;
|
23
|
+
}
|
24
|
+
&.notice {
|
25
|
+
border: 1px solid #9F6000;
|
26
|
+
background-color: #FEEFB3;
|
27
|
+
color: #9F6000;
|
28
|
+
}
|
29
|
+
}
|
@@ -1 +1,13 @@
|
|
1
|
-
@import '
|
1
|
+
@import 'vars/app.scss';
|
2
|
+
@import 'vars/color_scheme.scss';
|
3
|
+
@import 'vars/layout_sizes.scss';
|
4
|
+
|
5
|
+
@import 'generic/reset.scss';
|
6
|
+
@import 'generic/controls.scss';
|
7
|
+
@import 'generic/links.scss';
|
8
|
+
@import 'generic/menu.scss';
|
9
|
+
|
10
|
+
@import 'modules/body.scss';
|
11
|
+
@import 'modules/footer.scss';
|
12
|
+
@import 'modules/header.scss';
|
13
|
+
@import 'modules/status_bar.scss';
|
@@ -0,0 +1,59 @@
|
|
1
|
+
// Main colors used in the application.
|
2
|
+
// Do not change the values here. Instead, override them in _app.scss
|
3
|
+
|
4
|
+
// Primary colors used in the app.
|
5
|
+
$colors: 3 !default;
|
6
|
+
$main-color1: hsl(240deg, 100%, 50%) !default;
|
7
|
+
$main-color2: adjust-hue($main-color1, 360 / $colors) !default;
|
8
|
+
$main-color3: adjust-hue($main-color1, 360 / $colors) !default;
|
9
|
+
$main-color4: adjust-hue($main-color1, 360 / $colors) !default;
|
10
|
+
$main-color5: adjust-hue($main-color1, 360 / $colors) !default;
|
11
|
+
|
12
|
+
$header-background-color: change-color($main-color1,
|
13
|
+
$saturation: 66%, $lightness: 88%) !default;
|
14
|
+
$header-border-color: change-color($main-color1,
|
15
|
+
$saturation: 66%, $lightness: 76%) !default;
|
16
|
+
$header-title-color: change-color($main-color1,
|
17
|
+
$saturation: 100%, $lightness: 1%) !default;
|
18
|
+
$header-text-color: change-color($main-color1,
|
19
|
+
$saturation: 100%, $lightness: 20%) !default;
|
20
|
+
|
21
|
+
$footer-background-color1: change-color($main-color1,
|
22
|
+
$saturation: 66%, $lightness: 88%) !default;
|
23
|
+
$footer-background-color2: change-color($main-color1,
|
24
|
+
$saturation: 66%, $lightness: 97%) !default;
|
25
|
+
$footer-border-color: change-color($main-color1,
|
26
|
+
$saturation: 66%, $lightness: 76%) !default;
|
27
|
+
$footer-text-color: change-color($main-color1,
|
28
|
+
$saturation: 54%, $lightness: 16%) !default;
|
29
|
+
|
30
|
+
$button-base-color: $main-color1 !default;
|
31
|
+
$button-color: change-color($button-base-color, $lightness: 40%);
|
32
|
+
$button-border-color: change-color($button-base-color,
|
33
|
+
$saturation: 100%, $lightness: 33%) !default;
|
34
|
+
$button-font-color: change-color($button-base-color,
|
35
|
+
$saturation: 66%, $lightness: 99%) !default;
|
36
|
+
$button-shadow-color: change-color($button-base-color,
|
37
|
+
$saturation: 66%, $lightness: 76%) !default;
|
38
|
+
$button-hover-font-color: change-color($button-base-color,
|
39
|
+
$saturation: 66%, $lightness: 88%) !default;
|
40
|
+
$button-active-shadow-color: change-color($button-base-color,
|
41
|
+
$saturation: 100%, $lightness: 33%) !default;
|
42
|
+
|
43
|
+
$input-base-color: $main-color1 !default;
|
44
|
+
$input-border-color: change-color($input-base-color,
|
45
|
+
$saturation: 100%, $lightness: 20%) !default;
|
46
|
+
$input-shadow-color: change-color($input-base-color,
|
47
|
+
$saturation: 66%, $lightness: 88%) !default;
|
48
|
+
$input-background-color: change-color($input-base-color,
|
49
|
+
$saturation: 66%, $lightness: 99%) !default;
|
50
|
+
$button-hover-border-color: change-color($button-base-color,
|
51
|
+
$saturation: 100%, $lightness: 33%) !default;
|
52
|
+
$button-focus-font-color: change-color($button-base-color,
|
53
|
+
$saturation: 100%, $lightness: 33%) !default;
|
54
|
+
|
55
|
+
$menu-hover-color: change-color($main-color1,
|
56
|
+
$saturation: 66%, $lightness: 76%) !default;
|
57
|
+
|
58
|
+
$link-color: change-color($main-color1,
|
59
|
+
$saturation: 66%, $lightness: 16%) !default;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// Sizes of various elements of the page layout.
|
2
|
+
|
3
|
+
// Vertical grid.
|
4
|
+
$column-width: 30px !default;
|
5
|
+
$column-margin: 10px !default;
|
6
|
+
|
7
|
+
// Page elements, expressed in terms of the grid.
|
8
|
+
$page-columns: 25 !default;
|
9
|
+
$sidebar-columns: 9 !default;
|
10
|
+
|
11
|
+
$header-height: 40px;
|
12
|
+
|
13
|
+
// Derived quantities that can't be changed without breaking things.
|
14
|
+
$column-total: $column-width + $column-margin;
|
15
|
+
|
16
|
+
$page-width: ($column-total * $page-columns - $column-margin);
|
17
|
+
$sidebar-width: ($column-total * $sidebar-columns - $column-margin);
|
data/pwnstyles_rails.gemspec
CHANGED
@@ -5,11 +5,11 @@
|
|
5
5
|
|
6
6
|
Gem::Specification.new do |s|
|
7
7
|
s.name = %q{pwnstyles_rails}
|
8
|
-
s.version = "0.0.
|
8
|
+
s.version = "0.0.2"
|
9
9
|
|
10
10
|
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
11
11
|
s.authors = ["Victor Costan"]
|
12
|
-
s.date = %q{2011-04-
|
12
|
+
s.date = %q{2011-04-25}
|
13
13
|
s.description = %q{Included CSS was designed for reuse across pwnb.us apps.}
|
14
14
|
s.email = %q{victor@costan.us}
|
15
15
|
s.extra_rdoc_files = [
|
@@ -27,10 +27,22 @@ Gem::Specification.new do |s|
|
|
27
27
|
"VERSION",
|
28
28
|
"config/initializers/paths.rb",
|
29
29
|
"lib/pwnstyles_rails.rb",
|
30
|
-
"lib/pwnstyles_rails/all_generator.rb",
|
31
30
|
"lib/pwnstyles_rails/engine.rb",
|
32
|
-
"
|
31
|
+
"lib/pwnstyles_rails/generators/install_generator.rb",
|
32
|
+
"lib/pwnstyles_rails/generators/update_generator.rb",
|
33
|
+
"public/stylesheets/.gitignore",
|
34
|
+
"public/stylesheets/scss/generic/_controls.scss",
|
35
|
+
"public/stylesheets/scss/generic/_links.scss",
|
36
|
+
"public/stylesheets/scss/generic/_menu.scss",
|
37
|
+
"public/stylesheets/scss/generic/_reset.scss",
|
38
|
+
"public/stylesheets/scss/modules/_body.scss",
|
39
|
+
"public/stylesheets/scss/modules/_footer.scss",
|
40
|
+
"public/stylesheets/scss/modules/_header.scss",
|
41
|
+
"public/stylesheets/scss/modules/_status_bar.scss",
|
33
42
|
"public/stylesheets/scss/pwnstyles.scss",
|
43
|
+
"public/stylesheets/scss/vars/_app.scss",
|
44
|
+
"public/stylesheets/scss/vars/_color_scheme.scss",
|
45
|
+
"public/stylesheets/scss/vars/_layout_sizes.scss",
|
34
46
|
"pwnstyles_rails.gemspec",
|
35
47
|
"test/helper.rb",
|
36
48
|
"test/test_pwnstyles_rails.rb"
|
@@ -49,23 +61,23 @@ Gem::Specification.new do |s|
|
|
49
61
|
s.specification_version = 3
|
50
62
|
|
51
63
|
if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
|
52
|
-
s.add_runtime_dependency(%q<haml>, [">= 3.0.25"])
|
53
64
|
s.add_runtime_dependency(%q<rails>, [">= 3.0.0"])
|
65
|
+
s.add_runtime_dependency(%q<sass>, [">= 3.1.0"])
|
54
66
|
s.add_development_dependency(%q<shoulda>, [">= 0"])
|
55
67
|
s.add_development_dependency(%q<bundler>, ["~> 1.0.0"])
|
56
68
|
s.add_development_dependency(%q<jeweler>, ["~> 1.5.2"])
|
57
69
|
s.add_development_dependency(%q<rcov>, [">= 0"])
|
58
70
|
else
|
59
|
-
s.add_dependency(%q<haml>, [">= 3.0.25"])
|
60
71
|
s.add_dependency(%q<rails>, [">= 3.0.0"])
|
72
|
+
s.add_dependency(%q<sass>, [">= 3.1.0"])
|
61
73
|
s.add_dependency(%q<shoulda>, [">= 0"])
|
62
74
|
s.add_dependency(%q<bundler>, ["~> 1.0.0"])
|
63
75
|
s.add_dependency(%q<jeweler>, ["~> 1.5.2"])
|
64
76
|
s.add_dependency(%q<rcov>, [">= 0"])
|
65
77
|
end
|
66
78
|
else
|
67
|
-
s.add_dependency(%q<haml>, [">= 3.0.25"])
|
68
79
|
s.add_dependency(%q<rails>, [">= 3.0.0"])
|
80
|
+
s.add_dependency(%q<sass>, [">= 3.1.0"])
|
69
81
|
s.add_dependency(%q<shoulda>, [">= 0"])
|
70
82
|
s.add_dependency(%q<bundler>, ["~> 1.0.0"])
|
71
83
|
s.add_dependency(%q<jeweler>, ["~> 1.5.2"])
|
metadata
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: pwnstyles_rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
hash:
|
4
|
+
hash: 27
|
5
5
|
prerelease:
|
6
6
|
segments:
|
7
7
|
- 0
|
8
8
|
- 0
|
9
|
-
-
|
10
|
-
version: 0.0.
|
9
|
+
- 2
|
10
|
+
version: 0.0.2
|
11
11
|
platform: ruby
|
12
12
|
authors:
|
13
13
|
- Victor Costan
|
@@ -15,7 +15,7 @@ autorequire:
|
|
15
15
|
bindir: bin
|
16
16
|
cert_chain: []
|
17
17
|
|
18
|
-
date: 2011-04-
|
18
|
+
date: 2011-04-25 00:00:00 Z
|
19
19
|
dependencies:
|
20
20
|
- !ruby/object:Gem::Dependency
|
21
21
|
requirement: &id001 !ruby/object:Gem::Requirement
|
@@ -23,14 +23,14 @@ dependencies:
|
|
23
23
|
requirements:
|
24
24
|
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
hash:
|
26
|
+
hash: 7
|
27
27
|
segments:
|
28
28
|
- 3
|
29
29
|
- 0
|
30
|
-
-
|
31
|
-
version: 3.0.
|
30
|
+
- 0
|
31
|
+
version: 3.0.0
|
32
32
|
version_requirements: *id001
|
33
|
-
name:
|
33
|
+
name: rails
|
34
34
|
prerelease: false
|
35
35
|
type: :runtime
|
36
36
|
- !ruby/object:Gem::Dependency
|
@@ -39,14 +39,14 @@ dependencies:
|
|
39
39
|
requirements:
|
40
40
|
- - ">="
|
41
41
|
- !ruby/object:Gem::Version
|
42
|
-
hash:
|
42
|
+
hash: 3
|
43
43
|
segments:
|
44
44
|
- 3
|
45
|
+
- 1
|
45
46
|
- 0
|
46
|
-
|
47
|
-
version: 3.0.0
|
47
|
+
version: 3.1.0
|
48
48
|
version_requirements: *id002
|
49
|
-
name:
|
49
|
+
name: sass
|
50
50
|
prerelease: false
|
51
51
|
type: :runtime
|
52
52
|
- !ruby/object:Gem::Dependency
|
@@ -129,10 +129,22 @@ files:
|
|
129
129
|
- VERSION
|
130
130
|
- config/initializers/paths.rb
|
131
131
|
- lib/pwnstyles_rails.rb
|
132
|
-
- lib/pwnstyles_rails/all_generator.rb
|
133
132
|
- lib/pwnstyles_rails/engine.rb
|
134
|
-
-
|
133
|
+
- lib/pwnstyles_rails/generators/install_generator.rb
|
134
|
+
- lib/pwnstyles_rails/generators/update_generator.rb
|
135
|
+
- public/stylesheets/.gitignore
|
136
|
+
- public/stylesheets/scss/generic/_controls.scss
|
137
|
+
- public/stylesheets/scss/generic/_links.scss
|
138
|
+
- public/stylesheets/scss/generic/_menu.scss
|
139
|
+
- public/stylesheets/scss/generic/_reset.scss
|
140
|
+
- public/stylesheets/scss/modules/_body.scss
|
141
|
+
- public/stylesheets/scss/modules/_footer.scss
|
142
|
+
- public/stylesheets/scss/modules/_header.scss
|
143
|
+
- public/stylesheets/scss/modules/_status_bar.scss
|
135
144
|
- public/stylesheets/scss/pwnstyles.scss
|
145
|
+
- public/stylesheets/scss/vars/_app.scss
|
146
|
+
- public/stylesheets/scss/vars/_color_scheme.scss
|
147
|
+
- public/stylesheets/scss/vars/_layout_sizes.scss
|
136
148
|
- pwnstyles_rails.gemspec
|
137
149
|
- test/helper.rb
|
138
150
|
- test/test_pwnstyles_rails.rb
|
@@ -1,22 +0,0 @@
|
|
1
|
-
require 'rails'
|
2
|
-
|
3
|
-
# :nodoc: namespace
|
4
|
-
module PwnstylesRails
|
5
|
-
|
6
|
-
|
7
|
-
# Name chosen to get configvars_rails:all
|
8
|
-
class AllGenerator < Rails::Generators::Base
|
9
|
-
source_root File.expand_path("../templates", __FILE__)
|
10
|
-
|
11
|
-
def copy_stylesheets
|
12
|
-
dir = File.expand_path '../../public/stylesheets', File.dirname(__FILE__)
|
13
|
-
Dir.glob(File.join(dir, '**', '*')).each do |source|
|
14
|
-
next if File.directory?(source)
|
15
|
-
dest = Rails.root.join 'public', 'pwnstyles', 'stylesheets',
|
16
|
-
source[(dir.length + 1)..-1]
|
17
|
-
copy_file source, dest
|
18
|
-
end
|
19
|
-
end
|
20
|
-
end # class PwnstylesRails::AllGenerator
|
21
|
-
|
22
|
-
end # namespace PwnstylesRails
|