fix: rtl and ltr mode

Alexander Bilz

19.05.2022 76e9a7708e7e71ff50ec7cb26f83e48430cbc045

fix: rtl and ltr mode

 assets/scss/anatole.rtl.scss

New file
@@ -0,0 +1,4 @@
$content-ratio: {{- .Site.Params.contentratio | default 0.6 -}};
$text-direction: "rtl";

@import 'main.scss';

 assets/scss/anatole.scss

New file
@@ -0,0 +1,4 @@
$content-ratio: {{- .Site.Params.contentratio | default 0.6 -}};
$text-direction: "ltr";

@import 'main.scss';

 assets/scss/main.scss

@@ -1,6 +1,3 @@
$content-ratio: {{- .Site.Params.contentratio | default 0.6 -}};
$text-direction: {{- .Site.Language.LanguageDirection | default "ltr" -}};

@import './modules/variables';
@import './modules/config';
@import './modules/color_theme';

 assets/scss/modules/_config.scss

@@ -26,13 +26,13 @@
}

@mixin ltr {
  @if $text-direction = "ltr" {
  @if $text-direction == ltr {
    @content;
  }
}

@mixin rtl {
  @if $text-direction = "rtl" {
  @if $text-direction == rtl {
    @content;
  }
}

 layouts/partials/head.html

@@ -45,19 +45,28 @@

  {{- end -}}


  <!-- CSS -->
  {{ $sassTemplate := resources.Get "scss/main.scss" }}
  {{ $style := $sassTemplate | resources.ExecuteAsTemplate "scss/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint }}


  {{ if eq .Site.Language.LanguageDirection "rtl" }}
  {{ $sassTemplate := resources.Get "scss/anatole.rtl.scss" }}
  {{ $style := $sassTemplate | resources.ExecuteAsTemplate "scss/main.rtl.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint }}
  <link
    rel="stylesheet"
    href="{{ $style.RelPermalink }}"
    integrity="{{ $style.Data.Integrity }}"
    crossorigin="anonymous"
    type="text/css"
  />
  rel="stylesheet"
  href="{{ $style.RelPermalink }}"
  integrity="{{ $style.Data.Integrity }}"
  crossorigin="anonymous"
  type="text/css"
/>
  {{ else }}
  {{ $sassTemplate := resources.Get "scss/anatole.scss" }}
  {{ $style := $sassTemplate | resources.ExecuteAsTemplate "scss/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint }}
  <link
  rel="stylesheet"
  href="{{ $style.RelPermalink }}"
  integrity="{{ $style.Data.Integrity }}"
  crossorigin="anonymous"
  type="text/css"
/>
  {{ end }}

  {{ $markupHighlightStyle := resources.Get "css/markupHighlight.css" | resources.Minify | resources.Fingerprint }}
  <link