theme-base.components.input._inplace.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of primefaces-themes

There is a newer version: 15.0.0

@use 'sass:math';

body {
  .ui-inplace {
    .ui-inplace-display {
      padding: $inplacePadding;
      border-radius: $borderRadius;

      &.ui-state-highlight {
        background: $inplaceHoverBg;
        color: $inplaceTextHoverColor;
        transition: $transition;
      }

      &.ui-state-focus {
        @include focused-input();
      }
    }

    .ui-inplace-save {
      .ui-icon {
        @include icon-override("\e909");
      }
    }

    .ui-inplace-cancel {
      margin-left: math.div($inlineSpacing, 2);
      .ui-icon {
        @include icon-override("\e90b");
      }
    }

    .ui-inplace-editor {
      margin-left: $inlineSpacing;

      .ui-button-icon-only {
        .ui-button-text {
          padding: $buttonIconOnlyPadding;
        }
      }
    }
  }
}