rtl.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. $module: #{$prefix}-descriptions;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. th {
  7. direction: rtl;
  8. padding-right: 0;
  9. padding-left: $spacing-descriptions_th-paddingRight;
  10. }
  11. & .#{$module}-item {
  12. text-align: right;
  13. }
  14. &-center {
  15. .#{$module}-item-th {
  16. text-align: left;
  17. }
  18. .#{$module}-item-td {
  19. text-align: right;
  20. }
  21. }
  22. &-left {
  23. .#{$module}-item-th,
  24. .#{$module}-item-td {
  25. text-align: left;
  26. }
  27. }
  28. &-justify {
  29. .#{$module}-item-th {
  30. text-align: right;
  31. }
  32. .#{$module}-item-td {
  33. text-align: left;
  34. }
  35. }
  36. &-plain {
  37. .#{$module}-key,
  38. .#{$module}-value {
  39. display: inline-block;
  40. }
  41. .#{$module}-value {
  42. padding-left: 0;
  43. padding-right: $spacing-descriptions_value_plain-paddingLeft;
  44. & .#{$prefix}-tag {
  45. vertical-align: middle;
  46. }
  47. }
  48. }
  49. &-double {
  50. direction: rtl;
  51. & .#{$module}-item {
  52. text-align: right;
  53. }
  54. &-small {
  55. .#{$module}-item {
  56. padding-right: 0;
  57. padding-left: $spacing-descriptions_item_small-paddingRight;
  58. }
  59. }
  60. &-medium {
  61. .#{$module}-item {
  62. padding-right: 0;
  63. padding-left: $spacing-descriptions_item_medium-paddingRight;
  64. }
  65. }
  66. &-large {
  67. .#{$module}-item {
  68. padding-right: 0;
  69. padding-left: $spacing-descriptions_item_large-paddingRight;
  70. }
  71. }
  72. }
  73. }
  74. }