chamilo-lms/assets/css/app.scss

@import "tailwindcss/base";

@layer base {
    [type='text'],
    [type='email'],
    [type='url'],
    [type='password'],
    [type='number'],
    [type='date'],
    [type='datetime-local'],
    [type='month'],
    [type='search'],
    [type='tel'],
    [type='time'],
    [type='week'],
    [multiple],
    textarea,
    select {
      @apply rounded border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500;
    }

    [type='checkbox'],
    [type='radio'] {
      @apply rounded border-gray-300 text-blue-600 focus:ring-blue-500;
    }
}

@import "tailwindcss/components";
@import "tailwindcss/utilities";

// Disable bootstrap
//@import 'bootstrap.scss';

// undo
//@import "~@fortawesome/fontawesome-free/css/all.css";
//@import '~cropper/dist/cropper.css';
//@import '~flag-icon-css/sass/flag-icon.scss';
//@import "~select2/dist/css/select2.css";
//@import "~bootstrap-daterangepicker/daterangepicker.css";
//@import "~bootstrap-select/sass/bootstrap-select";
//@import '~pretty-checkbox/src/pretty-checkbox.scss';
//@import '~jquery-ui/themes/base/all.css';

@layer components {

  .card {
    @apply bg-white rounded shadow-lg;
  }

  .card-body {
    //@apply p-2;
  }

  //ripple
  .btn {
    //@apply inline-block text-black px-4 py-2 text-xs font-medium leading-6 text-center bg-gray-100 uppercase transition rounded shadow hover:shadow-lg focus:outline-none;
    //disabled:cursor-not-allowed
    //@apply block px-4 py-2 transition duration-100 ease-in-out focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 ;
    @apply h-10 inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500;
  }

  .btn-primary {
    @apply text-white bg-blue-700 hover:bg-blue-800;
  }

  .btn-danger {
    @apply text-white bg-red-700 hover:bg-red-800;
  }

  .btn > .fa {
    @apply -ml-1 mr-1 h-4 w-5 fill-current ;
  }

  .help-block {
    @apply mt-2 text-xs text-gray-500;
  }

  .has-error .ch-form-label {
    @apply h-8 text-red-500;
  }

  .has-error .help-block {
    @apply text-red-500 italic text-xs;
  }

  .has-error .ch-form-control {
    @apply border-red-500;
  }

  table {
      @apply min-w-full divide-y divide-gray-200;
  }

  table thead {
    @apply bg-gray-50;
  }

  table tbody {
    @apply bg-white divide-y divide-gray-200;
  }

  //.q-card {
  //  @apply max-w-sm rounded bg-white overflow-hidden shadow-lg mt-6;
  //}

  //.ch-form-control {
  //  @apply appearance-none block w-full text-gray-700 border-blue-500 rounded py-3 px-4 mb-3 leading-tight;
  //}
  //
  ////
  //.ch-form-label {
  //  @apply text-gray-500 font-bold;
  //}
  .p-component {
    font-size: 13px;
  }

  .p-datatable .p-datatable-tbody > tr > td {
  }

  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  @import "scss/index.scss";
}

a.router-link-exact-active {
  //@apply border-b-2 bg-gray-100 border-gray-500 text-gray-500 rounded-t;
}

@import 'primevue-md-light-indigo/theme.css';
@import '~primevue/resources/primevue.min.css';
//@import '~primeflex/primeflex.css';
@import "~primeicons/primeicons.css";

//@import "~jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon.css";
//@import "~@fancyapps/fancybox/dist/jquery.fancybox.css";
//@import "~jquery-contextmenu/dist/jquery.contextMenu.css";
//@import '~pretty-checkbox/src/pretty-checkbox.scss';