Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$default-font-size: 14px;
$hc-yellow: yellow;
$hc-darkblue: blue;
$hc-darkyellow: darkyellow;
$hc-blue: blue;

    .Main-Navigation {
        font-weight: bold;
        font-size: $default-font-size;
        margin: 18px 0 10px 0;

        .dropdown  {
            @mixin dropdown-menu($hover-background, $link-color, $item-background) {
                &:hover > .dropdown-menu {
                    display: block;
                    background: $hover-background;
                }

                .dropdown-menu {
                    border: 0;
                    padding: 0;
                    min-width: unset;

                    & > li {
                        line-height: 32px;

                        a {
                            color: $link-color;
                            font-weight: bold;
                            font-size: $default-font-size;
                            padding: 0 10px;

                            &:hover {
                                background: $item-background;
                                color: white;
                            }
                        }
                    }
                }
            }

            &.highlight-on {
                @include dropdown-menu($hc-yellow, $hc-darkblue, $hc-darkyellow);
                a {
                    background: $hc-yellow;
                    color: $hc-darkblue;
                }
            }

            &.highlight-off {
                @include dropdown-menu($hc-darkblue, $hc-yellow, $hc-blue);
            }
        }

        a {
            padding: 0 10px;
            line-height: 32px;
        }

        li .glyphicon {
            color: #61B8FB;
        }
    }

SassMeister-output.css

.Main-Navigation {
  font-weight: bold;
  font-size: 14px;
  margin: 18px 0 10px 0;
}
.Main-Navigation .dropdown.highlight-on:hover > .dropdown-menu {
  display: block;
  background: yellow;
}
.Main-Navigation .dropdown.highlight-on .dropdown-menu {
  border: 0;
  padding: 0;
  min-width: unset;
}
.Main-Navigation .dropdown.highlight-on .dropdown-menu > li {
  line-height: 32px;
}
.Main-Navigation .dropdown.highlight-on .dropdown-menu > li a {
  color: blue;
  font-weight: bold;
  font-size: 14px;
  padding: 0 10px;
}
.Main-Navigation .dropdown.highlight-on .dropdown-menu > li a:hover {
  background: darkyellow;
  color: white;
}
.Main-Navigation .dropdown.highlight-on a {
  background: yellow;
  color: blue;
}
.Main-Navigation .dropdown.highlight-off:hover > .dropdown-menu {
  display: block;
  background: blue;
}
.Main-Navigation .dropdown.highlight-off .dropdown-menu {
  border: 0;
  padding: 0;
  min-width: unset;
}
.Main-Navigation .dropdown.highlight-off .dropdown-menu > li {
  line-height: 32px;
}
.Main-Navigation .dropdown.highlight-off .dropdown-menu > li a {
  color: yellow;
  font-weight: bold;
  font-size: 14px;
  padding: 0 10px;
}
.Main-Navigation .dropdown.highlight-off .dropdown-menu > li a:hover {
  background: blue;
  color: white;
}
.Main-Navigation a {
  padding: 0 10px;
  line-height: 32px;
}
.Main-Navigation li .glyphicon {
  color: #61B8FB;
}