TrxShell [ lionsindia.in ]

Name	Size	Permission
app.rtl.scss	4.98 KB	-rw-r--r--
app.scss	275 B	-rw-r--r--
bootstrap.scss	72 B	-rw-r--r--
bs.base.scss	1.2 KB	-rw-r--r--
bs.button.scss	2.63 KB	-rw-r--r--
bs.card.scss	43 B	-rw-r--r--
bs.carousel.scss	170 B	-rw-r--r--
bs.dropdown.scss	2.24 KB	-rw-r--r--
bs.form.scss	1.51 KB	-rw-r--r--
bs.label.scss	791 B	-rw-r--r--
bs.list-group.scss	1.88 KB	-rw-r--r--
bs.modal.animation.scss	2.8 KB	-rw-r--r--
bs.modal.scss	1.6 KB	-rw-r--r--
bs.nav.scss	2.35 KB	-rw-r--r--
bs.navbar.scss	1.75 KB	-rw-r--r--
bs.pager.scss	1.96 KB	-rw-r--r--
bs.progress.scss	1.95 KB	-rw-r--r--
bs.row.scss	1.09 KB	-rw-r--r--
bs.scss	435 B	-rw-r--r--
bs.table.scss	1.05 KB	-rw-r--r--
md.btn.scss	2.85 KB	-rw-r--r--
md.check.scss	1.67 KB	-rw-r--r--
md.color.scss	17.96 KB	-rw-r--r--
md.input.scss	1.36 KB	-rw-r--r--
md.scss	124 B	-rw-r--r--
md.switch.scss	1.47 KB	-rw-r--r--
mixins.scss	2.14 KB	-rw-r--r--
ng.scss	2.12 KB	-rw-r--r--
ui.arrow.scss	2.67 KB	-rw-r--r--
ui.avatar.scss	1.13 KB	-rw-r--r--
ui.box.scss	1.47 KB	-rw-r--r--
ui.check.scss	2.21 KB	-rw-r--r--
ui.col.scss	1.79 KB	-rw-r--r--
ui.color.dark.scss	847 B	-rw-r--r--
ui.color.scss	1.91 KB	-rw-r--r--
ui.flexbox.scss	847 B	-rw-r--r--
ui.icon.scss	1.11 KB	-rw-r--r--
ui.item.scss	1.08 KB	-rw-r--r--
ui.layout.boxed.scss	1.44 KB	-rw-r--r--
ui.layout.scss	2.53 KB	-rw-r--r--
ui.list.scss	791 B	-rw-r--r--
ui.loading.scss	1.74 KB	-rw-r--r--
ui.nav.active.scss	1.87 KB	-rw-r--r--
ui.nav.plus.scss	4.51 KB	-rw-r--r--
ui.nav.scss	2.39 KB	-rw-r--r--
ui.plugin.scss	3.11 KB	-rw-r--r--
ui.scss	573 B	-rw-r--r--
ui.streamline.scss	1.28 KB	-rw-r--r--
ui.switch.scss	1.73 KB	-rw-r--r--
ui.timeline.scss	1.69 KB	-rw-r--r--
util.base.scss	1.08 KB	-rw-r--r--
util.border.scss	2.65 KB	-rw-r--r--
util.hover.scss	357 B	-rw-r--r--
util.radius.scss	653 B	-rw-r--r--
util.scroll.scss	624 B	-rw-r--r--
util.size.scss	1.46 KB	-rw-r--r--
util.spacing.scss	5.42 KB	-rw-r--r--
util.text.scss	2.83 KB	-rw-r--r--
utils.scss	226 B	-rw-r--r--
variables.md.scss	6.24 KB	-rw-r--r--
variables.scss	3.3 KB	-rw-r--r--

Code Editor : app.rtl.scss

@import "../bootstrap/scss/_mixins.scss";
@import "../bootstrap/scss/_variables.scss";
@import "mixins.scss";
@import "variables.scss";
@import "variables.md.scss";

// Layout

.app-aside{
	left: auto !important;
}

@include media-breakpoint-up(lg) {
	.app-aside {
		&.lg{
			&:not(.hide) ~ .app-content{
				margin-right: $aside-lg-width;
			}
		}
		&.sm{
			&:not(.hide) ~ .app-content{
				margin-right: $aside-sm-width;
			}
		}
		&.folded{
			&:not(.hide) ~ .app-content{
				margin-right: $aside-folded-width;
			}
			&.md{
				&:not(.hide) ~ .app-content{
					margin-right: $aside-folded-md-width;
				}
			}
		}
		&:not(.hide) ~ .app-content{
			margin-right: $aside-width;
		}
	}
	.app-content{
		margin-left: auto !important;
	}
	.hide-scroll{
	  margin-right: 0;
	  margin-left: -17px;
	}
}

@include media-breakpoint-up(lg) {
	body.container{
		.app-header{
			margin-left: auto;
			margin-right: 0;
		}
	}
}

