You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_form.scss 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /*
  2. * DreamTime.
  3. * Copyright (C) DreamNet. All rights reserved.
  4. *
  5. * This program is free software: you can redistribute it and/or modify
  6. * it under the terms of the GNU General Public License 3.0 as published by
  7. * the Free Software Foundation. See <https://www.gnu.org/licenses/gpl-3.0.html>
  8. *
  9. * Written by Ivan Bravo Bravo <ivan@dreamnet.tech>, 2019.
  10. */
  11. .field {
  12. @apply mb-4;
  13. .field-help {
  14. @apply block text-xs text-gray-600;
  15. }
  16. }
  17. .label {
  18. @apply block font-bold mb-2;
  19. }
  20. label[for] {
  21. @apply cursor-pointer;
  22. }
  23. input[type="checkbox"] {
  24. @apply bg-primary;
  25. }
  26. .input {
  27. @apply border border-input-light bg-input text-common;
  28. @apply p-2 rounded w-full;
  29. @include transition('background-color, color');
  30. outline: none !important;
  31. &:hover, &:focus {
  32. @apply text-white bg-input-light;
  33. }
  34. &::placeholder {
  35. @apply text-common-dark;
  36. }
  37. &[disabled] {
  38. @apply opacity-75 cursor-not-allowed;
  39. }
  40. &[readonly] {
  41. @apply text-common-light #{!important};
  42. @apply cursor-default;
  43. }
  44. &.input--sm {
  45. @apply text-sm px-2;
  46. }
  47. }