feathers 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +4 -69
- data/app/assets/stylesheets/buttons.css.scss.erb +2 -2
- data/app/assets/stylesheets/forms.css.scss.erb +16 -2
- data/lib/feathers/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d5dd3cf1c2242d2224aaf174f446d8b44e9d5bc9
|
4
|
+
data.tar.gz: 6ff1aca9f3671926ff560f7b9baaeebff9c4c378
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 74798a57bdc5d7f07d4f7e8249fa011343a40ff9fe96b52aaa490ce817b3530fb22aee01c7ff3ba3392b0ed12019161a366e71cc3f74cc2a32e42b9a726016e3
|
7
|
+
data.tar.gz: afc29cbf1dbe22e8cb05bb91b5b3aa01272fe2acd3d6f0201ec3454f4d912a3ce5ff80e5235f3772988f1c5101c44687adcaa2c3b3e751731f32e2e9391f629d
|
data/README.md
CHANGED
@@ -24,80 +24,15 @@ Now, simply `@import` the feathers you wish to use. They are:
|
|
24
24
|
* `other-widgets` - This is a miscellaneous collection of other common widgets; pagination, avatars, progress bars, labels, notes, title bar, tag lines.
|
25
25
|
* `tables` - A nice default for data tables
|
26
26
|
|
27
|
-
CSS
|
27
|
+
CSS Classes & Usage
|
28
28
|
----
|
29
29
|
|
30
|
-
|
31
|
-
|
32
|
-
####Base
|
33
|
-
|
34
|
-
* .align-center
|
35
|
-
* .align-right
|
36
|
-
* .align-left
|
37
|
-
* .hidden
|
38
|
-
|
39
|
-
####Buttons
|
40
|
-
* .button
|
41
|
-
* .button.cancel
|
42
|
-
* .button.delete
|
43
|
-
* .button.info
|
44
|
-
* .button.large
|
45
|
-
* .button.small
|
46
|
-
* .button.success
|
47
|
-
* .button.warning
|
48
|
-
|
49
|
-
May be combined, e.g. `class="button large info"`.
|
50
|
-
|
51
|
-
####Flash Messages
|
52
|
-
|
53
|
-
For block level elements.
|
54
|
-
|
55
|
-
* .notice
|
56
|
-
* .error
|
57
|
-
* .note
|
58
|
-
* .warning
|
59
|
-
|
60
|
-
####Forms
|
61
|
-
|
62
|
-
* input.error
|
63
|
-
* label.inline
|
64
|
-
* label.horizontal
|
65
|
-
* span.error-details
|
66
|
-
|
67
|
-
####Menus
|
68
|
-
|
69
|
-
* .breadcrumbs
|
70
|
-
* .drop-menu
|
71
|
-
* .drop-menu > ul
|
72
|
-
* .icon-bar
|
73
|
-
* ul.horizontal-menu
|
74
|
-
* ul.link-list
|
75
|
-
* ul.vertical-menu
|
76
|
-
|
77
|
-
####Other Widgets
|
78
|
-
|
79
|
-
* .avatar
|
80
|
-
* .avatar.circle
|
81
|
-
* .avatar.framed
|
82
|
-
* .note {
|
83
|
-
* .pagination
|
84
|
-
* .progress-bar
|
85
|
-
* span.label
|
86
|
-
* span.label.danger
|
87
|
-
* span.label.info
|
88
|
-
* span.label.success
|
89
|
-
* span.label.warning
|
90
|
-
* .tag-line
|
91
|
-
* .title-bar
|
92
|
-
|
93
|
-
####Tables
|
94
|
-
|
95
|
-
* table.data-table
|
30
|
+
Check out the full examples here: http://kellishaver.github.io/feathers/
|
96
31
|
|
97
32
|
Customizing Feathers
|
98
33
|
----
|
99
34
|
|
100
|
-
You can of course override any Feathers CSS
|
35
|
+
You can of course override any Feathers CSS declaration inside your own stylesheet, and this is probably the most common and straightfoward path toward customization for a lot of people. However, if you would like to simply change Feathers' default colors, it's easy to do.
|
101
36
|
|
102
37
|
First, create an initializer file.
|
103
38
|
|
@@ -135,7 +70,7 @@ Borders and gradients are calculated automatically based on the defined values f
|
|
135
70
|
ToDo
|
136
71
|
----
|
137
72
|
|
138
|
-
* Currently checkbox, radio buttons, and select box stylings are
|
73
|
+
* Currently checkbox, radio buttons, and select box stylings are webkit only
|
139
74
|
* View Helpers for various Feathers elements
|
140
75
|
* JavaScript for better handling of tap states for touch events (`:hover` isn't always accurate)
|
141
76
|
* Add a demo and tests (tests don't really make sense until we have view helpers to test)
|
@@ -59,7 +59,7 @@
|
|
59
59
|
font-size:80%;
|
60
60
|
}
|
61
61
|
|
62
|
-
.button.
|
62
|
+
.button.action {
|
63
63
|
border:1px solid darken(<%= Feathers::Config.info_element %>, 30%);
|
64
64
|
color:<%= Feathers::Config.white %>;
|
65
65
|
@include background-gradient(lighten(<%= Feathers::Config.info_element %>, 10%), <%= Feathers::Config.info_element %>);
|
@@ -68,7 +68,7 @@
|
|
68
68
|
}
|
69
69
|
}
|
70
70
|
|
71
|
-
.button.
|
71
|
+
.button.action:hover {
|
72
72
|
@include background-gradient(darken(<%= Feathers::Config.info_element %>, 10%), darken(<%= Feathers::Config.info_element %>, 20%));
|
73
73
|
}
|
74
74
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
fieldset {
|
1
|
+
fieldset, div.field, div.actions {
|
2
2
|
margin:0;
|
3
3
|
|
4
4
|
input[type=search] { -webkit-appearance:none; }
|
@@ -104,13 +104,27 @@ fieldset {
|
|
104
104
|
|
105
105
|
}
|
106
106
|
|
107
|
-
fieldset > div {
|
107
|
+
fieldset > div, div.field > div, div.actions > div {
|
108
108
|
overflow:hidden;
|
109
109
|
padding:0.5em;
|
110
110
|
}
|
111
111
|
|
112
|
+
form {
|
113
|
+
.field {
|
114
|
+
br {
|
115
|
+
display:none;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
112
120
|
input[type=reset], input[type=submit], input[type=button] {
|
113
121
|
display:inline-block;
|
122
|
+
border:1px solid darken(<%= Feathers::Config.default_element %>, 30%);
|
123
|
+
display:inline-block;
|
124
|
+
line-height:1.5em;
|
125
|
+
padding:0.25em 0.5em;
|
126
|
+
@include background-gradient(lighten(<%= Feathers::Config.default_element %>, 10%), <%= Feathers::Config.default_element %>);
|
127
|
+
@include border-radius(0.25em);
|
114
128
|
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
|
115
129
|
-moz-tap-highlight-color:rgba(0, 0, 0, 0);
|
116
130
|
-o-tap-highlight-color:rgba(0, 0, 0, 0);
|
data/lib/feathers/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: feathers
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Kelli Shaver
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-11-
|
11
|
+
date: 2013-11-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|