From 79d8a176dc644417dcbcc4009a1dc8fb5dee43a0 Mon Sep 17 00:00:00 2001
From: Viviana Menzel <vivianamenzel@dr-menzel-it.de>
Date: Thu, 17 Sep 2020 14:07:52 +0200
Subject: [PATCH 1/2] Change direction of background gradient for rtl

---
 templates/cassiopeia/scss/template-rtl.scss               | 6 ++++++
 templates/cassiopeia/scss/tools/variables/_variables.scss | 1 +
 2 files changed, 7 insertions(+)

diff --git a/templates/cassiopeia/scss/template-rtl.scss b/templates/cassiopeia/scss/template-rtl.scss
index ff8d308fa17b0..bb1488d78f79b 100644
--- a/templates/cassiopeia/scss/template-rtl.scss
+++ b/templates/cassiopeia/scss/template-rtl.scss
@@ -46,6 +46,8 @@ dd {
 }
 
 .container-header {
+  background-image: $cassiopeia-header-grad-rtl;
+
   .container-nav .container-search:only-child {
     margin-right: auto;
     margin-left: 0;
@@ -114,3 +116,7 @@ dd {
 .btn-group > .btn-group:not(:first-child) {
   @include border-right-radius(0);
 }
+
+.footer {
+  background-image: $cassiopeia-header-grad-rtl;
+}
diff --git a/templates/cassiopeia/scss/tools/variables/_variables.scss b/templates/cassiopeia/scss/tools/variables/_variables.scss
index 6f5444a7a713b..bc9fa2d22e7c0 100644
--- a/templates/cassiopeia/scss/tools/variables/_variables.scss
+++ b/templates/cassiopeia/scss/tools/variables/_variables.scss
@@ -4,6 +4,7 @@ $cassiopeia-border-color:             hsl(210, 14%, 89%) !default;
 $cassiopeia-box-shadow:               1px 1px 4px hsla(0, 0%, 0%, .1) !default;
 $cassiopeia-block-header-bg:          hsl(0, 0%, 96%) !default;
 $cassiopeia-header-grad:              linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
+$cassiopeia-header-grad-rtl:          linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 100%);
 
 // Standard
 $standard-color-primary:              hsl(220, 67%, 20%);

From e195ebf352fc75e9e9cffe15229cc89506a634ea Mon Sep 17 00:00:00 2001
From: Viviana Menzel <vivianamenzel@dr-menzel-it.de>
Date: Thu, 17 Sep 2020 15:25:41 +0200
Subject: [PATCH 2/2] Change margin for back-top in footer rtl

---
 templates/cassiopeia/scss/blocks/_footer.scss | 3 +--
 templates/cassiopeia/scss/template-rtl.scss   | 4 ++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/templates/cassiopeia/scss/blocks/_footer.scss b/templates/cassiopeia/scss/blocks/_footer.scss
index a7605aa6e9531..a8c7e22ba64b6 100644
--- a/templates/cassiopeia/scss/blocks/_footer.scss
+++ b/templates/cassiopeia/scss/blocks/_footer.scss
@@ -18,10 +18,9 @@
     align-self: flex-end;
     height: 40px;
     padding: $cassiopeia-grid-gutter/2;
+    margin-left: auto;
     color: var(--cassiopeia-color-primary);
     background: $white;
     border-radius: $border-radius;
-
-    @include margin("left", auto);
   }
 }
diff --git a/templates/cassiopeia/scss/template-rtl.scss b/templates/cassiopeia/scss/template-rtl.scss
index bb1488d78f79b..400ac4f69797f 100644
--- a/templates/cassiopeia/scss/template-rtl.scss
+++ b/templates/cassiopeia/scss/template-rtl.scss
@@ -119,4 +119,8 @@ dd {
 
 .footer {
   background-image: $cassiopeia-header-grad-rtl;
+  .back-top {
+    margin-right: auto;
+    margin-left: 0;
+  }
 }