Importation des concours
This commit is contained in:
hugol
730
public/assets/sass/_rtl.scss
Normal file
730
public/assets/sass/_rtl.scss
Normal file
@@ -0,0 +1,730 @@
|
||||
html[dir="rtl"],
|
||||
body.rtl-mode {
|
||||
direction: rtl;
|
||||
|
||||
.ms-0 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ms-05 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
.ms-1 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
.ms-2 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
.ms-3 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 24px !important;
|
||||
}
|
||||
.ms-4 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 32px !important;
|
||||
}
|
||||
.ms-5 {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
|
||||
.me-0 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
.me-05 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
.me-1 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
.me-2 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
.me-3 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 24px !important;
|
||||
}
|
||||
.me-4 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
.me-5 {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
|
||||
.ps-0 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
.ps-05 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
.ps-1 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
.ps-2 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
.ps-3 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 24px !important;
|
||||
}
|
||||
.ps-4 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 32px !important;
|
||||
}
|
||||
.ps-5 {
|
||||
padding-left: 0px !important;
|
||||
padding-right: 40px !important;
|
||||
}
|
||||
|
||||
.pe-0 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.pe-05 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
.pe-1 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
.pe-2 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
.pe-3 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 24px !important;
|
||||
}
|
||||
.pe-4 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 32px !important;
|
||||
}
|
||||
.pe-5 {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
|
||||
.appHeader {
|
||||
.left {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
.right {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.link-listview,
|
||||
.image-listview {
|
||||
> li {
|
||||
a {
|
||||
padding: 11px 16px 11px 36px;
|
||||
&:after {
|
||||
right: auto;
|
||||
left: 16px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.text {
|
||||
> li:after {
|
||||
left: 0;
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
&.media {
|
||||
> li {
|
||||
.imageWrapper {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.image-listview {
|
||||
> li {
|
||||
&:after {
|
||||
left: 0;
|
||||
right: 68px;
|
||||
}
|
||||
.item {
|
||||
.image,
|
||||
.icon-box {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion {
|
||||
.accordion-header {
|
||||
.btn,
|
||||
.accordion-button {
|
||||
padding: 8px 16px 8px 50px;
|
||||
&:after {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
&:before {
|
||||
left: 0;
|
||||
right: 16px;
|
||||
}
|
||||
i.bi,
|
||||
i.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action-button-list {
|
||||
> li {
|
||||
.btn {
|
||||
.icon,
|
||||
ion-icon {
|
||||
margin-right: -5px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
&.alert-dismissible {
|
||||
padding-right: 14px;
|
||||
padding-left: 56px;
|
||||
}
|
||||
.btn-close {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.img-wrap,
|
||||
.icon-wrap {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
.btn:last-child {
|
||||
border-radius: $borderRadius 0 0 $borderRadius !important;
|
||||
}
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
&:first-child {
|
||||
& + .btn {
|
||||
border-radius: 0 $borderRadius $borderRadius 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-single,
|
||||
.carousel-multiple {
|
||||
.splide__slide {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
}
|
||||
.carousel-small {
|
||||
.splide__slide {
|
||||
margin-right: 8px !important;
|
||||
margin-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.form-check {
|
||||
.form-check-label {
|
||||
padding: 0 32px 0 0;
|
||||
&:after,
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.input-list {
|
||||
.form-check {
|
||||
&:after {
|
||||
margin-left: auto;
|
||||
margin-right: 54px;
|
||||
}
|
||||
.form-check-label {
|
||||
padding: 6px 54px 6px 16px;
|
||||
&:after,
|
||||
&:before {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chip {
|
||||
&.chip-media {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.chip-icon,
|
||||
img {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.chip-delete {
|
||||
margin-left: 0;
|
||||
margin-right: -10px;
|
||||
}
|
||||
}
|
||||
|
||||
.dialogbox {
|
||||
.modal-dialog {
|
||||
.modal-content {
|
||||
.btn-inline {
|
||||
.btn {
|
||||
border-radius: 0 !important;
|
||||
margin-left: 0;
|
||||
margin-right: 1px;
|
||||
&:last-child {
|
||||
margin-right: 1px;
|
||||
}
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
i.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.spinner-border,
|
||||
.spinner-grow {
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.dropdown-toggle {
|
||||
&:after {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
.dropdown,
|
||||
.dropup {
|
||||
.dropdown-menu {
|
||||
.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
.form-label {
|
||||
text-align: start;
|
||||
}
|
||||
.form-control {
|
||||
padding-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
select.form-control {
|
||||
padding-left: 0;
|
||||
}
|
||||
.clear-input {
|
||||
left: -10px;
|
||||
}
|
||||
&.boxed {
|
||||
.clear-input {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.form-control {
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
&.basic {
|
||||
.clear-input {
|
||||
left: -10px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.message-item {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.notification-dialog.android-style {
|
||||
.notification-header {
|
||||
.imaged {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
span {
|
||||
margin-left: 0;
|
||||
margin-right: 6px;
|
||||
&:before {
|
||||
margin-right: 0;
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.notification-content {
|
||||
.in {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
.notification-footer {
|
||||
.notification-button {
|
||||
border-left: 1px solid $colorLine;
|
||||
border-right: 0 !important;
|
||||
&:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notification-dialog.ios-style {
|
||||
.notification-header {
|
||||
.imaged {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
span {
|
||||
margin-left: 6px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.notification-content {
|
||||
.in {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
.notification-footer {
|
||||
.notification-button {
|
||||
border-right: 0;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
||||
&:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
.input-icon {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.form-control {
|
||||
padding: 0 36px 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs.capsuled,
|
||||
.nav-tabs.lined {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.content {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
.text {
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
.dot {
|
||||
left: auto;
|
||||
right: -5px;
|
||||
}
|
||||
&.timed {
|
||||
padding-left: 0;
|
||||
padding-right: 80px;
|
||||
&:before {
|
||||
right: 80px;
|
||||
}
|
||||
.time {
|
||||
left: auto;
|
||||
right: -80px;
|
||||
text-align: left;
|
||||
padding-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toast-box {
|
||||
.in {
|
||||
padding-right: 0;
|
||||
padding-left: 20px;
|
||||
.icon,
|
||||
ion-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
&.toast-center {
|
||||
.in {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-switch {
|
||||
.form-check-label {
|
||||
&:before {
|
||||
left: 4px;
|
||||
top: 3px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panelbox-left,
|
||||
.panelbox-right {
|
||||
.link-listview {
|
||||
> li {
|
||||
a {
|
||||
padding: 10px 16px 10px 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.image-listview {
|
||||
> li {
|
||||
a.item {
|
||||
padding-right: 16px;
|
||||
padding-left: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-end {
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-start {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
#sidebarPanel {
|
||||
.profileBox {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:before{
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.image-wrapper {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.in {
|
||||
padding-right: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.close-sidebar-button {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image-listview .multi-level,
|
||||
.multi-level {
|
||||
> ul {
|
||||
> li {
|
||||
a,
|
||||
.item {
|
||||
padding-left: 36px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-block {
|
||||
.item {
|
||||
.avatar {
|
||||
margin-right: 0;
|
||||
margin-left: 14px;
|
||||
}
|
||||
.comment-header {
|
||||
.title {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
.comment-footer {
|
||||
.comment-button {
|
||||
margin-right: 0;
|
||||
margin-left: 14px;
|
||||
i.bi,
|
||||
i.icon,
|
||||
ion-icon {
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stepper {
|
||||
.stepper-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin stepperOutlineColorRTL($color) {
|
||||
.stepper-button {
|
||||
&:first-child {
|
||||
border-right: 2px solid $color;
|
||||
border-left: 0;
|
||||
border-radius: 0 $borderRadius $borderRadius 0;
|
||||
}
|
||||
&:last-child {
|
||||
border-left: 2px solid $color;
|
||||
border-right: 0;
|
||||
border-radius: $borderRadius 0 0 $borderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stepper-outline-primary {
|
||||
@include stepperOutlineColorRTL($colorPrimary);
|
||||
}
|
||||
.stepper-outline-secondary {
|
||||
@include stepperOutlineColorRTL($colorSecondary);
|
||||
}
|
||||
.stepper-outline-danger {
|
||||
@include stepperOutlineColorRTL($colorDanger);
|
||||
}
|
||||
.stepper-outline-success {
|
||||
@include stepperOutlineColorRTL($colorSuccess);
|
||||
}
|
||||
.stepper-outline-warning {
|
||||
@include stepperOutlineColorRTL($colorWarning);
|
||||
}
|
||||
.stepper-outline-info {
|
||||
@include stepperOutlineColorRTL($colorInfo);
|
||||
}
|
||||
.stepper-outline-dark {
|
||||
@include stepperOutlineColorRTL(#333);
|
||||
}
|
||||
|
||||
#search {
|
||||
.searchbox {
|
||||
.close {
|
||||
left: 8px;
|
||||
right: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.profile-head {
|
||||
.avatar {
|
||||
margin-left: 16px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.profile-stats {
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
.rate-block {
|
||||
i.bi,
|
||||
ion-icon,
|
||||
i.icon {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
.in {
|
||||
.text {
|
||||
margin-left: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.invoice {
|
||||
.invoice-person {
|
||||
.invoice-to,
|
||||
.i {
|
||||
padding-left: 12px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.invoice-from {
|
||||
padding-right: 12px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.story-block {
|
||||
.splide__slide {
|
||||
padding-right: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
padding-left: 26px !important;
|
||||
margin-left: -10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group.boxed,
|
||||
.form-group.basic {
|
||||
.form-control.form-select {
|
||||
background-position: left center !important;
|
||||
}
|
||||
}
|
||||
.form-group.boxed {
|
||||
.form-control.form-select {
|
||||
background-position: left 12px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user