first commit

public/style/scss/layout/rtl/_rtl-footer.scss

@@ -0,0 +1,44 @@
+html[dir="rtl"] {
+    
+    //footer
+    [direction="rtl"] {
+        .footer{
+            padding-right: 17.1875rem;
+            padding-left: 0;
+
+            @include media-breakpoint-down(sm) {
+                padding-right: 0;
+            }
+        }
+
+        &[data-sidebar-style="overlay"] {
+            .footer {
+                padding-right: 0;
+            }
+        }
+
+        .menu-toggle {
+            .footer {
+                padding-right: 3.75rem;
+            }
+        }
+
+        &[data-container="boxed"] {
+            .footer {
+                padding-right: 0;
+            }
+        }
+
+        &[data-sidebar-style="mini"]:not([data-layout="horizontal"]) {
+            .footer {
+                padding-right: 3.75rem;
+            }
+        }
+
+        &[data-sidebar-style="compact"]:not([data-layout="horizontal"]) {
+            .footer {
+                padding-right: 9.375rem;
+            }
+        }
+    }
+}

public/style/scss/layout/rtl/_rtl-global.scss

@@ -0,0 +1,78 @@
+// html[dir="rtl"] {
+
+    //content body
+    [direction="rtl"] {
+		.list-group{
+			padding-left: 0;
+		}
+		.form-check-input{
+		    margin-left: -1.25rem;
+			margin-right: inherit;
+		}
+		.form-check-inline .form-check-input{
+			margin-right: 0;
+			margin-left: 10px;
+		}
+		.radio input, 
+		.radio-inline, 
+		.checkbox input, 
+		.checkbox-inline input{
+		    margin-left: 0;
+			margin-right: 0;
+		}
+        .content-body {
+            margin-right: 17.1875rem;
+            margin-left: auto;
+			@at-root [data-sidebar-style="modern"]#{&} {
+				margin-right: 9.375rem;
+			}
+            .page-titles {
+                text-align: right;
+            }
+        }
+
+        &[data-layout="horizontal"] {
+            .content-body {
+                margin-right: 0;
+            }
+			.deznav .metismenu li li .has-arrow:after{
+				-webkit-transform: rotate(-4deg) translateY(-50%);
+				transform: rotate(-45deg) translateY(-50%);
+			}
+        }
+
+        &[data-sidebar-style="mini"]:not([data-layout="horizontal"]) {
+            .content-body {
+                margin-right: 3.75rem;
+            }
+        }
+
+        &[data-sidebar-style="compact"]:not([data-layout="horizontal"]) {
+            .content-body {
+                margin-right: 9.375rem;
+            }
+        }
+
+        &[data-sidebar-style="overlay"] {
+            .content-body {
+                margin-right: 0;
+            }
+        }
+		#external-events .external-event:before{
+			margin-right: 0;
+			margin-left: .9rem;
+		}
+		.post-input a i{
+		    margin-left: 15px;
+		    margin-right: 0;
+		}
+    }
+
+// }
+@media only screen and (max-width: 1350px) and (min-width: 1200px){
+    [direction="rtl"] {
+		.content-body {
+			margin-right: 14.375rem;
+		}
+	}
+}

public/style/scss/layout/rtl/_rtl-header.scss

@@ -0,0 +1,109 @@
+
+
+//header styles
+[direction="rtl"] {
+    .header {
+        padding: 0 0.9375rem;
+        padding-right: 17.1875rem;
+
+        @include media-breakpoint-down(sm) {
+            padding-right: 3.75rem;
+            padding-left: 0;
+        }
+		
+        .header-content {
+            padding-left: 0;
+            padding-right: 5.3125rem;
+
+            @include custommq($max: 575px) {
+                padding-right: 4.5rem;
+            }
+			@at-root [data-sidebar-style="compact"]#{&}{
+				padding-right: 1.875rem;
+            } 
+			@at-root [data-sidebar-style="modern"]#{&}{
+				padding-right: 5.3125rem;
+            } 
+			@at-root [data-sidebar-style="overlay"]#{&}{
+				padding-right: 5.3125rem;
+            } 
+        }
+
+        .nav-control {
+            right: 0.4375rem;
+            left: auto;
+        }
+    }
+	.header-left{
+	
+		
+		.search_bar{ 
+			.dropdown-menu,
+			.dropdown-menu.show{
+			    right: 40px !important;
+				@include respond('phone') {
+					right: -100px !important;
+				}
+			}
+			.search_icon{
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+				border-top-right-radius: 5rem;
+				border-bottom-right-radius: 5rem;
+				@include respond('phone') {
+					border-radius: 5rem;
+				}
+			}
+		}
+		
+	}
+	
+    &[data-layout="horizontal"] {
+        .header {
+            padding: 0;
+            padding-right: 16rem;
+			
+			.header-content{
+				padding-right: 1.875rem;
+				padding-left: 1.875rem;
+			}
+        }
+    }
+	&[data-layout="horizontal"][data-sidebar-style="mini"] {
+		.header {
+			 padding-right: 6rem;
+		}
+	}
+    &[data-sidebar-style="mini"] {
+        .header {
+            padding: 0 0.9375rem;
+            padding-right: 3.75rem;
+        }
+    }
+
+    &[data-sidebar-style="compact"] {
+        .header {
+            padding: 0 0.9375rem;
+            padding-right: 9.375rem;
+        }
+		&[data-layout="horizontal"]{
+			.header{
+				padding:0;
+				padding-right: 16rem;
+			}
+		}
+    }
+	&[data-sidebar-style="modern"] {
+        .header {
+            padding: 0 0.9375rem;
+            padding-right: 9.375rem;
+        }
+		&[data-layout="horizontal"]{
+			.header{
+				padding:0;
+				padding-right: 16rem;
+			}
+		}
+    }
+}
+

