Variable Sidebar RTL

Alexander Bilz

07.28.2021 d25b3adef04041ee6c0fab0240b6ee7bdd198c3c

Variable Sidebar RTL

 assets/css/style.rtl.css

@@ -272,7 +272,6 @@
    height: 100%;
    top: 0;
    right: 0;
    float: left;
    position: fixed;
    z-index: 4;
    border-left: 1px solid var(--border-color);
@@ -1089,25 +1088,19 @@
}

@media (min-width: 1921px){
    .content {
        padding-right: 25%;
        width: var(--content-max-width);
    }
    .sidebar {
        width: var(--sidebar-max-width);
        left: 50%;
        margin-left: calc( -1 * var(--body-max-width)/2);
        padding-right: 17%;
        width: calc(var(--sidebar-width) - 20%);
        padding-left: 3%;
    }

    .content {
        margin-right: calc(15% + var(--sidebar-width));
        width: calc(var(--content-width) - 20%);
        padding-left: 20%;
    }
    .page-top {
        width: var(--content-max-width);
        position: fixed;
        left: 50%;
        margin-left: calc(-1* (var(--body-max-width)/2 - var(--sidebar-max-width) ));
        z-index: 3;
        background-color: var(--bg-color);
        height: 60px;
        border-bottom: 1px solid var(--border-color);
        width: calc(var(--content-width));
    }
}


 layouts/partials/head.html

@@ -13,7 +13,8 @@
    <!-- CSS -->
    
    {{ if eq .Site.Language.LanguageDirection "rtl"}}
    {{ $style := resources.Get "css/style.rtl.css" | resources.Minify | resources.Fingerprint }}
    {{ $templateStyle := resources.Get "css/style.rtl.css" }}
    {{ $style := $templateStyle  | resources.ExecuteAsTemplate "css/main.css" . | resources.Minify | resources.Fingerprint }}
    <link rel="stylesheet"
          href="{{ $style.RelPermalink }}"
          integrity="{{ $style.Data.Integrity }}"