active_skin 0.0.1 → 0.0.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 +34 -1
- data/app/assets/stylesheets/active_skin.css.sass +11 -10
- data/doc/color1.png +0 -0
- data/doc/color2.png +0 -0
- data/doc/color3.png +0 -0
- data/doc/color4.png +0 -0
- data/lib/active_skin/version.rb +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6b991ef4b5dc18209d8a253720fa01ac7f006af8
|
4
|
+
data.tar.gz: 00f73f722db195096c8e667f0378a4f53e22f4b0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3a75243cb1f92a800fe97ed762ee8f302a67981ef888be19b15e177fa6a395b5cbfa2d94153f31975cfd45bff2f667edd81feb7f883a9c9c9d80ea365224589d
|
7
|
+
data.tar.gz: 5b91804a54c3fb3bb29cdd828934e38be5529249fb31855a4fa1b664b8cdbda5ece5488f97ef8a36491d30bc791e2306f44a085f88c0cff464561f194d2294e4
|
data/README.md
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
|
3
3
|
Flat skin for active admin.
|
4
4
|
|
5
|
+
[![Gem Version](https://badge.fury.io/rb/active_skin.svg)](http://badge.fury.io/rb/active_skin) [![Code Climate](https://codeclimate.com/github/KMPgroup/active_skin.png)](https://codeclimate.com/github/KMPgroup/active_skin)
|
6
|
+
|
5
7
|
## Screens
|
6
8
|
|
7
9
|
<table>
|
@@ -43,9 +45,40 @@ inlcude active skin css
|
|
43
45
|
|
44
46
|
Add logo to app/assets/images/admin_logo.png (max 130x40px, best 100x25px)
|
45
47
|
|
48
|
+
You can even change basic colors of the theme by placing some variables above import line in active_admin.css.scss
|
49
|
+
|
50
|
+
...
|
51
|
+
$skinActiveColor: #001cee;
|
52
|
+
$skinHeaderBck: #002744;
|
53
|
+
$panelHeaderBck: #002744;
|
54
|
+
|
55
|
+
@import "active_skin";
|
56
|
+
...
|
57
|
+
|
58
|
+
### Color examples
|
59
|
+
|
60
|
+
<table>
|
61
|
+
<tr>
|
62
|
+
<td>
|
63
|
+
<a href="./doc/color1.png"><img src="./doc/color1.png"></a>
|
64
|
+
</td>
|
65
|
+
<td>
|
66
|
+
<a href="./doc/color2.png"><img src="./doc/color2.png"></a>
|
67
|
+
</td>
|
68
|
+
</tr>
|
69
|
+
<tr>
|
70
|
+
<td>
|
71
|
+
<a href="./doc/color3.png"><img src="./doc/color3.png"></a>
|
72
|
+
</td>
|
73
|
+
<td>
|
74
|
+
<a href="./doc/color4.png"><img src="./doc/color4.png"></a>
|
75
|
+
</td>
|
76
|
+
</tr>
|
77
|
+
</table>
|
78
|
+
|
46
79
|
## Contributing
|
47
80
|
|
48
|
-
1. Fork it ( http://github.com
|
81
|
+
1. Fork it ( http://github.com/KMPgroup/active_skin/fork )
|
49
82
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
50
83
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
51
84
|
4. Push to the branch (`git push origin my-new-feature`)
|
@@ -1,9 +1,10 @@
|
|
1
1
|
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700)
|
2
|
-
$skinTextColor: #1e2a33
|
3
|
-
$skinTextActiveColor: #fff
|
4
|
-
$skinTextTable: #7f8c8d
|
5
|
-
$skinActiveColor: #e73c3c
|
6
|
-
$skinHeaderBck: #1e2a33
|
2
|
+
$skinTextColor: #1e2a33 !default
|
3
|
+
$skinTextActiveColor: #fff !default
|
4
|
+
$skinTextTable: #7f8c8d !default
|
5
|
+
$skinActiveColor: #e73c3c !default
|
6
|
+
$skinHeaderBck: #1e2a33 !default
|
7
|
+
$panelHeaderBck: #2c3e50 !default
|
7
8
|
|
8
9
|
html
|
9
10
|
background: #ecf0f1
|
@@ -21,7 +22,7 @@ body.active_admin
|
|
21
22
|
height: 40px
|
22
23
|
padding: 0
|
23
24
|
h1.site_title
|
24
|
-
background: #fff image-url("admin_logo.png") no-repeat 30px 50%
|
25
|
+
background: #fff image-url("admin_logo.png") no-repeat 30px 50%
|
25
26
|
padding-left: 130px
|
26
27
|
color: $skinTextColor
|
27
28
|
text-indent: -999999px
|
@@ -200,7 +201,7 @@ table.index_table
|
|
200
201
|
form fieldset
|
201
202
|
margin-bottom: 0
|
202
203
|
& > h3
|
203
|
-
background:
|
204
|
+
background: $panelHeaderBck
|
204
205
|
color: #fff
|
205
206
|
border: none
|
206
207
|
margin: 0
|
@@ -268,7 +269,7 @@ form fieldset.inputs
|
|
268
269
|
top: 0
|
269
270
|
span
|
270
271
|
background: #f0f4f5
|
271
|
-
color:
|
272
|
+
color: $panelHeaderBck
|
272
273
|
border: none
|
273
274
|
margin: 0
|
274
275
|
padding: 8px 15px
|
@@ -292,7 +293,7 @@ form fieldset.inputs
|
|
292
293
|
@include rounded(0)
|
293
294
|
> h3
|
294
295
|
background: #f0f4f5
|
295
|
-
color:
|
296
|
+
color: $panelHeaderBck
|
296
297
|
padding: 8px 15px
|
297
298
|
@include no-shadow()
|
298
299
|
@include rounded(0)
|
@@ -327,7 +328,7 @@ body.logged_out
|
|
327
328
|
form fieldset
|
328
329
|
border: none
|
329
330
|
> h2
|
330
|
-
background:
|
331
|
+
background: $panelHeaderBck
|
331
332
|
font-family: 'Source Sans Pro', sans-serif
|
332
333
|
color: #fff
|
333
334
|
@include no-shadow()
|
data/doc/color1.png
ADDED
Binary file
|
data/doc/color2.png
ADDED
Binary file
|
data/doc/color3.png
ADDED
Binary file
|
data/doc/color4.png
ADDED
Binary file
|
data/lib/active_skin/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: active_skin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Wojtek Krysiak
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-05-
|
11
|
+
date: 2014-05-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -56,6 +56,10 @@ files:
|
|
56
56
|
- doc/active-skin-login.png
|
57
57
|
- doc/active-skin-menu.png
|
58
58
|
- doc/active-skin-users.png
|
59
|
+
- doc/color1.png
|
60
|
+
- doc/color2.png
|
61
|
+
- doc/color3.png
|
62
|
+
- doc/color4.png
|
59
63
|
- lib/active_skin.rb
|
60
64
|
- lib/active_skin/version.rb
|
61
65
|
homepage: https://github.com/KMPgroup/active_skin
|