I have noticed a weird problem with SASS on production server.
in my application css I have:
pre {
background-color: #eee;
padding: 10px;
font-size: 11px; }
div {
&.field, &.actions {
margin-bottom: 10px; } }
however firefox browser gets following CSS:
notice inserted a:hover that messes up my styling
pre {
background-color: #EEEEEE;
font-size: 11px;
padding: 10px;
}
a {
color: #000000;
}
a:visited {
color: #666666;
}
a:hover {
border-bottom: 1px solid #777777;
}
div.field, div.actions {
margin-bottom: 10px;
}
when I try to override a:hover with my CSS it works fine on development
machine but doesn’t work on the production server.
How am I supposed to fix it?
--
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to
rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit
https://groups.google.com/d/msg/rubyonrails-talk/-/9W-280WeZPoJ.
For more options, visit https://groups.google.com/groups/opt_out.