Browse Source

Replace menu inverted active colors (fixes #720)

This fix changes the background-color of the :after element for inverted pointing menu items to match the rendered active overlay color of the item.
pull/922/head
Adam Maras 10 years ago
parent
commit
0571b66de0
1 changed files with 6 additions and 6 deletions
  1. 12
      src/collections/menu.less

12
src/collections/menu.less

@ -1487,42 +1487,42 @@
background-color: #A1CF64; background-color: #A1CF64;
} }
.ui.inverted.green.pointing.menu .active.item:after { .ui.inverted.green.pointing.menu .active.item:after {
background-color: #A1CF64;
background-color: #B3D782;
} }
.ui.inverted.red.menu { .ui.inverted.red.menu {
background-color: #D95C5C; background-color: #D95C5C;
} }
.ui.inverted.red.pointing.menu .active.item:after { .ui.inverted.red.pointing.menu .active.item:after {
background-color: #F16883;
background-color: #DF7C7C;
} }
.ui.inverted.blue.menu { .ui.inverted.blue.menu {
background-color: #6ECFF5; background-color: #6ECFF5;
} }
.ui.inverted.blue.pointing.menu .active.item:after { .ui.inverted.blue.pointing.menu .active.item:after {
background-color: #6ECFF5;
background-color: #8AD7F6;
} }
.ui.inverted.purple.menu { .ui.inverted.purple.menu {
background-color: #564F8A; background-color: #564F8A;
} }
.ui.inverted.purple.pointing.menu .active.item:after { .ui.inverted.purple.pointing.menu .active.item:after {
background-color: #564F8A;
background-color: #7771A0;
} }
.ui.inverted.orange.menu { .ui.inverted.orange.menu {
background-color: #F05940; background-color: #F05940;
} }
.ui.inverted.orange.pointing.menu .active.item:after { .ui.inverted.orange.pointing.menu .active.item:after {
background-color: #F05940;
background-color: #F27966;
} }
.ui.inverted.teal.menu { .ui.inverted.teal.menu {
background-color: #00B5AD; background-color: #00B5AD;
} }
.ui.inverted.teal.pointing.menu .active.item:after { .ui.inverted.teal.pointing.menu .active.item:after {
background-color: #00B5AD;
background-color: #33C3BC;
} }

Loading…
Cancel
Save