padma-assets 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,123 @@
1
+ /* Button */
2
+
3
+ $light_grey: #f1f2f2;
4
+ $dark_grey: #dcdddd;
5
+
6
+ $light_green: #ebffcf;
7
+ $dark_green: #9fdd0c;
8
+
9
+ $light_red: #ffd4c7;
10
+ $dark_red: red;
11
+
12
+ @mixin button-background-color($light,$dark) {
13
+ background: $dark; /* fallback */
14
+ background: -webkit-gradient(linear,left top,left bottom,color-stop(0, $light),color-stop(1, $dark)); /* Saf4+, Chrome en adelante*/
15
+ background: -moz-linear-gradient(top, $light, $dark); /* FF3.6 en adelante*/
16
+ }
17
+
18
+ .bt {
19
+ a, button {
20
+ display:inline-block;
21
+ padding:0px;
22
+ margin:0px;
23
+ border: 1px solid #CCC;
24
+ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* CSS3 con -moz- & -webkit prefix for application on firefox + chrome */
25
+ @include button-background-color(#FFF, $light_grey);
26
+ vertical-align: middle;
27
+ cursor: pointer;
28
+ &:hover {
29
+ @include button-background-color($light_grey, $dark_grey);
30
+ }
31
+ &:active {
32
+ @include button-background-color($dark_grey, $light_grey);
33
+ }
34
+ }
35
+
36
+ &.green a, &.green button {
37
+ &:hover {
38
+ @include button-background-color($light_green, $dark_green);
39
+ }
40
+
41
+ &:active {
42
+ @include button-background-color($dark_green, $light_green);
43
+ }
44
+ }
45
+
46
+ &.red a, &.red button {
47
+ &:hover {
48
+ @include button-background-color($light_red, $dark_red);
49
+ }
50
+
51
+ &:active {
52
+ @include button-background-color($dark_red, $light_red);
53
+ }
54
+ }
55
+
56
+
57
+ button {
58
+ font-size: 12px;
59
+ height: 26px;
60
+ min-width: 24px;
61
+ line-height: 11px;
62
+ }
63
+ /* Button Heigths Classes */
64
+
65
+ &.h24 {
66
+ a {
67
+ height:24px;
68
+ min-width:24px;
69
+ }
70
+
71
+ span:first-child {
72
+ display:inline-block;
73
+ height:16px;
74
+ width:16px;
75
+ padding:0px;
76
+ margin:4px 0px 4px 6px;
77
+ }
78
+
79
+ span:last-child {
80
+ display:inline-block;
81
+ vertical-align:top;
82
+ font: {
83
+ family:Arial, Helvetica, sans-serif;
84
+ size:12px;
85
+ weight: bold;
86
+ }
87
+ color:#4D4D4D;
88
+ margin:6px 6px 6px 6px;
89
+ }
90
+
91
+ &.textOnly span:first-child {
92
+ display:none;
93
+ }
94
+
95
+ &.iconOnly {
96
+ span:first-child {
97
+ margin:4px 6px 4px 6px;
98
+ }
99
+
100
+ span:last-child {
101
+ display:none;
102
+ }
103
+ }
104
+ }
105
+ }
106
+
107
+ /* Button Icon Classes */
108
+
109
+ .iconComment16 {
110
+ background:url('icon_sprite_grid_16px.png') -48px 0px no-repeat;
111
+ }
112
+
113
+ .iconFilter16 {
114
+ background:url('icon_sprite_grid_16px.png') -64px 0px no-repeat;
115
+ }
116
+
117
+ .iconConfig16 {
118
+ background:url('icon_sprite_grid_16px.png') -80px 0px no-repeat;
119
+ }
120
+
121
+ .iconDownload16 {
122
+ background:url('icon_sprite_grid_16px.png') 0px -144px no-repeat;
123
+ }
@@ -1,5 +1,5 @@
1
1
  module Padma
2
2
  module Assets
3
- VERSION = "0.0.4"
3
+ VERSION = "0.0.5"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: padma-assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-08-16 00:00:00.000000000 Z
12
+ date: 2012-09-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
@@ -43,6 +43,7 @@ files:
43
43
  - app/assets/images/gritter-long.png
44
44
  - app/assets/images/gritter-long-red.png
45
45
  - app/assets/images/gritter.png
46
+ - app/assets/stylesheets/button.css.scss
46
47
  - app/assets/stylesheets/menubox_w140px.css
47
48
  - app/assets/stylesheets/reset.css
48
49
  - app/assets/stylesheets/pictos.css.scss