external-software/github_gohugo_theme_hugo-coder.git

parent: 333e6358 | patch | commit | ignore whitespace

Enable RTL layout by providing 'rtl = true' in the config (#72)

Khosrow Moossavi

01.18.2018 42d75aefe4529d94480d1cab4df1e5f725e4d072

Enable RTL layout by providing 'rtl = true' in the config (#72)

5 files modified

5 files added

	README.md	3 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/_base_rtl.scss	23 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/_colors.scss	6 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/_content.scss	2 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/_content_rtl.scss	16 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/_navigation_rtl.scss	13 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/coder-rtl.scss	4 ●●●●● patch \| view \| raw \| blame \| history
	assets/scss/coder.scss	8 ●●●●● patch \| view \| raw \| blame \| history
	exampleSite/config.toml	2 ●●●●● patch \| view \| raw \| blame \| history
	layouts/_default/baseof.html	14 ●●●●● patch \| view \| raw \| blame \| history

 README.md

@@ -53,6 +53,9 @@
    hideCredits = false
    hideCopyright = false

    # to switch bewteen LTR and RTL layout
    rtl = false

    # Custom CSS
    custom_css = []


 assets/scss/_base_rtl.scss

New file
@@ -0,0 +1,23 @@
body.rtl {
  direction: rtl;

  pre {
    direction: ltr;
  }

  blockquote {
    border-left: none;
    border-right: 2px solid $alt-bg-color;
    padding-left: 0;
    padding-right: 1.6rem;
  }

  table tr td:first-child,
  table tr th:first-child {
    border-right: 0;
  }
  table tr td:last-child,
  table tr th:last-child {
    border-left: 0;
  }
}

 assets/scss/_colors.scss

New file
@@ -0,0 +1,6 @@
// Colors
$bg-color: #fefefe !default;
$fg-color: #323232 !default;
$alt-bg-color: #dcdcdc !default;
$alt-fg-color: #000 !default;
$link-color: #3366CC !default;

 assets/scss/_content.scss

@@ -46,8 +46,6 @@
        width: 20.0rem;
        text-align: right;
        margin-right: 3.0rem;
        text-align: right;
        margin-right: 3.0rem;
        @media only screen and (max-device-width : 768px) {
          display: block;
          text-align: left;

 assets/scss/_content_rtl.scss

New file
@@ -0,0 +1,16 @@
body.rtl {
  .list {
    ul {
      li {
        span {
          text-align: left;
          margin-left: 3.0rem;
          margin-right: 0;
          @media only screen and (max-device-width : 768px) {
            text-align: right;
          }
        }
      }
    }
  }
}

 assets/scss/_navigation_rtl.scss

New file
@@ -0,0 +1,13 @@
body.rtl {
  .navigation-list {
    float: left;
    @media only screen and (max-device-width : 768px) {
      left: 0;
      right: auto;
    }
  }

  .navigation-item {
    float: right;
  }
}

 assets/scss/coder-rtl.scss

New file
@@ -0,0 +1,4 @@
@import "_colors";
@import "_base_rtl";
@import "_content_rtl";
@import "_navigation_rtl";

 assets/scss/coder.scss

@@ -1,10 +1,4 @@
// Colors
$bg-color: #fefefe !default;
$fg-color: #323232 !default;
$alt-bg-color: #dcdcdc !default;
$alt-fg-color: #000 !default;
$link-color: #3366CC !default;

@import "_colors";
@import "_base";
@import "_content";
@import "_navigation";

 exampleSite/config.toml

@@ -25,6 +25,8 @@
    hideCredits = false
    hideCopyright = false

    rtl = false

    # Custom CSS
    custom_css = []


 layouts/_default/baseof.html

@@ -28,6 +28,18 @@
      <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
    {{ end }}

    {{ if .Site.Params.rtl }}
      {{ if .Site.IsServer }}
        {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" "enableSourceMap" true ) }}
        {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts }}
        <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
      {{ else }}
        {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" ) }}
        {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts | minify | fingerprint }}
        <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
      {{ end }}
    {{ end }}

    {{ range .Site.Params.custom_css }}
      <link rel="stylesheet" href="{{ . | absURL }}">
    {{ end }}
@@ -43,7 +55,7 @@
    {{ .Hugo.Generator }}
  </head>

  <body>
  <body class="{{ if .Site.Params.rtl }}rtl{{ end }}">
    <main class="wrapper">
      {{ partial "header.html" . }}

			@@ -53,6 +53,9 @@
			hideCredits = false
			hideCopyright = false

			# to switch bewteen LTR and RTL layout
			rtl = false

			# Custom CSS
			custom_css = []

New file
			@@ -0,0 +1,23 @@
			body.rtl {
			direction: rtl;

			pre {
			direction: ltr;
			}

			blockquote {
			border-left: none;
			border-right: 2px solid $alt-bg-color;
			padding-left: 0;
			padding-right: 1.6rem;
			}

			table tr td:first-child,
			table tr th:first-child {
			border-right: 0;
			}
			table tr td:last-child,
			table tr th:last-child {
			border-left: 0;
			}
			}

New file
			@@ -0,0 +1,6 @@
			// Colors
			$bg-color: #fefefe !default;
			$fg-color: #323232 !default;
			$alt-bg-color: #dcdcdc !default;
			$alt-fg-color: #000 !default;
			$link-color: #3366CC !default;

			@@ -46,8 +46,6 @@
			width: 20.0rem;
			text-align: right;
			margin-right: 3.0rem;
			text-align: right;
			margin-right: 3.0rem;
			@media only screen and (max-device-width : 768px) {
			display: block;
			text-align: left;

New file
			@@ -0,0 +1,16 @@
			body.rtl {
			.list {
			ul {
			li {
			span {
			text-align: left;
			margin-left: 3.0rem;
			margin-right: 0;
			@media only screen and (max-device-width : 768px) {
			text-align: right;
			}
			}
			}
			}
			}
			}

New file
			@@ -0,0 +1,13 @@
			body.rtl {
			.navigation-list {
			float: left;
			@media only screen and (max-device-width : 768px) {
			left: 0;
			right: auto;
			}
			}

			.navigation-item {
			float: right;
			}
			}

New file
			@@ -0,0 +1,4 @@
			@import "_colors";
			@import "_base_rtl";
			@import "_content_rtl";
			@import "_navigation_rtl";

			@@ -1,10 +1,4 @@
			// Colors
			$bg-color: #fefefe !default;
			$fg-color: #323232 !default;
			$alt-bg-color: #dcdcdc !default;
			$alt-fg-color: #000 !default;
			$link-color: #3366CC !default;

			@import "_colors";
			@import "_base";
			@import "_content";
			@import "_navigation";

			@@ -25,6 +25,8 @@
			hideCredits = false
			hideCopyright = false

			rtl = false

			# Custom CSS
			custom_css = []

			@@ -28,6 +28,18 @@
			<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
			{{ end }}

			{{ if .Site.Params.rtl }}
			{{ if .Site.IsServer }}
			{{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" "enableSourceMap" true ) }}
			{{ $styles := resources.Get "scss/coder-rtl.scss" \| resources.ExecuteAsTemplate "style.coder-rtl.css" . \| toCSS $cssOpts }}
			<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
			{{ else }}
			{{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" ) }}
			{{ $styles := resources.Get "scss/coder-rtl.scss" \| resources.ExecuteAsTemplate "style.coder-rtl.css" . \| toCSS $cssOpts \| minify \| fingerprint }}
			<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
			{{ end }}
			{{ end }}

			{{ range .Site.Params.custom_css }}
			<link rel="stylesheet" href="{{ . \| absURL }}">
			{{ end }}
			@@ -43,7 +55,7 @@
			{{ .Hugo.Generator }}
			</head>

			<body>
			<body class="{{ if .Site.Params.rtl }}rtl{{ end }}">
			<main class="wrapper">
			{{ partial "header.html" . }}