twitter bootstrap 3 - Anchor tags remain underlined on hover -

twitter bootstrap 3 - Anchor tags remain underlined on hover -

i trying disable anchor tags beingness underlined when hovered over. have added text decoration: none; .scss file so:

$font-family-serif: 'nixie one'; $font-family-base: $font-family-serif; @import "bootstrap"; //@import "bootstrap-sprockets"; //tb navbar overrides alter color scheme $bgdefault : #ffffff; $bghighlight : #ffffff; $coldefault : #8587f1; $colhighlight : #4e5aff; .navbar-default { font-weight: bold; font-size: 25px; background-color: $bgdefault; border-color: $bghighlight; text-decoration: none;

also when @ web page, seems compute rule correctly:

where going wrong here?

.navbar-default { font-weight: bold; font-size: 25px; background-color: $bgdefault; border-color: $bghighlight; text-decoration: none; { text-decoration: none; &:hover{ text-decoration: none; } }

twitter-bootstrap-3 sass anchor