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.
- data/app/assets/stylesheets/button.css.scss +123 -0
- data/lib/padma-assets/version.rb +1 -1
- metadata +3 -2
@@ -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
|
+
}
|
data/lib/padma-assets/version.rb
CHANGED
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
|
+
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
|
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
|