@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  /* webkit-line-clamp and webkit-box-orient are yet implemented in tailwind */
  .text-ellipsis-two-lines {
    @apply text-ellipsis overflow-hidden h-10;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

/*
  overflow: overlay stops page relayout when the scrollbar apears. Isn't yet implemented in tailwind
*/
body {
  overflow: overlay;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

form.filter-form input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* removes x from search bar */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* handles inline editablilty */
.inline-action { display: none;}
.inline-edit .inline-action { display: initial;}