padma-assets 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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