Issue 4633 - Default form styles

scss/forms/_basic.scss

Index: scss/forms/_basic.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/forms/_basic.scss
@@ -0,0 +1,81 @@
+/*!
+ * This file is part of website-defaults
+ * Copyright (C) 2016-2017 eyeo GmbH
+ *
+ * website-defaults is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * website-defaults is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/*******************************************************************************
+ * Basic forms fields
+ *******************************************************************************
+ * 1. Reset
+ ******************************************************************************/
+
+/* 1. Reset
+ ******************************************************************************/
+
+/* Change the font styles in all browsers (opinionated). */
+
+input,
+optgroup,
+select,
+textarea
+{
+  font: inherit;
+}
+
+/* Show the overflow in IE and Edge */
+
+input
+{
+  overflow: visible;
+}
+
+/* Remove the inheritance of text transform in Edge, Firefox, and IE. */
+
+select
+{
+  text-transform: none;
+}
+
+/* Set block display (opinionated) */
+
+fieldset
+{
+  display: block;
+}
+
+/* Correct the text wrapping in Edge and IE. */
+
+legend
+{
+  display: table;
+  max-width: 100%;
+  white-space: normal;
+}
+
+/* Remove the default vertical scrollbar in IE. */
+
+textarea
+{
+  overflow: auto;
+}
+
+/* Remove the padding in IE 10-. */
+
+[type="checkbox"],
+[type="radio"]
+{
+  padding: 0px;
+}