public/style/scss/layout/rtl/_rtl-nav-header.scss

@@ -0,0 +1,105 @@
+
+
+//nav header styles
+[direction="rtl"] {
+
+    &:not([data-container="boxed"]) {
+        .nav-header {
+            left: auto;
+            right: 0;
+        }
+    }
+
+    &[data-container="wide-boxed"] {
+        .nav-header {
+            left: auto;
+            right: 0;
+        }
+    }
+	
+    .nav-header {
+        text-align: right;
+        right: auto;
+		.brand-title{
+			margin-left: 0;
+			margin-right: 15px;
+		}
+        .brand-logo {
+            padding-left: 0;
+            padding-right: 1.75rem;
+			
+			@at-root [data-sidebar-style="compact"]#{&}{
+					padding-right: 0;
+            } 
+            @at-root [data-sidebar-style="compact"]#{&}[data-layout="horizontal"]{
+				padding-right: 30px;
+            }
+            @at-root [data-sidebar-style="mini"]#{&}{
+                padding-right: 0;
+            }
+			@at-root [data-sidebar-style="modern"]#{&}{
+                padding-right: 0;
+				@at-root [data-layout="horizontal"]#{&}{
+					padding-right: 30px;
+				}
+            }
+            @include media-breakpoint-down(sm) {
+                // padding-left: 0;
+                padding-right: 0;
+                // justify-content: center;
+            }
+        }
+    }
+	
+    .nav-control {
+        right: auto;
+        left: -4.0625rem;
+
+        @include media-breakpoint-down(sm) {
+            left: -4.0625rem;
+        }
+    
+        @include media-breakpoint-down(xs) {
+            left:-4.0625rem;
+        }
+    }
+
+    &[data-sidebar-style="overlay"] {
+        .nav-header {
+            .hamburger {
+                &.is-active {
+                    right: 0;
+
+                   // .line:nth-child(1) {
+                   //     transform: translateY(0.4rem) rotate(-45deg);
+                   // }
+                   // 
+                   // .line:nth-child(3) {
+                   //     transform: translateY(-0.4rem) rotate(45deg);
+                   // }
+                }
+            }
+        }
+    }
+}
+[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]{
+	.nav-header .brand-logo{
+		padding-right: 30px;
+	}
+}
+[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]{
+	.nav-header{
+		width: 16rem;
+	}
+}
+
+
+
+
+
+
+
+
+
+
+

public/style/scss/layout/rtl/_rtl-reset.scss

