Commit 2350f8ac authored by Rajab Natshah's avatar Rajab Natshah
Browse files

Issue #3252882: Add Bootstrap 5 RTL support with the RTLCSS tool and complete... 

Issue #3252882: Add Bootstrap 5 RTL support with the RTLCSS tool and complete bootstrap base switching between LTR and RTL
parent c74158aa

VARTHEME_BS5_SUBTHEME/VARTHEME_BS5_SUBTHEME.libraries.yml

+5 −0
Original line number Diff line number Diff line
@@ -132,10 +132,15 @@ global-styles: 
global-styles-rtl:

  css:

    base:

      css/base/vartheme_bs5.base.css: {}

      css/rtl/base/vartheme_bs5-rtl.base.css: {}

      css/base/VARTHEME_BS5_SUBTHEME.base.css: {}

      css/rtl/base/VARTHEME_BS5_SUBTHEME-rtl.base.css: {}

    theme:

      fonts/droid/arabic/kufi/css/droidarabickufi.css: {}

      css/theme/header.theme.css: {}

      css/theme/content.theme.css: {}

      css/theme/footer.theme.css: {}

      css/rtl/theme/header-rtl.theme.css: {}

      css/rtl/theme/content-rtl.theme.css: {}

      css/rtl/theme/footer-rtl.theme.css: {}

VARTHEME_BS5_SUBTHEME/gulpfile.js

+1 −1
Original line number Diff line number Diff line
@@ -51,7 +51,7 @@ function compile () { 
  // Change rtl files to a wild card selection directory:

  // RTL_SRC = "css/rtl/**/*/*.css"

  // RTL_SRC = "css/rtl"

  const rtl_css_status = gulp.src('css/base/bootstrap.base.css')

  const rtl_css_status = gulp.src('css/base/bootstrap.base.css', {"allowEmpty": true})

		.pipe(rtlcss())

    .pipe(rename({

      dirname: ".",

gulpfile.js

+1 −1
Original line number Diff line number Diff line
@@ -51,7 +51,7 @@ function compile () { 
  // Change rtl files to a wild card selection directory:

  // RTL_SRC = "css/rtl/**/*/*.css"

  // RTL_SRC = "css/rtl"

  const rtl_css_status = gulp.src('css/base/bootstrap.base.css')

  const rtl_css_status = gulp.src('css/base/bootstrap.base.css', {"allowEmpty": true})

		.pipe(rtlcss())

    .pipe(rename({

      dirname: ".",

vartheme_bs5.layouts.yml

deleted100755 → 0
+0 −62
Original line number Diff line number Diff line 
bb_cardbasic:

  label: Card basic (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-card-basic

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: Content

bb_cardtopimage:

  label: Card top image (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-card-top-image

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: Image

    second:

      label: Content

bb_cardimageoverlay:

  label: Card image overlay (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-card-image-overlay

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: Image

    second:

      label: Content

bb_cardheaderfooter:

  label: Card header footer (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-card-header-footer

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: Header

    second:

      label: Content

    third:

      label: Footer

bb_card3stack:

  label: Card three block stacked (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-card-3stack

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: First

    second:

      label: Image

    third:

      label: Second

bb_media:

  label: Media (Display Suite, legacy)

  category: Barrio

  template: templates/ds/layout--ds-media

  class: '\Drupal\ds\Plugin\DsLayout'

  regions:

    first:

      label: Image

    second:

      label: Content

vartheme_bs5.libraries.yml

+4 −0
Original line number Diff line number Diff line
@@ -127,6 +127,7 @@ global-styles: 
global-styles-rtl:

  css:

    base:

      css/base/vartheme_bs5.base.css: {}

      css/rtl/base/vartheme_bs5-rtl.base.css: {}

    component:

      css/components/ajax.component.css: {}
@@ -142,6 +143,9 @@ global-styles-rtl: 
      css/layout/print.layout.css: { media: print }

    theme:

      fonts/droid/arabic/kufi/css/droidarabickufi.css: {}

      css/theme/header.theme.css: {}

      css/theme/content.theme.css: {}

      css/theme/footer.theme.css: {}

      css/rtl/theme/header-rtl.theme.css: {}

      css/rtl/theme/content-rtl.theme.css: {}

      css/rtl/theme/footer-rtl.theme.css: {}