123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- $module: #{$prefix}-radio;
- $inner-width: $width-icon-medium;
- .#{$prefix}-rtl,
- .#{$prefix}-portal-rtl {
- .#{$module} {
- direction: rtl;
- input[type="checkbox"],
- input[type="radio"] {
- left: auto;
- right: 0;
- }
- &-buttonRadioGroup {
- &:not(:last-child) {
- padding-left: $spacing-radio_buttonRadioGroup-paddingRight;
- }
- }
- &-inner {
- left: auto;
- right: 0;
- &-display {
- left: auto;
- right: 0;
- }
- }
- &-addon {
- padding-left: 0;
- margin-left: 0;
- padding-right: $spacing-radio_addon-paddingLeft;
- margin-right: $spacing-radio_addon-marginLeft;
-
- &-buttonRadio {
- margin-right: $spacing-none;
- }
- }
- &-extra {
- padding-left: 0;
- padding-right: $spacing-radio_extra-paddingLeft;
- }
- }
- &-isCardRadioGroup {
- .#{$module}-inner {
- margin-right: 0;
- margin-left: $spacing-radio_cardRadioGroup_inner-marginRight;
- }
- .#{$module}-addon {
- margin-right: 0;
- padding-right: 0;
- }
- .#{$module}-extra {
- padding-right: 0;
- }
- }
- .#{$module}Group {
- direction: rtl;
- &-horizontal {
- .#{$module} {
- margin-right: 0;
- margin-left: $spacing-radio_group_horizontal-marginRight;
- &:last-of-type {
- margin-left: 0;
- }
- }
- }
- }
- }
|