@use "../../util/scss/besm.scss" as *;

@use "sass:map";

@mixin cx-labelsleftlayout($name: "labelsleftlayout", $besm: $cx-besm) {
   $block: map.get($besm, block);
   $element: map.get($besm, element);
   $state: map.get($besm, state);
   $mod: map.get($besm, mod);

   .#{$block}labelsleftlayout {
      border-spacing: 0;

      &.#{$mod}stretch {
         width: 100%;

         .#{$element}labelsleftlayout-label {
            width: 5em;

            .#{$block}label {
               white-space: nowrap;
            }
         }
      }
   }

   .#{$element}labelsleftlayout-field {
      padding: 5px 0 5px 5px;
   }

   .#{$element}labelsleftlayout-label {
      text-align: right;
      vertical-align: top;

      padding: 5px 5px 5px 0;

      .#{$block}label {
         padding-right: 0;
      }
   }
}

@if (cx-should-include("cx/ui/LabelsLeftLayout")) {
   @include cx-labelsleftlayout();
}