rtl.scss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. &-with-extra {
  31. .#{$field}-label-extra {
  32. margin-left: 0;
  33. margin-right: $spacing-form_label_extra-marginLeft;
  34. }
  35. }
  36. &-required {
  37. .#{$field}-label-text {
  38. &::after {
  39. content: "*";
  40. margin-left: 0;
  41. margin-right: $spacing-form_label_required-marginLeft;
  42. }
  43. }
  44. }
  45. &-left {
  46. text-align: right;
  47. }
  48. &-right {
  49. text-align: left;
  50. }
  51. }
  52. }
  53. .#{$field} {
  54. direction: rtl;
  55. &[x-label-pos="left"] {
  56. .#{$field}-label {
  57. margin-right: 0;
  58. margin-left: $spacing-form_label_posLeft-marginRight;
  59. }
  60. }
  61. }
  62. .#{$field} {
  63. &-validate-status-icon {
  64. margin-right: 0;
  65. margin-left: $spacing-form_statusIcon-marginRight;
  66. }
  67. }
  68. // section
  69. .#{$form}-section {
  70. direction: rtl;
  71. }
  72. }