Contents

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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

html {
  font-size: 20px
}

.form-errors {
  color: red;
}

.field_with_errors .input-bordered {
  border: 1px solid red;
  margin-bottom: 0;
}

/* Animation                                               */
/*                                                         */
/* Got it from here:                                       */
/* https://edforshaw.co.uk/hotwire-turbo-stream-animations */
/* and here:                                               */
/* https://stackoverflow.com/a/61306871/4072276            */

.animate-in {
  animation: slide-in 0.25s ease-out;
}

.animate-out {
  animation: slide-out 0.25s ease-out;
}

@keyframes slide-in {
  from { transform: translateX(4rem); }
  to { transform: translateX(0); }
}

@keyframes slide-out {
  from { transform: translateX(0); }
  to { transform: translateX(4rem); }
}

.animate-item-in {
  transition-duration: 0.25s;
  animation: addRow 0.25s ease-in;
  transform-origin: top;
}

.animate-item-out {
  transition-duration: 0.25s;
  animation: removeRow 0.25s ease-in;
  transform-origin: bottom;
}

@keyframes addRow {
  0% {
    transform: scale(1, 0);
    line-height: 0px;
    background-color: #fff;
    visibility: collapse;
  }
  50% {
    transform: scale(1, 1);
    line-height: 20px;
    visibility: visible;
  }
  100% {
  }
}

@keyframes removeRow {
  100% {
    transform: scale(1, 1);
    line-height: 20px;
    visibility: visible;
  }
  50% {
    transform: scale(1, 0);
    line-height: 0px;
    background-color: #fff;
    visibility: collapse;
  }
  0% {
  }
}
.flash {
  height: 70px;
  margin-bottom: 2rem;
}

.alert-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--su)/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

Version data entries

153 entries across 77 versions & 1 rubygems

Version	Path
rails_app_generator-0.3.6	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.6	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.5	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.5	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.4	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.4	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.3	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.3	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.2	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.2	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.1	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.1	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.3.0	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.3.0	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.2.43	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.2.43	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.2.42	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.2.42	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css
rails_app_generator-0.2.41	after_templates/rag/tailwind_hotwire_form/application.tailwind.css
rails_app_generator-0.2.41	after_templates/rag/tailwind_hotwire_form_search/application.tailwind.css