Issue 5453 - Change website-defaults into a CMS compatible website

static/scss/_content.scss

Index: static/scss/_content.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/scss/_content.scss
@@ -0,0 +1,198 @@
+/*!
+ * 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/>.
+ */
+
+/*******************************************************************************
+ * Content styles
+ *******************************************************************************
+ * 1. Document
+ * 2. Headings
+ * 3. Body content
+ ******************************************************************************/
+
+/* Document
+ ******************************************************************************/
+
+p,
+ol,
+ul,
+dl,
+pre,
+blockquote
+{
+  /* Set consistent margins (opinionated) */
+  margin: 1em 0em;
+}
+
+/* Headings
+ ******************************************************************************/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+{
+  /* Margin on top **only** (opinionated) */
+  margin: 2em 0em 0.5em 0em;
+}
+
+h1
+{
+  font-size: 2em;
+}
+
+h2
+{
+  font-size: 1.5em;
+}
+
+h3
+{
+  font-size: 1.25em;
+}
+
+h4
+{
+  font-size: 1em;
+}
+
+h5
+{
+  font-size: 0.8em;
+}
+
+h6
+{
+  font-size: 0.7em;
+}
+
+/* Body content
+ ******************************************************************************/
+
+abbr
+{
+  text-decoration: underline;
+  cursor: help;
+}
+
+b,
+strong
+{
+  font-weight: $bold-weight;
+}
+
+small
+{
+  font-size: $small-font;
+}
+
+sup
+{
+  position: relative;
+  font-size: 75%;
+  vertical-align: super;
+}
+
+a,
+a:visited
+{
+  color: $accent;
+  /* Remove the gray background on active links in IE 10. */
+  background-color: transparent;
+  text-decoration: none;
+  /* Set default pointer regardless of href (opinionated) */
+  cursor: pointer;
+}
+
+a:hover,
+a:active,
+a:focus
+{
+  text-decoration: underline;
+}
+
+img
+{
+  /* Make fixed width images responsive */
+  max-width: 100%;
+  /* Remove the border on images inside links in IE 10-. */
+  border-style: none;
+}
+
+hr
+{
+  border: 1px solid $secondary-light;
+}
+
+blockquote
+{
+  padding-left: 1em;
+  border-left: 5px solid $secondary;
+}
+
+[dir="rtl"] blockquote
+{
+  padding-right: 1em;
+  padding-left: 0em;
+  border-right: 5px solid $secondary-light;
+  border-left: 0px;
+}
+
+ol,
+ul
+{
+  padding-left: 1.5em;
+}
+
+[dir="rtl"] ol,
+[dir="rtl"] ul
+{
+  padding-right: 2em;
+  padding-left: 0em;
+}
+
+li
+{
+  margin: 0.25em 0em;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol
+{
+  /* prevent double spacing lists */
+  margin: 0em;
+}
+
+ol ol
+{
+  list-style-type: lower-alpha;
+}
+
+dt
+{
+  /* undo browser default (opinionated)*/
+  font-weight: $bold-weight;
+}
+
+dd
+{
+  margin: 0.25em 0em 1em 0em;
+}