rtl.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. $module: #{$prefix}-radio;
  2. $inner-width: $width-icon-medium;
  3. .#{$prefix}-rtl,
  4. .#{$prefix}-portal-rtl {
  5. .#{$module} {
  6. direction: rtl;
  7. input[type="checkbox"],
  8. input[type="radio"] {
  9. left: auto;
  10. right: 0;
  11. }
  12. &-buttonRadioGroup {
  13. &:not(:last-child) {
  14. padding-left: $spacing-radio_buttonRadioGroup-paddingRight;
  15. }
  16. }
  17. &-inner {
  18. left: auto;
  19. right: 0;
  20. &-display {
  21. left: auto;
  22. right: 0;
  23. }
  24. }
  25. &-addon {
  26. padding-left: 0;
  27. margin-left: 0;
  28. padding-right: $spacing-radio_addon-paddingLeft;
  29. margin-right: $spacing-radio_addon-marginLeft;
  30. &-buttonRadio {
  31. margin-right: $spacing-none;
  32. }
  33. }
  34. &-extra {
  35. padding-left: 0;
  36. padding-right: $spacing-radio_extra-paddingLeft;
  37. }
  38. }
  39. &-isCardRadioGroup {
  40. .#{$module}-inner {
  41. margin-right: 0;
  42. margin-left: $spacing-radio_cardRadioGroup_inner-marginRight;
  43. }
  44. .#{$module}-addon {
  45. margin-right: 0;
  46. padding-right: 0;
  47. }
  48. .#{$module}-extra {
  49. padding-right: 0;
  50. }
  51. }
  52. .#{$module}Group {
  53. direction: rtl;
  54. &-horizontal {
  55. .#{$module} {
  56. margin-right: 0;
  57. margin-left: $spacing-radio_group_horizontal-marginRight;
  58. &:last-of-type {
  59. margin-left: 0;
  60. }
  61. }
  62. }
  63. }
  64. }