easy_menu 0.4.11 → 0.4.12
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_easy_menu_mixins.scss +18 -21
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8759a1d1562f56312050c1e8e7db83e73e9aa9d2c92dc18a3847546148c58b1e
|
|
4
|
+
data.tar.gz: c0fe823313e0b75b8264176afdffe51b216be07f5624ca5e8c62c7c2bae59682
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: beb596c3949a343af3507ad5534eab05f238c278ed57ff608a8c06030ccc6d202831e33b910d7e765b62b82c67b28dbf2ecae4354925ff26ad36dad76a164198
|
|
7
|
+
data.tar.gz: 7f96ac76f673c4ed0a49e3cbb4d628dd9d80cc717128f3c91e58ae0057e27598e6e2f3e8b1ebc5775c96d6bf7221bb8e9382bef650dd754578bf3a62d3b51f9b
|
|
@@ -72,24 +72,18 @@ $menu-bar-item-pressed-zindex: 3;
|
|
|
72
72
|
background-image: linear-gradient(top, $start 0%, $end 100%);
|
|
73
73
|
background-repeat: no-repeat;
|
|
74
74
|
}
|
|
75
|
-
@mixin button_colour($light, $dark, $text-colour: white, $text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
@mixin button_colour($light, $dark, $text-colour: white, $text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)){
|
|
76
|
+
color: $text-colour !important; // Make this important because host app may override hover colours, but we don't want to be affected
|
|
77
|
+
text-shadow: $text-shadow;
|
|
78
|
+
@include menu-bar-item-border($dark);
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
background-color: mix($light, $dark);
|
|
81
81
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
&:hover:not(:active):not(.disabled):not(.selected){
|
|
89
|
-
-moz-transition: background-position 0.1s linear;
|
|
90
|
-
-webkit-transition: background-position 0.1s linear;
|
|
91
|
-
background-position: 0 (-$shift);
|
|
92
|
-
}
|
|
82
|
+
// Don't override the background if the browser doesn't support gradients otherwise the buttons will be too dark
|
|
83
|
+
&:not(oldbrowser){
|
|
84
|
+
@include gradient($light, $dark);
|
|
85
|
+
background-color: $dark;
|
|
86
|
+
}
|
|
93
87
|
}
|
|
94
88
|
|
|
95
89
|
// STYLES
|
|
@@ -149,13 +143,16 @@ $menu-bar-item-pressed-zindex: 3;
|
|
|
149
143
|
left: -9999px;
|
|
150
144
|
}
|
|
151
145
|
}
|
|
152
|
-
@mixin menu_bar_item_hover{
|
|
153
|
-
&:hover{
|
|
146
|
+
@mixin menu_bar_item_hover($gradient-shift: 15px) {
|
|
147
|
+
&:hover:not(.disabled):not(.selected) {
|
|
154
148
|
border-color: #888; // Fallback
|
|
155
149
|
border-color: rgba(0,0,0, $menu-bar-item-border-darken * 2);
|
|
156
150
|
border-bottom-color: rgba(0,0,0, $menu-bar-item-border-shadow-darken * 2);
|
|
157
151
|
z-index: $menu-bar-item-hover-zindex;
|
|
158
|
-
|
|
152
|
+
|
|
153
|
+
-moz-transition: background-position 0.1s linear;
|
|
154
|
+
-webkit-transition: background-position 0.1s linear;
|
|
155
|
+
background-position: 0 (-$gradient-shift);
|
|
159
156
|
}
|
|
160
157
|
}
|
|
161
158
|
@mixin menu_bar_item_pressed{
|
|
@@ -171,14 +168,14 @@ $menu-bar-item-pressed-zindex: 3;
|
|
|
171
168
|
@mixin menu_bar_item_disabled{
|
|
172
169
|
@include button_colour(#fefefe, #dddede, $menu-bar-item-disabled-text-color, 0 1px 1px rgba(255, 255, 255, 0.75));
|
|
173
170
|
cursor: default;
|
|
174
|
-
|
|
171
|
+
|
|
175
172
|
&:active{
|
|
176
173
|
box-shadow: none;
|
|
177
174
|
}
|
|
178
175
|
}
|
|
179
176
|
|
|
180
177
|
@mixin menu_bar_item_default_colour{
|
|
181
|
-
@include button_colour($menu-bar-item-light-colour, $menu-bar-item-dark-colour, $menu-bar-item-text-color, 0 1px 1px rgba(255, 255, 255, 0.75)
|
|
178
|
+
@include button_colour($menu-bar-item-light-colour, $menu-bar-item-dark-colour, $menu-bar-item-text-color, 0 1px 1px rgba(255, 255, 255, 0.75));
|
|
182
179
|
}
|
|
183
180
|
@mixin menu_bar_item_danger_colour{
|
|
184
181
|
@include button_colour(#EE5F5B, #BD362F);
|