pwnstyles_rails 0.0.3 → 0.0.4
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.
- data/VERSION +1 -1
- data/lib/pwnstyles_rails/generators/update_generator.rb +2 -2
- data/public/stylesheets/scss/generic/_reset.scss +0 -4
- data/public/stylesheets/scss/generic/_text.scss +46 -0
- data/public/stylesheets/scss/modules/_body.scss +15 -0
- data/public/stylesheets/scss/modules/_header.scss +7 -2
- data/public/stylesheets/scss/pwnstyles.scss +2 -0
- data/public/stylesheets/scss/vars/_app.scss +3 -1
- data/public/stylesheets/scss/vars/_color_scheme.scss +18 -0
- data/public/stylesheets/scss/vars/_fonts.scss +24 -0
- data/public/stylesheets/scss/vars/_layout_sizes.scss +3 -1
- data/pwnstyles_rails.gemspec +3 -1
- metadata +5 -3
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.0.
|
|
1
|
+
0.0.4
|
|
@@ -14,8 +14,8 @@ class UpdateGenerator < Rails::Generators::Base
|
|
|
14
14
|
private
|
|
15
15
|
|
|
16
16
|
def copy_static_assets(exclude_list = [])
|
|
17
|
-
copy_dir 'public/stylesheets', 'public/pwnstyles/stylesheets'
|
|
18
|
-
copy_dir 'public/javascripts', 'public/javascripts'
|
|
17
|
+
copy_dir 'public/stylesheets', 'public/pwnstyles/stylesheets', exclude_list
|
|
18
|
+
copy_dir 'public/javascripts', 'public/javascripts', exclude_list
|
|
19
19
|
end
|
|
20
20
|
|
|
21
21
|
def copy_dir(source_dir, destination_dir, exclude_list = [])
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
html, body {
|
|
2
|
+
font: {
|
|
3
|
+
family: $main-font;
|
|
4
|
+
size: $main-font-size;
|
|
5
|
+
style: normal;
|
|
6
|
+
variant: normal;
|
|
7
|
+
weight: normal;
|
|
8
|
+
}
|
|
9
|
+
line-height: $main-line-height;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
h1, h2, h3, h4, h5, h6 {
|
|
13
|
+
font-family: $heading-font;
|
|
14
|
+
font-weight: bold;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
h1 {
|
|
18
|
+
font-size: $h1-font-size;
|
|
19
|
+
line-height: $h1-line-height;
|
|
20
|
+
color: $h1-text-color;
|
|
21
|
+
}
|
|
22
|
+
h2 {
|
|
23
|
+
font-size: $h2-font-size;
|
|
24
|
+
line-height: $h2-line-height;
|
|
25
|
+
color: $h2-text-color;
|
|
26
|
+
}
|
|
27
|
+
h3 {
|
|
28
|
+
font-size: $h3-font-size;
|
|
29
|
+
line-height: $h3-line-height;
|
|
30
|
+
color: $h3-text-color;
|
|
31
|
+
}
|
|
32
|
+
h4 {
|
|
33
|
+
font-size: $h4-font-size;
|
|
34
|
+
line-height: $h4-line-height;
|
|
35
|
+
color: $h4-text-color;
|
|
36
|
+
}
|
|
37
|
+
h5 {
|
|
38
|
+
font-size: $h5-font-size;
|
|
39
|
+
line-height: $h5-line-height;
|
|
40
|
+
color: $h5-text-color;
|
|
41
|
+
}
|
|
42
|
+
h6 {
|
|
43
|
+
font-size: $h6-font-size;
|
|
44
|
+
line-height: $h6-line-height;
|
|
45
|
+
color: $h6-text-color;
|
|
46
|
+
}
|
|
@@ -14,3 +14,18 @@ body {
|
|
|
14
14
|
width: $page-width;
|
|
15
15
|
overflow: hidden;
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
article#sidebar {
|
|
19
|
+
float: right;
|
|
20
|
+
width: $sidebar-width;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
article#main {
|
|
24
|
+
float: left;
|
|
25
|
+
width: $page-width;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
article#sidebar + article#main {
|
|
29
|
+
float: left;
|
|
30
|
+
width: ($page-width - $sidebar-width - $column-total - $column-margin);
|
|
31
|
+
}
|
|
@@ -11,7 +11,7 @@ header {
|
|
|
11
11
|
|
|
12
12
|
position: relative;
|
|
13
13
|
|
|
14
|
-
font-family:
|
|
14
|
+
font-family: $heading-font;
|
|
15
15
|
font-weight: bold;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -34,11 +34,16 @@ header {
|
|
|
34
34
|
|
|
35
35
|
span {
|
|
36
36
|
display: block;
|
|
37
|
+
padding-right: 0.5em;
|
|
37
38
|
float: left;
|
|
38
|
-
padding: 0 0.5em 0 0.5em;
|
|
39
39
|
height: 100%;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
// Padding between the image and the title.
|
|
43
|
+
img > span {
|
|
44
|
+
padding-left: 0.5em;
|
|
45
|
+
}
|
|
46
|
+
|
|
42
47
|
a, a:visited, a:hover, a:active {
|
|
43
48
|
color: inherit;
|
|
44
49
|
text-decoration: none;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
@import 'vars/app.scss';
|
|
2
2
|
@import 'vars/color_scheme.scss';
|
|
3
|
+
@import 'vars/fonts.scss';
|
|
3
4
|
@import 'vars/layout_sizes.scss';
|
|
4
5
|
|
|
5
6
|
@import 'generic/reset.scss';
|
|
6
7
|
@import 'generic/controls.scss';
|
|
7
8
|
@import 'generic/links.scss';
|
|
8
9
|
@import 'generic/menu.scss';
|
|
10
|
+
@import 'generic/text.scss';
|
|
9
11
|
|
|
10
12
|
@import 'modules/body.scss';
|
|
11
13
|
@import 'modules/footer.scss';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
// Tweak variables to match your application here.
|
|
2
2
|
|
|
3
3
|
// At the very least, you should set a primary color to distinguish the app.
|
|
4
|
-
$main-color1: hsl(240deg, 100%, 50%);
|
|
4
|
+
// $main-color1: hsl(240deg, 100%, 50%);
|
|
5
5
|
|
|
6
6
|
// If you use non-standard fonts, don't forget to add @font-face definitions.
|
|
7
|
+
// $main-font: Arial, Times, serif;
|
|
8
|
+
// $heading-font: Helvetica, Tahoma, sans-serif;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// Main colors used in the application.
|
|
2
2
|
// Do not change the values here. Instead, override them in _app.scss
|
|
3
3
|
|
|
4
|
+
|
|
4
5
|
// Primary colors used in the app.
|
|
5
6
|
$colors: 3 !default;
|
|
6
7
|
$main-color1: hsl(240deg, 100%, 50%) !default;
|
|
@@ -9,6 +10,7 @@ $main-color3: adjust-hue($main-color1, 360 / $colors) !default;
|
|
|
9
10
|
$main-color4: adjust-hue($main-color1, 360 / $colors) !default;
|
|
10
11
|
$main-color5: adjust-hue($main-color1, 360 / $colors) !default;
|
|
11
12
|
|
|
13
|
+
// Modules.
|
|
12
14
|
$header-background-color: change-color($main-color1,
|
|
13
15
|
$saturation: 66%, $lightness: 88%) !default;
|
|
14
16
|
$header-border-color: change-color($main-color1,
|
|
@@ -27,6 +29,7 @@ $footer-border-color: change-color($main-color1,
|
|
|
27
29
|
$footer-text-color: change-color($main-color1,
|
|
28
30
|
$saturation: 54%, $lightness: 16%) !default;
|
|
29
31
|
|
|
32
|
+
// Elements.
|
|
30
33
|
$button-base-color: $main-color1 !default;
|
|
31
34
|
$button-color: change-color($button-base-color, $lightness: 40%);
|
|
32
35
|
$button-border-color: change-color($button-base-color,
|
|
@@ -57,3 +60,18 @@ $menu-hover-color: change-color($main-color1,
|
|
|
57
60
|
|
|
58
61
|
$link-color: change-color($main-color1,
|
|
59
62
|
$saturation: 66%, $lightness: 16%) !default;
|
|
63
|
+
|
|
64
|
+
// Text.
|
|
65
|
+
$heading-main-color: $main-color1 !default;
|
|
66
|
+
$h1-text-color: change-color($heading-main-color,
|
|
67
|
+
$saturation: 100%, $lightness: 25%) !default;
|
|
68
|
+
$h2-text-color: change-color($heading-main-color,
|
|
69
|
+
$saturation: 100%, $lightness: 23%) !default;
|
|
70
|
+
$h3-text-color: change-color($heading-main-color,
|
|
71
|
+
$saturation: 100%, $lightness: 21%) !default;
|
|
72
|
+
$h4-text-color: change-color($heading-main-color,
|
|
73
|
+
$saturation: 100%, $lightness: 19%) !default;
|
|
74
|
+
$h5-text-color: change-color($heading-main-color,
|
|
75
|
+
$saturation: 100%, $lightness: 17%) !default;
|
|
76
|
+
$h6-text-color: change-color($heading-main-color,
|
|
77
|
+
$saturation: 100%, $lightness: 15%) !default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// Sizes of various elements of the page layout.
|
|
2
|
+
// Do not change the values here. Instead, override them in _app.scss
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
// Standard text
|
|
6
|
+
$main-font: Georgia, serif !default;
|
|
7
|
+
$main-font-size: 12px !default;
|
|
8
|
+
$main-line-height: 1.2 !default;
|
|
9
|
+
|
|
10
|
+
// Headings.
|
|
11
|
+
$heading-font: Helvetica, sans-serif !default;
|
|
12
|
+
|
|
13
|
+
$h1-font-size: $main-font-size * 5 !default;
|
|
14
|
+
$h1-line-height: $main-line-height !default;
|
|
15
|
+
$h2-font-size: $main-font-size * 4 !default;
|
|
16
|
+
$h2-line-height: $main-line-height !default;
|
|
17
|
+
$h3-font-size: $main-font-size * 3 !default;
|
|
18
|
+
$h3-line-height: $main-line-height !default;
|
|
19
|
+
$h4-font-size: $main-font-size * 2 !default;
|
|
20
|
+
$h4-line-height: $main-line-height !default;
|
|
21
|
+
$h5-font-size: $main-font-size * 1.2 !default;
|
|
22
|
+
$h5-line-height: $main-line-height !default;
|
|
23
|
+
$h6-font-size: $main-font-size * 1.2 !default;
|
|
24
|
+
$h6-line-height: $main-line-height !default;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
// Sizes of various elements of the page layout.
|
|
2
|
+
// Do not change the values here. Instead, override them in _app.scss
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
// Vertical grid.
|
|
4
6
|
$column-width: 30px !default;
|
|
@@ -6,7 +8,7 @@ $column-margin: 10px !default;
|
|
|
6
8
|
|
|
7
9
|
// Page elements, expressed in terms of the grid.
|
|
8
10
|
$page-columns: 25 !default;
|
|
9
|
-
$sidebar-columns:
|
|
11
|
+
$sidebar-columns: 8 !default;
|
|
10
12
|
|
|
11
13
|
$header-height: 40px;
|
|
12
14
|
|
data/pwnstyles_rails.gemspec
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
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.4"
|
|
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"]
|
|
@@ -41,6 +41,7 @@ Gem::Specification.new do |s|
|
|
|
41
41
|
"public/stylesheets/scss/generic/_links.scss",
|
|
42
42
|
"public/stylesheets/scss/generic/_menu.scss",
|
|
43
43
|
"public/stylesheets/scss/generic/_reset.scss",
|
|
44
|
+
"public/stylesheets/scss/generic/_text.scss",
|
|
44
45
|
"public/stylesheets/scss/modules/_body.scss",
|
|
45
46
|
"public/stylesheets/scss/modules/_footer.scss",
|
|
46
47
|
"public/stylesheets/scss/modules/_header.scss",
|
|
@@ -48,6 +49,7 @@ Gem::Specification.new do |s|
|
|
|
48
49
|
"public/stylesheets/scss/pwnstyles.scss",
|
|
49
50
|
"public/stylesheets/scss/vars/_app.scss",
|
|
50
51
|
"public/stylesheets/scss/vars/_color_scheme.scss",
|
|
52
|
+
"public/stylesheets/scss/vars/_fonts.scss",
|
|
51
53
|
"public/stylesheets/scss/vars/_layout_sizes.scss",
|
|
52
54
|
"pwnstyles_rails.gemspec",
|
|
53
55
|
"test/helper.rb",
|
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: 23
|
|
5
5
|
prerelease:
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 0.0.
|
|
9
|
+
- 4
|
|
10
|
+
version: 0.0.4
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Victor Costan
|
|
@@ -143,6 +143,7 @@ files:
|
|
|
143
143
|
- public/stylesheets/scss/generic/_links.scss
|
|
144
144
|
- public/stylesheets/scss/generic/_menu.scss
|
|
145
145
|
- public/stylesheets/scss/generic/_reset.scss
|
|
146
|
+
- public/stylesheets/scss/generic/_text.scss
|
|
146
147
|
- public/stylesheets/scss/modules/_body.scss
|
|
147
148
|
- public/stylesheets/scss/modules/_footer.scss
|
|
148
149
|
- public/stylesheets/scss/modules/_header.scss
|
|
@@ -150,6 +151,7 @@ files:
|
|
|
150
151
|
- public/stylesheets/scss/pwnstyles.scss
|
|
151
152
|
- public/stylesheets/scss/vars/_app.scss
|
|
152
153
|
- public/stylesheets/scss/vars/_color_scheme.scss
|
|
154
|
+
- public/stylesheets/scss/vars/_fonts.scss
|
|
153
155
|
- public/stylesheets/scss/vars/_layout_sizes.scss
|
|
154
156
|
- pwnstyles_rails.gemspec
|
|
155
157
|
- test/helper.rb
|