Merge branch 'feature/refactor-css-to-scss' of github.com:alexanderdavide/a...

alexanderdavide

19.40.2022 113b6a39353c627f2314baa3d15315ea3976bbad

Merge branch 'feature/refactor-css-to-scss' of github.com:alexanderdavide/anatole into feature/refactor-css-to-scss

 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 @@
$layout-direction: {{ .Site.Language.LanguageDirection | default "ltr" }};
$content-ratio: {{ .Site.Params.contentratio | default 0.6 }};

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

 assets/scss/modules/_config.scss

@@ -25,16 +25,14 @@
  }
}

$layout-direction: ltr !default;

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

@mixin rtl {
  @if $layout-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