diff --git a/templates/cassiopeia/scss/editor.scss b/templates/cassiopeia/scss/editor.scss
new file mode 100644
index 0000000000000..133f94e1f9363
--- /dev/null
+++ b/templates/cassiopeia/scss/editor.scss
@@ -0,0 +1,62 @@
+/* STYLES FOR JOOMLA! EDITOR */
+body {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #22262a;
+  background-color: #fff;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: .5rem;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+
+h2 {
+  font-size: calc(1.325rem + .9vw);
+}
+
+h3 {
+  font-size: calc(1.3rem + .6vw);
+}
+
+h4 {
+  font-size: calc(1.275rem + .3vw);
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+a {
+  text-decoration: none;
+  &:link {
+    color: #224faa;
+  }
+  &:hover {
+    color: #424077;
+  }
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+/* STYLES FOR JOOMLA! EDITOR */
+hr#system-readmore {
+  color: #f00;
+  border: #f00 dashed 1px;
+}
+