[Summary view] [Print] [Text view]

   1  // Bootstrap rtl overrides
   2  
   3  .float-start {
   4    float: right !important;
   5  }
   6  
   7  .float-end {
   8    float: left !important;
   9  }
  10  
  11  .modal-header {
  12    .btn-close {
  13      margin: -.5rem auto -.5rem -.5rem;
  14    }
  15  }
  16  
  17  .text-start {
  18    text-align: right !important;
  19  }
  20  
  21  .text-end {
  22    text-align: left !important;
  23  }
  24  
  25  .me-0 {
  26    margin-right: auto !important;
  27    margin-left: 0 !important;
  28  }
  29  
  30  .me-1 {
  31    margin-right: auto !important;
  32    margin-left: .25rem !important;
  33  }
  34  
  35  .me-2 {
  36    margin-right: auto !important;
  37    margin-left: .5rem !important;
  38  }
  39  
  40  .me-3 {
  41    margin-right: auto !important;
  42    margin-left: 1rem !important;
  43  }
  44  
  45  .me-4 {
  46    margin-right: auto !important;
  47    margin-left: 1.5rem !important;
  48  }
  49  
  50  .me-5 {
  51    margin-right: auto !important;
  52    margin-left: 3rem !important;
  53  }
  54  
  55  .me-auto {
  56    margin-right: 0 !important;
  57    margin-left: auto !important;
  58  }
  59  
  60  .ms-0 {
  61    margin-right: 0 !important;
  62    margin-left: auto !important;
  63  }
  64  
  65  .ms-1 {
  66    margin-right: .25rem !important;
  67    margin-left: auto !important;
  68  }
  69  
  70  .ms-2 {
  71    margin-right: .5rem !important;
  72    margin-left: auto !important;
  73  }
  74  
  75  .ms-3 {
  76    margin-right: 1rem !important;
  77    margin-left: auto !important;
  78  }
  79  
  80  .ms-4 {
  81    margin-right: 1.5rem !important;
  82    margin-left: auto !important;
  83  }
  84  
  85  .ms-5 {
  86    margin-right: 3rem !important;
  87    margin-left: auto !important;
  88  }
  89  
  90  .ms-auto {
  91    margin-right: auto !important;
  92    margin-left: 0 !important;
  93  }
  94  
  95  .pe-0 {
  96    padding-right: 0 !important;
  97    padding-left: 0 !important;
  98  }
  99  .pe-1 {
 100    padding-right: 0 !important;
 101    padding-left: .25rem !important;
 102  }
 103  .pe-2 {
 104    padding-right: 0 !important;
 105    padding-left: .5rem !important;
 106  }
 107  .pe-3 {
 108    padding-right: 0 !important;
 109    padding-left: 1rem !important;
 110  }
 111  .pe-4 {
 112    padding-right: 0 !important;
 113    padding-left: 1.5rem !important;
 114  }
 115  .pe-5 {
 116    padding-right: 0 !important;
 117    padding-left: 3rem !important;
 118  }
 119  
 120  .ps-0 {
 121    padding-right: 0 !important;
 122    padding-left: 0 !important;
 123  }
 124  .ps-1 {
 125    padding-right: .25rem !important;
 126    padding-left: 0 !important;
 127  }
 128  .ps-2 {
 129    padding-right: .5rem !important;
 130    padding-left: 0 !important;
 131  }
 132  .ps-3 {
 133    padding-right: 1rem !important;
 134    padding-left: 0 !important;
 135  }
 136  .ps-4 {
 137    padding-right: 1.5rem !important;
 138    padding-left: 0 !important;
 139  }
 140  .ps-5 {
 141    padding-right: 3rem !important;
 142    padding-left: 0 !important;
 143  }
 144  
 145  
 146  .input-group {
 147    &:not(.has-validation) {
 148      > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
 149      > .dropdown-toggle:nth-last-child(n + 3) {
 150        @include border-end-radius($border-radius);
 151      }
 152    }
 153  
 154    &.has-validation {
 155      > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
 156      > .dropdown-toggle:nth-last-child(n + 4) {
 157        @include border-end-radius(0);
 158      }
 159    }
 160    $validation-messages: "";
 161    @each $state in map-keys($form-validation-states) {
 162      $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)";
 163    }
 164  
 165    > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
 166      margin-left: -$input-border-width;
 167      @include border-start-radius(0);
 168      @include border-end-radius(0);
 169    }
 170  
 171    > :last-child:not(.dropdown-menu)#{$validation-messages} {
 172      margin-left: -$input-border-width;
 173      @include border-start-radius($border-radius);
 174      @include border-end-radius(0);
 175    }
 176  }
 177  
 178  .dropdown-menu {
 179    text-align: right; // Bootstrap uses left instead of logical properties for this
 180  }