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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a114788036bfce6d8fedae032fdb42cc50393c97
4
- data.tar.gz: 675930a070881a35a651f3895ae733501aa97046
3
+ metadata.gz: 6b991ef4b5dc18209d8a253720fa01ac7f006af8
4
+ data.tar.gz: 00f73f722db195096c8e667f0378a4f53e22f4b0
5
5
  SHA512:
6
- metadata.gz: 318761da74bcbac6fe541286d9c7161e8c08790ed726c89df8acf9c96d87d9f9305d402feb45d24d0c04fde16a6a4b377765f9af9b42c5041f51d9ca9ef0bdbe
7
- data.tar.gz: 140b2ce96aae9ddd828768f560b8ac6b20c9de3afd1d63dd97a584a44bfca39707c8474c80c0fbb19fa3ce870f6d37f9c7069c8f86d1c032c8890f6862c818f6
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/<my-github-username>/active_skin/fork )
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: #2c3e50
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: #2c3e50
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: #2c3e50
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: #2c3e50
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
@@ -1,3 +1,3 @@
1
1
  module ActiveSkin
2
- VERSION = "0.0.1"
2
+ VERSION = "0.0.2"
3
3
  end
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.1
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-02 00:00:00.000000000 Z
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