И так, я хочу создать кнопку входа на сайт У нее есть текст внутри и справа стрелочка вниз Вот код на на данный момент:
<a href="#" class="login f_left">Sign in</a>
scss:
.login {
display: block;
color: $login_blue;
font: $main_font;
font-weight: bold;
padding: 11px 24px;
background: $login_light_blue url("../img/polygon.png") no-repeat scroll 76px 20px;
line-height: 19px;
@include transition(0.2s background);
&:hover {
background: $yellow url("../img/polygon.png") no-repeat scroll 76px 20px;
}
}
Эта стрелочка висит бэкграундом Как видите, ширины фиксированной нет и форму я задал падингом Но при таком раскладе в хроме выглядит кнопка сплющенной и стрелочка залазит на надпись В мозиле выглядит хорошо
Вопрос: Правильно ли я верстаю кнопку?Может, нужно не падингом, а шириной и высотой или еще как то
Спасибо