easy_menu 0.4.11 → 0.4.12
Sign up to get free protection for your applications and to get access to all the features.
- 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);
|