Improve code readability
This commit is contained in:
@@ -9,12 +9,15 @@ html {
|
||||
box-sizing: border-box;
|
||||
background-color: $background-color;
|
||||
font-size: 15px;
|
||||
|
||||
@include breakpoint($medium) {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@include breakpoint($large) {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
@@ -89,9 +92,11 @@ sup {
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
@@ -126,16 +131,19 @@ textarea {
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
*overflow: visible; // inner spacing ie IE6/7
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { // inner padding and border oddities in FF3/4
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
|
||||
input[type="reset"],
|
||||
@@ -143,6 +151,7 @@ input[type="submit"] {
|
||||
-webkit-appearance: button; // corrects inability to style clickable `input` types in iOS
|
||||
cursor: pointer; // improves usability and consistency of cursor style between image-type `input` and others
|
||||
}
|
||||
|
||||
label,
|
||||
select,
|
||||
button,
|
||||
@@ -153,15 +162,18 @@ input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer; // improves usability and consistency of cursor style between image-type `input` and others
|
||||
}
|
||||
|
||||
input[type="search"] { // Appearance in Safari/Chrome
|
||||
box-sizing: content-box;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; // inner-padding issues in Chrome OSX, Safari 5
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto; // remove vertical scrollbar in IE6-9
|
||||
vertical-align: top; // readability and alignment cross-browser
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user