rtl.scss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. $form: #{$prefix}-form;
  2. $field: #{$prefix}-form-field;
  3. $group: #{$prefix}-form-field-group;
  4. $col: #{$form}-col;
  5. $checkboxGroup: #{$prefix}-checkboxGroup;
  6. $radioGroup: #{$prefix}-radioGroup;
  7. $switch: #{$prefix}-switch;
  8. $rating: #{$prefix}-rating;
  9. .#{$prefix}-rtl,
  10. .#{$prefix}-portal-rtl {
  11. .#{$form} {
  12. direction: rtl;
  13. &-horizontal {
  14. .#{$field} {
  15. margin-left: 0;
  16. margin-right: 0;
  17. padding-right: 0;
  18. padding-left: $spacing-form_field_horizontal-paddingRight;
  19. &:last-child {
  20. margin-left: $spacing-form_field_horizontal-paddingRight;
  21. }
  22. }
  23. .#{$group} {
  24. padding-right: 0;
  25. padding-left: $spacing-form_field_group_horizontal-paddingRight;
  26. }
  27. }
  28. &-field-label {
  29. padding-right: 0;
  30. padding-left: $spacing-form_label-paddingRight;
  31. &-with-extra {
  32. .#{$field}-label-extra {
  33. margin-left: 0;
  34. margin-right: $spacing-form_label_extra-marginLeft;
  35. }
  36. }
  37. &-required {
  38. .#{$field}-label-text {
  39. &::after {
  40. content: "*";
  41. margin-left: 0;
  42. margin-right: $spacing-form_label_required-marginLeft;
  43. }
  44. }
  45. }
  46. &-left {
  47. text-align: right;
  48. }
  49. &-right {
  50. text-align: left;
  51. }
  52. }
  53. }
  54. .#{$field} {
  55. direction: rtl;
  56. &[x-label-pos="left"] {
  57. .#{$field}-label {
  58. margin-right: 0;
  59. margin-left: $spacing-form_label_posLeft-marginRight;
  60. }
  61. }
  62. }
  63. .#{$field} {
  64. &-validate-status-icon {
  65. margin-right: 0;
  66. margin-left: $spacing-form_statusIcon-marginRight;
  67. }
  68. }
  69. // section
  70. .#{$form}-section {
  71. direction: rtl;
  72. }
  73. }