1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- $form: #{$prefix}-form;
- $field: #{$prefix}-form-field;
- $group: #{$prefix}-form-field-group;
- $col: #{$form}-col;
- $checkboxGroup: #{$prefix}-checkboxGroup;
- $radioGroup: #{$prefix}-radioGroup;
- $switch: #{$prefix}-switch;
- $rating: #{$prefix}-rating;
- .#{$prefix}-rtl,
- .#{$prefix}-portal-rtl {
- .#{$form} {
- direction: rtl;
- &-horizontal {
- .#{$field} {
- margin-left: 0;
- margin-right: 0;
- padding-right: 0;
- padding-left: $spacing-form_field_horizontal-paddingRight;
-
- &:last-child {
- margin-left: $spacing-form_field_horizontal-paddingRight;
- }
- }
-
- .#{$group} {
- padding-right: 0;
- padding-left: $spacing-form_field_group_horizontal-paddingRight;
- }
- }
-
- &-field-label {
- padding-right: 0;
- padding-left: $spacing-form_label-paddingRight;
-
- &-with-extra {
- .#{$field}-label-extra {
- margin-left: 0;
- margin-right: $spacing-form_label_extra-marginLeft;
- }
- }
-
- &-required {
- .#{$field}-label-text {
- &::after {
- content: "*";
- margin-left: 0;
- margin-right: $spacing-form_label_required-marginLeft;
- }
- }
- }
-
- &-left {
- text-align: right;
- }
-
- &-right {
- text-align: left;
- }
- }
- }
-
- .#{$field} {
- direction: rtl;
- &[x-label-pos="left"] {
- .#{$field}-label {
- margin-right: 0;
- margin-left: $spacing-form_label_posLeft-marginRight;
- }
- }
- }
-
- .#{$field} {
- &-validate-status-icon {
- margin-right: 0;
- margin-left: $spacing-form_statusIcon-marginRight;
- }
- }
-
- // section
- .#{$form}-section {
- direction: rtl;
- }
- }
|