@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

@mixin cap-image-url-spec-text {
  .image-dimension,
  .image-size,
  .image-format {
    color: $CAP_G01;
  }
}

.cap-image-url-upload {
  .image-url-input {
    width: 100%;
  }

  .validation-label,
  .uploading-label {
    margin-top: $CAP_SPACE_08;
  }

  .image-url-error {
    margin-top: $CAP_SPACE_04;
  }

  .webpush-image-specs {
    @include cap-image-url-spec-text;
  }

  .webpush-container & {
    .webpush-image-specs {
      @include cap-image-url-spec-text;
    }
  }
}

