client/src/sass/class-helpers/_custom-bootstrap-helpers.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 // Font sizes
   5
   6 .fs-5-5 {
   7   @include font-size(18px);
   8 }
   9
  10 .fs-7 {
  11   @include font-size(14px);
  12 }
  13
  14 // Handle dynamically RTL layouts
  15
  16 .text-start {
  17   text-align: start !important;
  18 }
  19
  20 .text-end {
  21   text-align: end !important;
  22 }
  23
  24 // ---
  25
  26
  27 .ms-0 {
  28   @include margin-left(0 !important);
  29
  30   margin-left: inherit !important;
  31 }
  32
  33 .ms-1 {
  34   @include margin-left(0.25rem !important);
  35
  36   margin-left: inherit !important;
  37 }
  38
  39 .ms-2 {
  40   @include margin-left(0.5rem !important);
  41
  42   margin-left: inherit !important;
  43 }
  44
  45 .ms-3 {
  46   @include margin-left(1rem !important);
  47
  48   margin-left: inherit !important;
  49 }
  50
  51 .ms-4 {
  52   @include margin-left(1.5rem !important);
  53
  54   margin-left: inherit !important;
  55 }
  56
  57 .ms-5 {
  58   @include margin-left(3rem !important);
  59
  60   margin-left: inherit !important;
  61 }
  62
  63 .ms-auto {
  64   @include margin-left(auto !important);
  65
  66   margin-left: inherit !important;
  67 }
  68
  69 // ---
  70
  71 .me-0 {
  72   @include margin-right(0 !important);
  73
  74   margin-right: inherit !important;
  75 }
  76
  77 .me-1 {
  78   @include margin-right(0.25rem !important);
  79
  80   margin-right: inherit !important;
  81 }
  82
  83 .me-2 {
  84   @include margin-right(0.5rem !important);
  85
  86   margin-right: inherit !important;
  87 }
  88
  89 .me-3 {
  90   @include margin-right(1rem !important);
  91
  92   margin-right: inherit !important;
  93 }
  94
  95 .me-4 {
  96   @include margin-right(1.5rem !important);
  97
  98   margin-right: inherit !important;
  99 }
 100
 101 .me-5 {
 102   @include margin-right(3rem !important);
 103
 104   margin-right: inherit !important;
 105 }
 106
 107 .me-auto {
 108   @include margin-right(auto !important);
 109
 110   margin-right: inherit !important;
 111 }
 112
 113 // ---
 114
 115 .ps-0 {
 116   @include padding-left(0 !important);
 117
 118   padding-left: inherit !important;
 119 }
 120
 121 .ps-1 {
 122   @include padding-left(0.25rem !important);
 123
 124   padding-left: inherit !important;
 125 }
 126
 127 .ps-2 {
 128   @include padding-left(0.5rem !important);
 129
 130   padding-left: inherit !important;
 131 }
 132
 133 .ps-3 {
 134   @include padding-left(1rem !important);
 135
 136   padding-left: inherit !important;
 137 }
 138
 139 .ps-4 {
 140   @include padding-left(1.5rem !important);
 141
 142   padding-left: inherit !important;
 143 }
 144
 145 .ps-5 {
 146   @include padding-left(3rem !important);
 147
 148   padding-left: inherit !important;
 149 }
 150
 151 // ---
 152
 153 .pe-0 {
 154   @include padding-right(0 !important);
 155
 156   padding-right: inherit !important;
 157 }
 158
 159 .pe-1 {
 160   @include padding-right(0.25rem !important);
 161
 162   padding-right: inherit !important;
 163 }
 164
 165 .pe-2 {
 166   @include padding-right(0.5rem !important);
 167
 168   padding-right: inherit !important;
 169 }
 170
 171 .pe-3 {
 172   @include padding-right(1rem !important);
 173
 174   padding-right: inherit !important;
 175 }
 176
 177 .pe-4 {
 178   @include padding-right(1.5rem !important);
 179
 180   padding-right: inherit !important;
 181 }
 182
 183 .pe-5 {
 184   @include padding-right(3rem !important);
 185
 186   padding-right: inherit !important;
 187 }