oui-kit/lib/basic/oui-form.styl

🎯 *UI toolkit with a French touch* 🇫🇷

@require "../../stylus/index.styl";

.oui {
  oui-form();

  &-input-container {
    use: stack-x;
    padding-x: 0;

    input {
      use: stack-item-grow;
      width: auto;
      padding-x: 8;
    }

    button {
      cursor: pointer;
      padding-x: 8;
    }

    svg {
      display: flex;
      flex-shrink: 0;
      flex-grow: 0;
      size: 1em;
    }
  }

  &-input-clearable {
    use: center;
    color: var(--s2-fg);
    padding-x: 8;
    cursor: pointer;

    &:hover {
      color: inherit !important;
    }

    svg {
      size: 0.8em;
    }
  }

  /* https://vueuse.org/core/useTextareaAutosize/ */
  &-textarea._autosize {
    resize: none;
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }
}