rtlcss magic

Author: MohammadYounes

.stylelintignore

@@ -2,3 +2,4 @@
 **/dist/
 **/vendor/
 /_gh_pages/
+**/*.rtl.css

CNAME

@@ -1 +1 @@
-getbootstrap.com
+bootstrap.rtlcss.com

Gemfile.lock

@@ -4,19 +4,19 @@ GEM
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.5)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.1.7)
+    em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
-    ffi (1.11.3)
-    ffi (1.11.3-x64-mingw32)
+    ffi (1.13.1)
+    ffi (1.13.1-x64-mingw32)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
     i18n (0.9.5)
       concurrent-ruby (~> 1.0)
-    jekyll (3.8.6)
+    jekyll (3.8.7)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -34,29 +34,29 @@ GEM
     jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
     jekyll-sitemap (1.4.0)
-      jekyll (>= 3.7, < 5.0)
+      jekyll (~> 3.3)
     jekyll-toc (0.11.0)
       nokogiri (~> 1.9)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (1.17.0)
     liquid (4.0.3)
-    listen (3.2.0)
+    listen (3.3.3)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     mini_portile2 (2.4.0)
-    nokogiri (1.10.5)
+    nokogiri (1.10.10)
       mini_portile2 (~> 2.4.0)
-    nokogiri (1.10.5-x64-mingw32)
+    nokogiri (1.10.10-x64-mingw32)
       mini_portile2 (~> 2.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.1)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    public_suffix (4.0.6)
+    rb-fsevent (0.10.4)
+    rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.13.0)
+    rouge (3.26.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
@@ -77,4 +77,4 @@ DEPENDENCIES
   wdm (~> 0.1.1)
 
 BUNDLED WITH
-   1.17.3
+   2.2.0

_config.yml

@@ -14,7 +14,7 @@ destination:    ./_gh_pages
 host:           "localhost"
 port:           9001
 baseurl:        ""
-url:            "https://getbootstrap.com"
+url:            "https://bootstrap.rtlcss.com"
 encoding:       UTF-8
 exclude:
   - docs/4.4/assets/scss/
@@ -25,9 +25,9 @@ plugins:
   - jekyll-toc
 
 # Social
-title:              Bootstrap
-description:        "The most popular HTML, CSS, and JS library in the world."
-twitter:            getbootstrap
+title:              Bootstrap 4 RTL
+description:        "The most popular HTML, CSS, and JS library in the world made right-to-left."
+twitter:            rtlcss
 authors:            "Mark Otto, Jacob Thornton, and Bootstrap contributors"
 social_image_path:  /docs/4.4/assets/brand/bootstrap-social.png
 social_logo_path:   /docs/4.4/assets/brand/bootstrap-social-logo.png
@@ -36,7 +36,7 @@ social_logo_path:   /docs/4.4/assets/brand/bootstrap-social-logo.png
 current_version:      4.4.1
 current_ruby_version: 4.4.1
 docs_version:         4.4
-repo:                 "https://github.com/twbs/bootstrap"
+repo:                 "https://github.com/RTLCSS/bootstrap"
 slack:                "https://bootstrap-slack.herokuapp.com"
 opencollective:       "https://opencollective.com/bootstrap"
 blog:                 "https://blog.getbootstrap.com"
@@ -45,17 +45,19 @@ themes:               "https://themes.getbootstrap.com"
 icons:                "https://icons.getbootstrap.com"
 
 download:
-  source:           "https://github.com/twbs/bootstrap/archive/v4.4.1.zip"
-  dist:             "https://github.com/twbs/bootstrap/releases/download/v4.4.1/bootstrap-4.4.1-dist.zip"
+  source:           "https://github.com/RTLCSS/bootstrap/archive/v4.4.1.zip"
+  dist:             "https://github.com/RTLCSS/bootstrap/releases/download/v4.4.1/bootstrap-4.4.1-dist.zip"
 
 cdn:
   # See https://www.srihash.org for info on how to generate the hashes
+  rtlcss:           "https://cdn.rtlcss.com/bootstrap/v4.4.1/css/bootstrap.min.css"
+  rtlcss_hash:      "sha384-yQ02IR5BzpO2LZ70lJP2g4opr8tX6KzCmaELFzmNqlwtvTgtDJHQvuc43zCRMf1T"
   css:              "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
   css_hash:         "sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
-  js:               "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
-  js_hash:          "sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
-  js_bundle:        "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"
-  js_bundle_hash:   "sha384-6khuMg9gaYr5AxOqhkVIODVIvm9ynTT5J4V1cfthmT+emCG6yVmEZsRHdxlotUnm"
+  js:               "https://cdn.rtlcss.com/bootstrap/v4.4.1/js/bootstrap.min.js"
+  js_hash:          "sha384-8RqFNshIrK8FARYG0cBLv7D4Y2hXNUPHVWohv3STbDMZh6BU4LNoAJUA3mjCH6Zx"
+  js_bundle:        "https://cdn.rtlcss.com/bootstrap/v4.4.1/js/bootstrap.bundle.min.js"
+  js_bundle_hash:   "sha384-lK52d4/Xg83h3OaE5PkT1A0Bsgh0q5GEEq71xofmMah9t3CEqFIZiz8eYWmOBAZQ"
   jquery:           "https://code.jquery.com/jquery-3.4.1.slim.min.js"
   jquery_hash:      "sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
   popper:           "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"

build/generate-sri.js

@@ -27,6 +27,10 @@ const configFile = path.join(__dirname, '../_config.yml')
 // `file` is the path from the root folder
 // `configPropertyName` is the _config.yml variable's name of the file
 const files = [
+  {
+    file: 'dist/css/rtl/bootstrap.min.css',
+    configPropertyName: 'rtlcss_hash'
+  },
   {
     file: 'dist/css/bootstrap.min.css',
     configPropertyName: 'css_hash'

build/rtl-docs.js

@@ -0,0 +1,15 @@
+'use strict'
+
+const glob = require('glob')
+const pkg = require('../package.json')
+const rtlcss = require('rtlcss')
+const fs = require('fs')
+const v = pkg.version.match(/\d+\.\d+/)[0]
+// options is optional
+glob(`site/docs/${v}/examples/**/*.css`, {
+  ignore: `site/docs/${v}/examples/**/*.rtl.css`
+}, (er, files) => {
+  files.forEach((path) => {
+    fs.writeFileSync(path.replace('.css', '.rtl.css'), rtlcss.process(fs.readFileSync(path)))
+  })
+})