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:
parent
8ff6332784
commit
2621549f5e
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user