paint-rails 0.5.2 → 0.6.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +9 -0
- data/lib/paint-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/components/_button.scss +13 -1
- data/vendor/assets/stylesheets/components/_layout.scss +4 -1
- data/vendor/assets/stylesheets/components/_typography.scss +23 -0
- data/vendor/assets/stylesheets/globals/_settings.scss +18 -10
- data/vendor/assets/stylesheets/paint.scss +1 -3
- metadata +5 -4
- data/vendor/assets/stylesheets/components/_heading.scss +0 -17
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 53138c1717e2a049119e62e5959ee65e39acfe95
|
4
|
+
data.tar.gz: 001c24e054b6aea4a6c92494e513b070aae258e4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0eb5ae9743d392976c168d801a4ba6895327beb8c1d8022ee517cb763f0d218726a9bd1ad501c13cb3930074e35db8226d848e11911374cf11a5d85c43397120
|
7
|
+
data.tar.gz: 2664916950157e089dc395cfe993c86ca7d2727ce9830cdd01fcb17bb4d9a6b7a0012fe9214a622a3b2cc452d92f0d38341d5d2ac86d23a7214080d0f518e8d0
|
data/README.md
CHANGED
@@ -22,6 +22,15 @@ Or install it yourself as:
|
|
22
22
|
|
23
23
|
TODO: Write usage instructions here
|
24
24
|
|
25
|
+
### Update Paint Version
|
26
|
+
1. Clone paint-rails
|
27
|
+
2. git submodule init
|
28
|
+
3. git submodule update
|
29
|
+
4. In paint directory, checkout master branch and 'git pull' changes.
|
30
|
+
5. Update lib/paint-rails/version.rb with updated version number.
|
31
|
+
6. In root directory, run 'bundle exec rake paint:update'
|
32
|
+
7. Commit changes and push, make PR.
|
33
|
+
|
25
34
|
## Contributing
|
26
35
|
|
27
36
|
1. Fork it ( https://github.com/[my-github-username]/paint-rails/fork )
|
data/lib/paint-rails/version.rb
CHANGED
@@ -42,14 +42,26 @@ $include-html-paint-button: true !default;
|
|
42
42
|
|
43
43
|
%button-primary {
|
44
44
|
@include button(
|
45
|
-
$bg: $
|
45
|
+
$bg: $white,
|
46
46
|
$padding: $column-gutter / 2,
|
47
47
|
$radius: $global-radius
|
48
48
|
);
|
49
49
|
|
50
|
+
border: 1px solid $button-primary-background-color;
|
51
|
+
color: $button-primary-background-color;
|
50
52
|
font-size: $small-font-size;
|
51
53
|
font-weight: $font-weight-bold;
|
52
54
|
text-transform: uppercase;
|
55
|
+
|
56
|
+
&:focus {
|
57
|
+
background-color: $white;
|
58
|
+
color: $button-primary-background-color;
|
59
|
+
}
|
60
|
+
|
61
|
+
&:hover {
|
62
|
+
background-color: $button-primary-background-color;
|
63
|
+
color: $white;
|
64
|
+
}
|
53
65
|
}
|
54
66
|
|
55
67
|
@include exports("paint-button") {
|
@@ -68,10 +68,11 @@ $include-html-paint-layout: true !default;
|
|
68
68
|
#{$layout-sidebar-selector} {
|
69
69
|
background-color: $layout-sidebar-nav-background-color;
|
70
70
|
float: left;
|
71
|
+
font-family: $header-font-family;
|
72
|
+
font-weight: $layout-sidebar-font-weight;
|
71
73
|
height: 100%;
|
72
74
|
position: relative;
|
73
75
|
width: $layout-sidebar-nav-width;
|
74
|
-
font-weight: $layout-sidebar-font-weight;
|
75
76
|
|
76
77
|
@if $layout-sidebar-include-header {
|
77
78
|
#{$layout-sidebar-header-selector} {
|
@@ -92,6 +93,7 @@ $include-html-paint-layout: true !default;
|
|
92
93
|
color: $white;
|
93
94
|
display: inline-block;
|
94
95
|
margin: 0;
|
96
|
+
-webkit-font-smoothing: $body-font-smoothing;
|
95
97
|
}
|
96
98
|
}
|
97
99
|
}
|
@@ -152,6 +154,7 @@ $include-html-paint-layout: true !default;
|
|
152
154
|
padding: 0 $layout-sidebar-nav-padding;
|
153
155
|
text-decoration: none;
|
154
156
|
white-space: nowrap;
|
157
|
+
-webkit-font-smoothing: $header-font-smoothing;
|
155
158
|
|
156
159
|
&, &:visited {
|
157
160
|
color: $layout-sidebar-nav-link-text-color;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
$typography-header-tags: h1, h2, h3, h4, h5, h6, blockquote !default;
|
2
|
+
|
3
|
+
$include-html-paint-typography: true !default;
|
4
|
+
|
5
|
+
@mixin typography-font-smoothing($header-tags: $typography-header-tags) {
|
6
|
+
body {
|
7
|
+
-webkit-font-smoothing: $body-font-smoothing;
|
8
|
+
}
|
9
|
+
|
10
|
+
@for $i from 1 through length($header-tags) {
|
11
|
+
$tag: nth($header-tags, $i);
|
12
|
+
|
13
|
+
#{$tag} {
|
14
|
+
-webkit-font-smoothing: $header-font-smoothing;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
}
|
18
|
+
|
19
|
+
@include exports("paint-typography") {
|
20
|
+
@if $include-html-paint-typography {
|
21
|
+
@include typography-font-smoothing;
|
22
|
+
}
|
23
|
+
}
|
@@ -26,25 +26,33 @@ $secondary-color: #a42524;
|
|
26
26
|
|
27
27
|
// Fonts
|
28
28
|
|
29
|
-
$body-font-family:
|
29
|
+
$body-font-family: "Helvetica Neue", Helvetica, sans-serif;
|
30
30
|
$font-weight-normal: 300;
|
31
31
|
$font-weight-bold: 400;
|
32
32
|
$font-weight-extrabold: 600;
|
33
33
|
|
34
|
-
$base-font-size: 14px;
|
34
|
+
$base-font-size: 14px !default;
|
35
|
+
$rem-base: 16px !default;
|
36
|
+
$base-line-height: 2;
|
35
37
|
$small-font-size: 80%;
|
36
38
|
|
39
|
+
$body-font-smoothing: subpixel-antialiased;
|
40
|
+
$header-font-smoothing: antialiased;
|
41
|
+
|
42
|
+
$paragraph-font-weight: $font-weight-bold;
|
43
|
+
|
37
44
|
// Headers
|
38
45
|
|
46
|
+
$header-font-family: "Helvetica Neue", Helvetica, sans-serif;
|
39
47
|
$header-font-weight: $font-weight-normal;
|
40
|
-
$header-
|
41
|
-
|
42
|
-
$h1-font-size:
|
43
|
-
$h2-font-size:
|
44
|
-
$h3-font-size:
|
45
|
-
$h4-font-size:
|
46
|
-
$h5-font-size:
|
47
|
-
$h6-font-size:
|
48
|
+
$header-line-height: 2;
|
49
|
+
|
50
|
+
$h1-font-size: 2.25rem;
|
51
|
+
$h2-font-size: 1.75rem;
|
52
|
+
$h3-font-size: 1.375rem;
|
53
|
+
$h4-font-size: 1.125rem;
|
54
|
+
$h5-font-size: 1rem;
|
55
|
+
$h6-font-size: 0.875rem;
|
48
56
|
|
49
57
|
// Code
|
50
58
|
|
@@ -1,5 +1,3 @@
|
|
1
|
-
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300");
|
2
|
-
|
3
1
|
@import "bower_components/foundation/scss/foundation/functions";
|
4
2
|
|
5
3
|
@import "globals/settings";
|
@@ -13,7 +11,7 @@
|
|
13
11
|
@import "components/button";
|
14
12
|
@import "components/dropdown";
|
15
13
|
@import "components/grid";
|
16
|
-
@import "components/
|
14
|
+
@import "components/typography";
|
17
15
|
@import "components/icon";
|
18
16
|
@import "components/label";
|
19
17
|
@import "components/layout";
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: paint-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.6.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Damon Aw
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-03-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: railties
|
@@ -446,11 +446,11 @@ files:
|
|
446
446
|
- vendor/assets/stylesheets/components/_button.scss
|
447
447
|
- vendor/assets/stylesheets/components/_dropdown.scss
|
448
448
|
- vendor/assets/stylesheets/components/_grid.scss
|
449
|
-
- vendor/assets/stylesheets/components/_heading.scss
|
450
449
|
- vendor/assets/stylesheets/components/_icon.scss
|
451
450
|
- vendor/assets/stylesheets/components/_label.scss
|
452
451
|
- vendor/assets/stylesheets/components/_layout.scss
|
453
452
|
- vendor/assets/stylesheets/components/_progress-bar.scss
|
453
|
+
- vendor/assets/stylesheets/components/_typography.scss
|
454
454
|
- vendor/assets/stylesheets/globals/_mixins.scss
|
455
455
|
- vendor/assets/stylesheets/globals/_settings.scss
|
456
456
|
- vendor/assets/stylesheets/paint.scss
|
@@ -474,8 +474,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
474
474
|
version: '0'
|
475
475
|
requirements: []
|
476
476
|
rubyforge_project:
|
477
|
-
rubygems_version: 2.
|
477
|
+
rubygems_version: 2.4.5
|
478
478
|
signing_key:
|
479
479
|
specification_version: 4
|
480
480
|
summary: Rails Integration for Paint
|
481
481
|
test_files: []
|
482
|
+
has_rdoc:
|
@@ -1,17 +0,0 @@
|
|
1
|
-
%heading-large-uppercase {
|
2
|
-
font-size: $h1-font-size;
|
3
|
-
font-weight: $font-weight-normal;
|
4
|
-
text-transform: uppercase;
|
5
|
-
}
|
6
|
-
|
7
|
-
%heading-medium-uppercase {
|
8
|
-
font-size: $h4-font-size;
|
9
|
-
font-weight: $font-weight-bold;
|
10
|
-
text-transform: uppercase;
|
11
|
-
}
|
12
|
-
|
13
|
-
%heading-small-uppercase {
|
14
|
-
font-size: $h5-font-size;
|
15
|
-
font-weight: $font-weight-bold;
|
16
|
-
text-transform: uppercase;
|
17
|
-
}
|