An attempt to fix disorted submit button on mobile devices like iPhone - please review (#370)

* Update _forms.scss

* Update _forms.scss

* Update _forms.scss
This commit is contained in:
Marek Ľach 2018-12-23 16:30:57 +00:00 committed by Baptiste Gelez
parent 8ff6332784
commit 2621549f5e

View File

@ -58,6 +58,7 @@ form.inline {
cursor: pointer; cursor: pointer;
font-size: 1em; font-size: 1em;
width: auto; width: auto;
-webkit-appearance: none;
&:not(.button) { &:not(.button) {
margin: 0; margin: 0;
@ -72,6 +73,7 @@ form.inline {
.button, input[type="submit"], button { .button, input[type="submit"], button {
transition: all 0.1s ease-in; transition: all 0.1s ease-in;
display: inline-block; display: inline-block;
-webkit-appearance: none;
border-radius: 0.5em; border-radius: 0.5em;
margin: 0.5em auto; margin: 0.5em auto;
@ -123,9 +125,11 @@ form.new-post {
background: $lightgray; background: $lightgray;
color: $black; color: $black;
border: none; border: none;
-webkit-appearance: none;
font-family: $playfair; font-family: $playfair;
font-size: 1.5em; font-size: 1.5em;
} }
input[type="submit"]:hover { background: $lightgray; } input[type="submit"]:hover { background: $lightgray; }
-webkit-appearance: none;
} }