Issue 4607 - Default content styles

scss/_reset.scss

Index: scss/_reset.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_reset.scss
@@ -0,0 +1,162 @@
+/*!
+ * This file is part of universal-design-language
+ * Copyright (C) 2016 Eyeo GmbH
+ *
+ * universal-design-language 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.
+ *
+ * universal-design-language 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 web.starter-kit.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* set box-sizing to border-box
+ * @see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+
+html
+{
+  box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after
+{
+  box-sizing: inherit;
+}
+
+/* set top level fonts and colors */
+
+body
+{
+  font-size: $medium-font;
+  color: $primary-foreground;
+  background-color: $primary-background;
+}
+
+/* set consistent margins */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ol,
+ul,
+dl,
+figure,
+blockquote
+{
+  margin: $small-space 0;
+}
+
+li
+{
+  margin: $small-space / 2 0;
+}
+
+dd
+{
+  margin: $small-space / 2 0 $small-space 0;
+}
+
+[dir="ltr"] ol,
+[dir="ltr"] ul
+{
+  padding-left: $medium-space;
+}
+
+[dir="rtl"] ol,
+[dir="rtl"] ul
+{
+  padding-right: $medium-space;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol
+{
+  /* prevent double spacing lists */
+  margin: 0;
+}
+
+dt
+{
+  /* undo browser default */
+  font-weight: $bold-weight;
+}
+
+dd
+{
+  /* undo browser default */
+  margin-bottom: $small-space;
+}
+
+small
+{
+  font-size: $small-font;
+}
+
+abbr[data-original-title]
+{
+  cursor: help;
+}
+
+input,
+button,
+select,
+textarea
+{
+  /* undo browser default */
+  line-height: inherit;
+}
+
+/* undo browser default */
+
+[dir="ltr"] th
+{
+  text-align: left;
+}
+
+[dir="rtl"] th
+{
+  text-align: right;
+}
+
+/* remove image borders lt IE 10 */
+
+a img
+{
+  border:none;
+  outline:none;
+}
+
+/* undo browser defaults */
+
+fieldset
+{
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend
+{
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin: $small-space 0;
+  font-size: $medium-font;
+  line-height: inherit;
+}