@import "00-config"; /* ----------------------------- */ /* ==forms */ /* ----------------------------- */ /* thanks to HTML5boilerplate, * github.com/nathansmith/formalize * and www.sitepen.com */ /** * Buttons */ .btn { display: inline-block; } /** * Forms items */ form, fieldset { border: none; } input, button, select, label, .btn { vertical-align: middle; font-family: inherit; font-size: inherit; } label { display: inline-block; vertical-align: middle; cursor: pointer; } legend { border: 0; white-space: normal; } textarea { min-height: 5em; vertical-align: top; font-family: inherit; font-size: inherit; resize: vertical; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; /* clickable input types in iOS */ } input[type="search"] { -webkit-appearance: textfield; } /** * If select styling bugs on WebKit * select { -webkit-appearance: none; } */ /** * Removes 'x' from search input when text is entered */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } ::-webkit-input-placeholder { color: #777; } input:-moz-placeholder, textarea:-moz-placeholder { color: #777; } /** * Removes inner padding and border in FF3+ */ button::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='submit']::-moz-focus-inner { border: 0; padding: 0; }