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 ff8d308fa17b0..400ac4f69797f 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,11 @@ dd { .btn-group > .btn-group:not(:first-child) { @include border-right-radius(0); } + +.footer { + background-image: $cassiopeia-header-grad-rtl; + .back-top { + margin-right: auto; + margin-left: 0; + } +} 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%);