// aside
.navside{
	.nav{
		li{
			li{
				a {
					padding-left : 1rem;
					padding-right: 3.5rem;
				}
				li a{
					padding-left : 1rem;
					padding-right: 4.5rem;
				}
				li li a{
					padding-left : 1rem;
					padding-right: 5.5rem;
				}
			}
		}
	}
}

// nav
.nav-icon{
	float: right;
	margin-left: 1rem;
	margin-right: inherit;
}
.nav-caret,
.nav-label{
	float: left;
	margin-right: 1rem;
	margin-left: inherit;
}
@include media-breakpoint-up(lg){
	.folded.nav-expand{
		&:hover,
		&:focus,
		&.active{
			.nav > li > a{
				text-align: right;
				.nav-icon{
					float: right;
					margin-left: 16px;
					margin-right: 0;
				}
			}
			.navbar{
				text-align: right;
			}
		}
	}
	.folded.nav-dropdown{
		.nav > li {
			> ul {
				left: auto;
				right: 100%;
			}
		}
	}
}

// navbar
.navbar-brand{
	> span{
		margin-left: 0;
		margin-right: 10px;
	}
}
.navbar-item{
	margin-right: inherit;
	margin-left: 1rem;
}

// margin padding
.m-r{margin-left: 1rem !important; margin-right: auto !important}
.m-l{margin-right: 1rem !important; margin-left: auto !important}
.m-r-lg{margin-left: 3rem !important; margin-right: auto !important}
.m-l-lg{margin-right: 3rem !important; margin-left: auto !important}
.m-r-md{margin-left: 1.5rem !important; margin-right: auto !important}
.m-l-md{margin-right: 1.5rem !important; margin-left: auto !important}
.m-r-sm{margin-left: 0.5rem !important; margin-right: auto !important}
.m-l-sm{margin-right: 0.5rem !important; margin-left: auto !important}
.m-r-xs{margin-left: 0.25rem !important; margin-right: auto !important}
.m-l-xs{margin-right: 0.25rem !important; margin-left: auto !important}

// box
.box-tool{
	left: 1rem;
	right: auto;
}

// list
.list-left{
	float: right;
	padding-left: 1rem;
	padding-right: 0;
	+ .list-body{
		margin-left: 0;
		margin-right: 56px;
	}
}

// streamline
.streamline {
	border-left-width: 0;
	border-right-width: 1px;
	border-right-style: solid;
	&:after,
	.sl-item:before,
	.sl-icon:before{
		margin-left: 0;
		margin-right: -4px;
		top: 6px;
		left: auto;
		right: 0;
	}
}
.sl-icon{
	left: auto;
	right: -10px;
}
.sl-left{
	float: right;
	margin-right: -20px;
	margin-left: 0;
	+ .sl-content{
		margin-right: 36px;
		margin-left: auto;
	}
}
.sl-content{
	margin-left: 0;
	margin-right: 24px;
}

// timeline
.tl-wrap{
	margin-left: 0;
	margin-right: 6em;
	border-width: 0 2px 0 0;
	padding: 15px 20px 15px 0px;
	&:before{
		float: right;
		margin-right: -26px;
	}
}
.timeline-center{
	.tl-item{
		margin-right: 50%;
		margin-left: 0;
	}
	.tl-wrap{
		margin-right: -2px !important;
	}
}
.tl-date{
	text-align: left;
	float: right;
	margin-right: -7.5em;
}

// form
.ui-check > i{
	margin-right: -20px;
	margin-left: 4px;
}
.ui-switch{
  input{
    &:checked{
      + i{
        &:after{
          margin-right: $switch-width - $switch-height + 1;
          margin-left: 0;
        }
      }
    }
  }
}
.ui-switch-md{
  input{
    &:checked{
      + i{
        &:after{
          margin-right: $switch-md-width - $switch-md-height + 1;
          margin-left: 0;
        }
      }
    }
  }
}
.ui-switch-lg{
  input{
    &:checked{
      + i{
        &:after{
          margin-right: $switch-lg-width - $switch-lg-height + 1;
          margin-left: 0;
        }
      }
    }
  }
}
.md-check{
	padding-left: 0;
	padding-right: 20px;
	input{
		&[type="checkbox"]:checked + i:after,
	    &[type="radio"]:checked + i:after{
	      left: auto;
	      right: 6px;
	    }
	}
	> i{
		float: right;
		margin-left: 28px;
		margin-right: -20px;
	}
}
.md-switch{
	padding-left: 0;
	padding-right: 36px;
	> i{
		margin-right: 0;
	    margin-left: 8px;
	}
}
.md-input ~ label{
	left: auto;
	right: 0;
}

// switcher
.switcher{
	left: -240px;
	right: auto;
	.sw-btn{
		left: auto;
		right: -42px;
		border-right-width: 1px;
		border-left-width: 0;
	}
	&.active{
		left: -1px;
		right: auto;
	}
}

${this.title}

Code Editor : app.rtl.scss