@@ -0,0 +1,118 @@
+
+@import "../../../vendor/bootstrap-v4-rtl/scss/functions";
+@import "../../../vendor/bootstrap-v4-rtl/scss/variables";
+@import "../../../vendor/bootstrap-v4-rtl/scss/mixins";
+@import "../../../vendor/bootstrap-v4-rtl/scss/rtl";
+
+.rtl {
+    
+	
+  // stylelint-disable declaration-no-important
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+      @each $prop, $abbrev in (margin: m, padding: p) {
+        @each $size, $length in $spacers {
+
+        //   .#{$abbrev}r#{$infix}-#{$size} {
+        //     #{$prop}-right: 0!important;
+        //     #{$prop}-left: $length !important;
+        //   }
+
+          .#{$abbrev}x#{$infix}-#{$size} {
+            #{$prop}-right: auto;
+            #{$prop}-left: $length !important;
+          }
+
+        //   .#{$abbrev}l#{$infix}-#{$size} {
+        //     #{$prop}-left: 0!important;
+        //     #{$prop}-right: $length !important;
+        //   }
+
+          .#{$abbrev}x#{$infix}-#{$size} {
+            #{$prop}-left: auto;
+            #{$prop}-right: $length !important;
+          }
+        }
+      }
+
+      .mr#{$infix}-auto {
+        margin-right: 0!important;
+        margin-left: auto !important;
+      }
+      .mx#{$infix}-auto {
+        margin-right: auto!important;
+        margin-left: auto !important;
+      }
+      .ml#{$infix}-auto {
+        margin-right: auto !important;
+        margin-left: 0 !important;
+      }
+      .mx#{$infix}-auto {
+        margin-right: auto !important;
+        margin-left: auto!important;
+      }
+    }
+  }
+
+
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+  
+      .float#{$infix}-left  { @include float-right; }
+      .float#{$infix}-right { @include float-left; }
+      .float#{$infix}-none  { @include float-none; }
+    }
+  }
+
+}
+
+
+
+
+  //global styles
+  [direction="rtl"] {
+
+      &[data-theme-version="dark"] {
+          .border, .border-left, .border-right {
+              border-color: $d-border !important;
+          }
+      }
+
+      .text-right {
+          text-align: left !important;
+      }
+
+      .text-left {
+          text-align: right !important;
+      }
+
+      .border-right {
+          border-left: 1px solid $border !important;
+          border-right: 0 !important;
+
+      }
+
+      .border-left {
+          border-right: 1px solid $border !important; 
+          border-left: 0 !important;
+      }
+
+      .dropdown-menu {
+          left: auto;
+      }
+
+      .dropdown-menu-right {
+			left: 0;
+			right: auto;
+			@include respond('phone') {
+				left: 15px;
+			}
+      }
+	  .notification_dropdown .dropdown-menu-right .media > span{
+	      margin-left: 10px;
+	      margin-right: 0;
+	  }
+  }

public/style/scss/layout/rtl/_rtl-sidebar-right.scss

@@ -0,0 +1,26 @@
+
+
+//sidebar right
+[direction="rtl"] {
+    .sidebar-right {
+        left: -15.625rem;
+        right: auto;
+		box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
+			
+        &.show {
+            left: 0;
+            right: auto;
+        }
+
+        .sidebar-right-trigger {
+            left: 100%;
+            right: auto;
+			border-radius: 0 5px 5px 0;
+			box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
+        }
+    }
+	.bootstrap-select .dropdown-toggle .filter-option{
+		text-align:right;
+	}
+}
+

public/style/scss/layout/rtl/_rtl-sidebar.scss

@@ -0,0 +1,85 @@
+
+
+//sidebar styles
+[direction="rtl"] {
+	text-align: right;
+	
+    .deznav {
+        text-align: right;
+        
+        .metismenu {
+			ul{
+				padding: 0 25px 0 0;
+				&:after{
+					left:auto;
+					right:25px;
+				}
+				a:before{
+					left:auto;
+					right: -5px;
+				}
+			}
+			li{
+				& > a svg{
+					margin-left:5px;
+					margin-right:0;
+					@at-root [data-sidebar-style="compact"]#{&} {
+						left: auto;
+						margin-left: auto;
+						margin-right: auto;
+					}
+					@at-root [data-sidebar-style="icon-hover"]#{&} {
+						margin-left:0;
+					}
+				}
+			}
+            li.active {
+
+                &>.has-arrow {
+                    &:after {
+                        transform: rotate(45deg) translateY(-50%);
+                    }
+                }
+
+            }
+
+            .has-arrow {
+                &:after {
+                    left: 1.5625rem;
+                    right: auto;
+					
+					@at-root [data-layout="horizontal"]#{&} {
+						left: 1.125rem;
+					}
+					@at-root [data-sidebar-style="modern"]#{&} {
+						-webkit-transform: rotate(-45deg) translateY(-50%);
+						transform: rotate(-45deg) translateY(-50%);
+					}
+                }
+            }
+
+        }
+    }
+
+    &[data-sidebar-style="full"][data-layout="vertical"] {
+        .menu-toggle {
+            .deznav {
+                .metismenu {
+                    li {
+                        &>ul {
+    
+                            li:hover {
+                                ul {
+                                    right: 11.8125rem;
+                                    left: 0;
+									
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+

public/style/scss/layout/rtl/_rtl.scss

@@ -0,0 +1,7 @@
+@import './rtl-reset';
+@import './rtl-nav-header';
+@import './rtl-header';
+@import './rtl-sidebar';
+@import './rtl-global';
+@import './rtl-sidebar-right';
+@import './rtl-footer';