Primo commit: trasferimento del progetto PPEasy
This commit is contained in:
@@ -0,0 +1,261 @@
|
||||
//
|
||||
// bootstrap-rtl.scss
|
||||
//
|
||||
|
||||
// Dropdowns
|
||||
|
||||
.dropdown-menu {
|
||||
text-align: right;
|
||||
&.show {
|
||||
text-align: right;
|
||||
left: auto !important;
|
||||
right: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
&.dropdown-megamenu {
|
||||
left: 20px!important;
|
||||
right: 20px!important;
|
||||
.megamenu-img{
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu-right {
|
||||
right: auto !important;
|
||||
left: 0 !important;
|
||||
&.show {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-example{
|
||||
clear: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dropright, .dropleft{
|
||||
.dropdown-menu{
|
||||
&.show{
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// List
|
||||
|
||||
ul {
|
||||
padding-right: 40px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.nav{
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
|
||||
.btn-label {
|
||||
margin: -.55rem -.9rem -.55rem .9rem;
|
||||
}
|
||||
|
||||
.btn-label-right {
|
||||
margin: (-$btn-padding-y) ($btn-padding-x) (-$btn-padding-y) (-$btn-padding-x);
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
// pagination
|
||||
|
||||
.pagination{
|
||||
.page-item {
|
||||
&:first-child {
|
||||
.page-link {
|
||||
margin-right: 0;//rtl
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
@include border-right-radius($border-radius);//rtl
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
.page-link {
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
@include border-left-radius($border-radius);//rtl
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// blockquote
|
||||
|
||||
.blockquote-reverse{
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
// dl
|
||||
|
||||
dd {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
// Modal
|
||||
|
||||
.modal-header {
|
||||
.close {
|
||||
margin: (-$modal-header-padding-y) auto (-$modal-header-padding-x) (-$modal-header-padding-y);
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
> :not(:first-child) {
|
||||
margin-right: .25rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
> :not(:last-child) {
|
||||
margin-left: .25rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Alerts
|
||||
|
||||
.alert-dismissible {
|
||||
padding-left: $close-font-size + $alert-padding-x * 2;
|
||||
padding-right: $alert-padding-x;
|
||||
|
||||
.close {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Breadcrumb item arrow
|
||||
|
||||
.breadcrumb-item {
|
||||
+.breadcrumb-item {
|
||||
padding-right: $breadcrumb-item-padding;
|
||||
padding-left: 0px;
|
||||
&::before {
|
||||
padding-left: $breadcrumb-item-padding;
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Checkbox-Radio
|
||||
|
||||
.form-check-inline{
|
||||
margin-left: .75rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.custom-control-inline{
|
||||
margin-left: 1rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.custom-control {
|
||||
padding-right: $custom-control-gutter + $custom-control-indicator-size;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.custom-control-label {
|
||||
&::before {
|
||||
left: auto;
|
||||
right: -($custom-control-gutter + $custom-control-indicator-size);
|
||||
}
|
||||
|
||||
// Foreground (icon)
|
||||
&::after {
|
||||
left: auto;
|
||||
right: -($custom-control-gutter + $custom-control-indicator-size);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-switch {
|
||||
padding-right: $custom-switch-width + $custom-control-gutter;
|
||||
padding-left: 0;
|
||||
|
||||
.custom-control-label {
|
||||
&::before {
|
||||
right: -($custom-switch-width + $custom-control-gutter);
|
||||
left: auto;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-input:checked~.custom-control-label {
|
||||
&::after {
|
||||
transform: translateX(#{-($custom-switch-width - $custom-control-indicator-size)});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-file-label {
|
||||
&::after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Input Group
|
||||
|
||||
.input-group-prepend {
|
||||
margin-left: -1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.input-group-append {
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.input-group>.input-group-prepend>.btn,
|
||||
.input-group>.input-group-prepend>.input-group-text,
|
||||
.input-group>.input-group-append:not(:last-child)>.btn,
|
||||
.input-group>.input-group-append:not(:last-child)>.input-group-text,
|
||||
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
|
||||
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
|
||||
.input-group>.custom-select:not(:last-child),
|
||||
.input-group>.form-control:not(:last-child) {
|
||||
border-top-right-radius: $input-border-radius;
|
||||
border-bottom-right-radius: $input-border-radius;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.input-group>.input-group-append>.btn,
|
||||
.input-group>.input-group-append>.input-group-text,
|
||||
.input-group>.input-group-prepend:not(:first-child)>.btn,
|
||||
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
|
||||
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
|
||||
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
|
||||
.input-group>.custom-select:not(:first-child),
|
||||
.input-group>.form-control:not(:first-child) {
|
||||
border-top-left-radius: $input-border-radius;
|
||||
border-bottom-left-radius: $input-border-radius;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.list-inline-item{
|
||||
&:not(:last-child) {
|
||||
margin-left: 6px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
//
|
||||
// components-rtl.scss
|
||||
//
|
||||
|
||||
|
||||
|
||||
// icons
|
||||
|
||||
.icons-list-demo{
|
||||
i{
|
||||
margin-left: 12px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Custom-radio
|
||||
|
||||
.checkbox {
|
||||
label {
|
||||
padding-right: 8px;
|
||||
padding-left: 0;
|
||||
|
||||
&::before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-right: -18px;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked+label {
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 7px;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox.checkbox-single {
|
||||
label {
|
||||
&:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// custom-radio
|
||||
|
||||
.radio {
|
||||
label {
|
||||
padding-left: 0;
|
||||
padding-right: 8px;
|
||||
|
||||
&::before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: 0;
|
||||
right: 6px;
|
||||
margin-left: 0;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Invoice
|
||||
|
||||
@media print {
|
||||
.content-page,
|
||||
.content,
|
||||
body {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.float#{$infix}-left { float: right !important; }
|
||||
.float#{$infix}-right { float: left !important; }
|
||||
.float#{$infix}-none { float: none !important; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,710 @@
|
||||
//
|
||||
// general-rtl.scss
|
||||
//
|
||||
|
||||
|
||||
// CRM Dashboard
|
||||
|
||||
.welcome-img {
|
||||
position: absolute;
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.dash-info-carousel{
|
||||
.carousel-control-prev {
|
||||
left: 38px;
|
||||
right: auto;
|
||||
|
||||
&:after {
|
||||
content: '\55';
|
||||
margin-right: auto;
|
||||
margin-left: 0.48rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
.carousel-control-next {
|
||||
left: 0;
|
||||
right: auto;
|
||||
top:0;
|
||||
&:after {
|
||||
content: '\56';
|
||||
margin-right: auto;
|
||||
margin-left: 0.48rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Time line
|
||||
|
||||
.activity{
|
||||
.activity-info {
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
.icon-info-activity i{
|
||||
margin-left: auto;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.activity-info-text {
|
||||
margin-left: auto;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slimScrollBar{
|
||||
right: auto !important;
|
||||
left: 1px !important;
|
||||
}
|
||||
|
||||
.profile-card .action-btn {
|
||||
right: auto;
|
||||
left: 18px;
|
||||
}
|
||||
|
||||
.transaction-history .transaction-icon {
|
||||
margin-right: auto;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.card-eco .bg-pattern{
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
// Email
|
||||
|
||||
|
||||
.email-leftbar {
|
||||
float: right;
|
||||
}
|
||||
.email-rightbar {
|
||||
margin-left: auto;
|
||||
margin-right: 240px;
|
||||
}
|
||||
.message-list {
|
||||
padding-right: 0;
|
||||
li {
|
||||
.col-mail {
|
||||
float: right;
|
||||
}
|
||||
.col-mail-1 {
|
||||
.star-toggle,
|
||||
.checkbox-wrapper-mail,
|
||||
.dot {
|
||||
float: right;
|
||||
}
|
||||
.checkbox-wrapper-mail {
|
||||
margin: 15px 20px 0 10px;
|
||||
}
|
||||
.star-toggle {
|
||||
margin-left: auto;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.title {
|
||||
left: 0;
|
||||
right: 110px;
|
||||
}
|
||||
}
|
||||
.col-mail-2 {
|
||||
right: 320px;
|
||||
left: 0;
|
||||
.subject {
|
||||
right: 0;
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.date {
|
||||
right: auto;
|
||||
left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.checkbox-wrapper-mail {
|
||||
label {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Chat
|
||||
|
||||
.chat-box-left {
|
||||
float: right;
|
||||
|
||||
|
||||
.chat-list{
|
||||
.media{
|
||||
.media-left {
|
||||
.round-10 {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
}
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 15px;
|
||||
|
||||
> div:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chat-box-right{
|
||||
margin-left: auto;
|
||||
margin-right: 361px;
|
||||
.chat-header {
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
float: left;
|
||||
a{
|
||||
margin-left: auto;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.chat-body{
|
||||
.chat-detail{
|
||||
.media{
|
||||
.media-body{
|
||||
margin-left: auto;
|
||||
margin-right: 14px;
|
||||
.chat-msg{
|
||||
margin-left: auto;
|
||||
margin-right: -61px;
|
||||
&:first-child p{
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
}
|
||||
&.reverse {
|
||||
margin-right: 14px;
|
||||
margin-left: 0;
|
||||
.chat-msg{
|
||||
margin-right: auto;
|
||||
margin-left: -48px;
|
||||
&:first-child p{
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-footer {
|
||||
left: auto;
|
||||
right: 0;
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
float: left;
|
||||
a{
|
||||
margin-left: auto;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1680px) {
|
||||
.chat-box-left{
|
||||
width: 310px;
|
||||
float: right;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: auto;
|
||||
margin-right: 330px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 767px) and (max-width: 1023.98px) {
|
||||
.chat-box-left{
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 660px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 568px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Invoice
|
||||
|
||||
.invoice-head{
|
||||
.contact-detail{
|
||||
li{
|
||||
border-left: 0;
|
||||
border-right: 2px solid $gray-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Project
|
||||
|
||||
.todo-list{
|
||||
.todo-box{
|
||||
i{
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.todo-task{
|
||||
.task-priority-icon{
|
||||
i{
|
||||
left: auto;
|
||||
right: -5px;
|
||||
}
|
||||
}
|
||||
.ckbox {
|
||||
span {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
input[type='checkbox'] {
|
||||
opacity: 0;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.img-group {
|
||||
.user-avatar+.user-avatar-group{
|
||||
margin-left: auto;
|
||||
margin-right: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
.file-box-content {
|
||||
.file-box {
|
||||
.download-icon-link {
|
||||
.file-download-icon {
|
||||
left: auto;
|
||||
right: 110px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Ecommerce
|
||||
|
||||
.e-co-product{
|
||||
.ribbon-box {
|
||||
.ribbon-label{
|
||||
left: auto;
|
||||
right: 0;
|
||||
border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ribbon{
|
||||
left: auto;
|
||||
right: -5px;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
&.ribbon-pink {
|
||||
&:before {
|
||||
border-left-color: $pink;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
}
|
||||
&.ribbon-secondary {
|
||||
&:before {
|
||||
border-left-color: $secondary;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single-pro-detail{
|
||||
.pro-features{
|
||||
li{
|
||||
&::before{
|
||||
margin-right: auto;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-check {
|
||||
padding-right: 1.25rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
.form-check-input {
|
||||
margin-left: 0;
|
||||
margin-right: -1.25rem;
|
||||
}
|
||||
|
||||
.radio2 {
|
||||
label {
|
||||
padding-left: 8px;
|
||||
&::before {
|
||||
left: auto;
|
||||
right: -2px;
|
||||
margin-left: auto;
|
||||
margin-right: -18px;
|
||||
}
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
margin-left: auto;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dd3-item{
|
||||
.dd3-handle {
|
||||
left:auto;
|
||||
right: 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
&:before {
|
||||
left:auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dd-item>button {
|
||||
float: right !important;
|
||||
}
|
||||
.dd-list .dd-list {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.dd3-content-p{
|
||||
padding: 8px 40px 8px 10px;
|
||||
}
|
||||
|
||||
// rating
|
||||
.br-theme-bars-pill .br-widget a,
|
||||
.br-theme-bars-1to10 .br-widget a,
|
||||
.br-theme-bars-movie .br-widget a,
|
||||
.br-theme-bars-reversed .br-widget a,
|
||||
.br-theme-bars-reversed .br-widget .br-current-rating,
|
||||
.br-theme-bars-1to10 .br-widget .br-current-rating,
|
||||
.br-theme-bars-square .br-widget a{
|
||||
float: right;
|
||||
}
|
||||
.br-theme-bars-pill .br-widget a{
|
||||
line-height: 20px;
|
||||
}
|
||||
.br-theme-fontawesome-stars-o .br-widget a,
|
||||
.br-theme-fontawesome-stars .br-widget a{
|
||||
margin-right: auto;
|
||||
margin-left: 2px;
|
||||
float: right;
|
||||
}
|
||||
.br-theme-css-stars .br-widget a{
|
||||
margin-right: auto;
|
||||
margin-left: 5px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.br-theme-bars-pill .br-widget a:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
}
|
||||
.br-theme-bars-pill .br-widget a:last-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
}
|
||||
|
||||
code[class*=language-], pre[class*=language-]{
|
||||
text-align: left;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.modal-content .modal-footer .close,
|
||||
.modal-content .modal-header .close {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field{
|
||||
text-align: right;
|
||||
}
|
||||
.wizard.vertical > .content,
|
||||
.wizard.vertical > .steps,
|
||||
.wizard > .steps > ul > li, .wizard > .actions > ul > li{
|
||||
float: right;
|
||||
}
|
||||
.wizard>.steps .disabled a,
|
||||
.wizard>.steps .disabled a:active,
|
||||
.wizard>.steps .disabled a:hover,
|
||||
.wizard>.steps .done a,
|
||||
.wizard>.steps .done a:active,
|
||||
.wizard>.steps .done a:hover{
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover{
|
||||
padding: 2px 2px 2px 20px;
|
||||
}
|
||||
.wizard>.steps .number{
|
||||
margin-left: 10px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.mce-panel{
|
||||
direction: rtl;
|
||||
}
|
||||
.mce-container, .mce-container *,
|
||||
.mce-reset,
|
||||
.mce-widget,
|
||||
.mce-widget * {
|
||||
text-align: right!important;
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
.personal-detail{
|
||||
li{
|
||||
i{
|
||||
float: right;
|
||||
margin: 0 !important;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.skills .skill-box .skill-title{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.met-profile .met-profile-main .met-profile-main-pic{
|
||||
margin-left: 24px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Timeline
|
||||
|
||||
.main-timeline:before{
|
||||
content: "";
|
||||
right: 50%;
|
||||
left:auto;
|
||||
}
|
||||
.main-timeline .timeline{
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.main-timeline .timeline:first-child:before,
|
||||
.main-timeline .timeline:last-child:before{
|
||||
content: "";
|
||||
right: 0;
|
||||
left: -3px;
|
||||
}
|
||||
.main-timeline .timeline-icon{
|
||||
right: 0;
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.main-timeline .year{
|
||||
right: auto;
|
||||
left: 35%;
|
||||
}
|
||||
.main-timeline .year:before{
|
||||
content: "";
|
||||
border-right: none;
|
||||
border-left: 18px solid $secondary;
|
||||
left: auto;
|
||||
right: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content{
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
.main-timeline .timeline-content:after{
|
||||
content: "";
|
||||
border-left: none;
|
||||
border-right: 20px solid $light;
|
||||
right: auto;
|
||||
left: -20px;
|
||||
}
|
||||
.main-timeline .title{
|
||||
float: right;
|
||||
margin: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.main-timeline .timeline:nth-child(2n){ padding: 0 30px 0 0; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
left: auto;
|
||||
right: 35%;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border-left: none;
|
||||
border-right: 18px solid $secondary;
|
||||
right: auto;
|
||||
left: -18px;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
float: left;
|
||||
margin: 0 20px 0 0;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border-right: none;
|
||||
border-left: 20px solid $light;
|
||||
left: auto;
|
||||
right: -20px;
|
||||
}
|
||||
@media only screen and (max-width: 1200px){
|
||||
.main-timeline .year{ right: auto; left: 30%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: auto; right: 30%; }
|
||||
}
|
||||
@media only screen and (max-width: 990px){
|
||||
.main-timeline .year{ right: auto; left: 25%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: auto; right: 25%; }
|
||||
}
|
||||
@media only screen and (max-width: 767px){
|
||||
.main-timeline:before{ left: auto; right: 10px; }
|
||||
.main-timeline .timeline{
|
||||
padding: 0 30px 0 0;
|
||||
}
|
||||
.main-timeline .timeline-icon{
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
margin: 0 30px 32px 0;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border-right: none;
|
||||
border-left: 18px solid $secondary;
|
||||
left: auto;
|
||||
right: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
.main-timeline .timeline-content:after,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border-right: 20px solid transparent;
|
||||
border-left: 20px solid transparent;
|
||||
right: 50%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px){
|
||||
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{ margin-left: 0; margin-right: 20px; }
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 0; margin-right: 10px; }
|
||||
}
|
||||
|
||||
|
||||
// Pricing
|
||||
|
||||
|
||||
.pricingTable1{
|
||||
.pricing-content-2 li{
|
||||
&::before{
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Authentication
|
||||
.account-body{
|
||||
.auth-form{
|
||||
.form-control{
|
||||
padding-left: 40px;
|
||||
padding-right: 8px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.auth-form-icon{
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,152 @@
|
||||
//
|
||||
// plugins-rtl.scss
|
||||
//
|
||||
|
||||
// custombox modal
|
||||
|
||||
.custom-modal-title{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.modal-demo {
|
||||
.close{
|
||||
left: 25px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// flot chart
|
||||
|
||||
.legendLabel {
|
||||
padding-left: 20px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
// Select 2
|
||||
|
||||
.select2-container {
|
||||
.select2-selection--single {
|
||||
.select2-selection__rendered {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.select2-selection__arrow {
|
||||
left: 3px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-selection--multiple {
|
||||
.select2-selection__choice {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-search--inline {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Multiple select
|
||||
|
||||
.ms-container {
|
||||
.ms-optgroup-label {
|
||||
padding: 5px 5px 0px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// X-ediatable
|
||||
|
||||
.editable-buttons {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
|
||||
.editable-cancel {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// datatable
|
||||
|
||||
.dataTables_wrapper {
|
||||
.dataTables_filter{
|
||||
text-align: left !important;
|
||||
input{
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataTables_length, .dt-buttons, #datatable-colvid_info{
|
||||
float: right;
|
||||
}
|
||||
|
||||
div{
|
||||
&.ColVis{
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
button.ColVis_Button{
|
||||
margin-right: 0;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
ul.ColVis_collection {
|
||||
li {
|
||||
span{
|
||||
padding-left: 0;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive Table
|
||||
|
||||
.responsive-table-plugin {
|
||||
.btn-group.pull-right {
|
||||
float: left;
|
||||
}
|
||||
.checkbox-row {
|
||||
label{
|
||||
&:after{
|
||||
margin-left: -22px;
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// tablesaw
|
||||
|
||||
.tablesaw-columntoggle-popup {
|
||||
.tablesaw-btn-group {
|
||||
> label {
|
||||
input{
|
||||
margin-right: 0;
|
||||
margin-left: .8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tablesaw-bar {
|
||||
.tablesaw-bar-section {
|
||||
.tablesaw-btn{
|
||||
margin-left: 0;
|
||||
margin-right: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-legend-marker{
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// reboot-rtl.scss
|
||||
//
|
||||
|
||||
html {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
// Margin and Padding
|
||||
|
||||
@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}#{$infix}-#{$size} { #{$prop}: $length !important; }
|
||||
.#{$abbrev}t#{$infix}-#{$size},
|
||||
.#{$abbrev}y#{$infix}-#{$size} {
|
||||
#{$prop}-top: $length !important;
|
||||
}
|
||||
.#{$abbrev}r#{$infix}-#{$size} {
|
||||
#{$prop}-left: $length !important;
|
||||
#{$prop}-right: 0 !important;
|
||||
}
|
||||
.#{$abbrev}b#{$infix}-#{$size},
|
||||
.#{$abbrev}y#{$infix}-#{$size} {
|
||||
#{$prop}-bottom: $length !important;
|
||||
}
|
||||
.#{$abbrev}l#{$infix}-#{$size} {
|
||||
#{$prop}-right: $length !important;
|
||||
#{$prop}-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
|
||||
@each $size, $length in $spacers {
|
||||
@if $size != 0 {
|
||||
.m#{$infix}-n#{$size} { margin: -$length !important; }
|
||||
.mt#{$infix}-n#{$size},
|
||||
.my#{$infix}-n#{$size} {
|
||||
margin-top: -$length !important;
|
||||
}
|
||||
.mr#{$infix}-n#{$size},
|
||||
.mx#{$infix}-n#{$size} {
|
||||
margin-right: -$length !important;
|
||||
}
|
||||
.mb#{$infix}-n#{$size},
|
||||
.my#{$infix}-n#{$size} {
|
||||
margin-bottom: -$length !important;
|
||||
}
|
||||
.ml#{$infix}-n#{$size},
|
||||
.mx#{$infix}-n#{$size} {
|
||||
margin-left: -$length !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Some special margin utils
|
||||
.m#{$infix}-auto { margin: auto !important; }
|
||||
.mt#{$infix}-auto,
|
||||
.my#{$infix}-auto {
|
||||
margin-top: auto !important;
|
||||
}
|
||||
.mr#{$infix}-auto,
|
||||
.mx#{$infix}-auto {
|
||||
margin-left: auto !important;
|
||||
margin-right: inherit !important;
|
||||
}
|
||||
.mb#{$infix}-auto,
|
||||
.my#{$infix}-auto {
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
.mx#{$infix}-auto {
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
.ml#{$infix}-auto {
|
||||
margin-right: auto !important;
|
||||
margin-left: inherit !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,442 @@
|
||||
/*
|
||||
Template Name: Dealzon - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Email: mannat.themes@gmail.com
|
||||
File: RTL Stucture
|
||||
*/
|
||||
|
||||
|
||||
.left-sidenav-menu {
|
||||
padding-left: auto;
|
||||
padding-right: 0;
|
||||
|
||||
li {
|
||||
> a {
|
||||
|
||||
i {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
&.ti-control-record{
|
||||
margin-right: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0 25px 0 0;
|
||||
|
||||
li {
|
||||
> a {
|
||||
border-right: none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
float: left;
|
||||
i:before{
|
||||
content: "\F141";
|
||||
font: "Material Design Icons";
|
||||
}
|
||||
}
|
||||
li.mm-active .menu-arrow.left-has-menu {
|
||||
i:before{
|
||||
content: "\F141";
|
||||
font: "Material Design Icons";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Topbar
|
||||
//
|
||||
|
||||
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
float: right;
|
||||
.logo {
|
||||
line-height: $topbar-height;
|
||||
.logo-lg {
|
||||
margin-left: 0;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
margin-left:auto;
|
||||
margin-right: $leftbar-width;
|
||||
|
||||
.topbar-nav {
|
||||
li {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Notification */
|
||||
|
||||
.notification-list {
|
||||
margin-left: 0;
|
||||
.noti-icon-badge {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
.topbar-nav{
|
||||
li:last-child{
|
||||
&.dropdown{
|
||||
.dropdown-menu{
|
||||
a.dropdown-item{
|
||||
i{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Search
|
||||
|
||||
.app-search .form-control,
|
||||
.app-search .form-control:focus {
|
||||
padding-left: 40px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.app-search {
|
||||
margin-left: auto;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.app-search a {
|
||||
right: auto;
|
||||
left: 0
|
||||
}
|
||||
|
||||
// Horizontal
|
||||
|
||||
[data-layout="horizontal"] {
|
||||
.navbar-custom{
|
||||
margin-left: 0;
|
||||
margin-right: 160px;
|
||||
.topbar-nav{
|
||||
li:nth-last-of-type(2){
|
||||
&.dropdown{
|
||||
.dropdown-menu{
|
||||
a.dropdown-item{
|
||||
i{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu {
|
||||
.has-submenu.active {
|
||||
.submenu {
|
||||
li.active>a {
|
||||
padding-left: 0;
|
||||
padding-right: 35px;
|
||||
&::before{
|
||||
left: auto;
|
||||
right: 14px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation-menu {
|
||||
>li {
|
||||
a {
|
||||
i {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// leftbar-tab
|
||||
|
||||
.leftbar-tab-menu {
|
||||
.main-icon-menu{
|
||||
.nav-link.active:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 45px;
|
||||
border-top: 10px solid transparent;
|
||||
border-bottom: 10px solid transparent;
|
||||
border-left: 10px solid rgba($card-bg, .5);
|
||||
border-right: 0px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu-inner {
|
||||
left: auto;
|
||||
right: 70px;
|
||||
.topbar-left {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.menu-body{
|
||||
.nav-item {
|
||||
ul {
|
||||
li {
|
||||
|
||||
a:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
i {
|
||||
margin-right: auto;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
i {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Enlarge menu
|
||||
.enlarge-menu {
|
||||
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: $main-icon-menu-width;
|
||||
}
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&.enlarge-menu-all {
|
||||
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.navbar-custom {
|
||||
margin-left: $leftbar-width-collapsed;
|
||||
.responsive-logo{
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.enlarge-menu {
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.enlarge-menu-all{
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.main-menu-inner{
|
||||
.menu-body{
|
||||
.nav-link.with-sub::after {
|
||||
margin-left: auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1024px){
|
||||
.topbar .navbar-custom {
|
||||
margin-right: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
&.last-elements {
|
||||
.submenu {
|
||||
right: auto;
|
||||
left: 0;
|
||||
>li.has-submenu {
|
||||
.submenu {
|
||||
right: auto; //right: auto; if you want submenu right
|
||||
left: 100%; // left: 100%; if you want submenu right
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
>li{
|
||||
&.has-submenu>a:after {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.submenu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu {
|
||||
text-align: right;
|
||||
>li {
|
||||
>a {
|
||||
&:after {
|
||||
position: absolute;
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
li {
|
||||
&.has-submenu>a:after {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
&.megamenu>li>ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-header {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
[data-layout="horizontal"] {
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topbar{
|
||||
.topbar-left{
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
//
|
||||
// Text
|
||||
//
|
||||
|
||||
.text-monospace { font-family: $font-family-monospace !important; }
|
||||
|
||||
// Alignment
|
||||
|
||||
.text-justify { text-align: justify !important; }
|
||||
.text-wrap { white-space: normal !important; }
|
||||
.text-nowrap { white-space: nowrap !important; }
|
||||
.text-truncate { @include text-truncate; }
|
||||
|
||||
// Responsive alignment
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.text#{$infix}-left { text-align: right !important; }
|
||||
.text#{$infix}-right { text-align: left !important; }
|
||||
.text#{$infix}-center { text-align: center !important; }
|
||||
}
|
||||
}
|
||||
|
||||
// Transformation
|
||||
|
||||
.text-lowercase { text-transform: lowercase !important; }
|
||||
.text-uppercase { text-transform: uppercase !important; }
|
||||
.text-capitalize { text-transform: capitalize !important; }
|
||||
|
||||
// Weight and italics
|
||||
|
||||
.font-weight-light { font-weight: $font-weight-light !important; }
|
||||
.font-weight-lighter { font-weight: $font-weight-lighter !important; }
|
||||
.font-weight-normal { font-weight: $font-weight-normal !important; }
|
||||
.font-weight-bold { font-weight: $font-weight-bold !important; }
|
||||
.font-weight-bolder { font-weight: $font-weight-bolder !important; }
|
||||
.font-italic { font-style: italic !important; }
|
||||
|
||||
// Contextual colors
|
||||
|
||||
.text-white { color: $white !important; }
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include text-emphasis-variant(".text-#{$color}", $value);
|
||||
}
|
||||
|
||||
.text-body { color: $body-color !important; }
|
||||
.text-muted { color: $text-muted !important; }
|
||||
|
||||
.text-black-50 { color: rgba($black, .5) !important; }
|
||||
.text-white-50 { color: rgba($white, .5) !important; }
|
||||
|
||||
// Misc
|
||||
|
||||
.text-hide {
|
||||
@include text-hide($ignore-warning: true);
|
||||
}
|
||||
|
||||
.text-decoration-none { text-decoration: none !important; }
|
||||
|
||||
.text-break {
|
||||
word-break: break-word !important; // IE & < Edge 18
|
||||
overflow-wrap: break-word !important;
|
||||
}
|
||||
|
||||
// Reset
|
||||
|
||||
.text-reset { color: inherit !important; }
|
||||
Reference in New Issue
Block a user