_forms.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .input-group-text {
  2. color: $Color-Text-Main;
  3. background-color: $Color-Body-Light;
  4. border: 1px solid #686881;
  5. }
  6. .form-control,
  7. .form-select,
  8. select,
  9. optgroup,
  10. textarea,
  11. // input,
  12. input[type="text"],
  13. input[type="color"],
  14. input[type="date"],
  15. input[type="datetime-local"],
  16. input[type="email"],
  17. input[type="file"],
  18. input[type="image"],
  19. input[type="month"],
  20. input[type="number"],
  21. input[type="password"],
  22. input[type="range"],
  23. input[type="search"],
  24. input[type="tel"],
  25. input[type="time"],
  26. input[type="url"],
  27. input[type="week"] {
  28. padding: 5px 10px;
  29. display: inline-block;
  30. background-color: $Color-Body-Light;
  31. border: 1px solid #686881;
  32. color: $Color-Text-Main;
  33. border-radius: 10px;
  34. box-sizing: border-box;
  35. line-height: normal;
  36. vertical-align: middle;
  37. // @include mobile() {
  38. // width: 100%;
  39. // padding: 1.8vw 3vw;
  40. // border-radius: 6vw;
  41. // }
  42. &:focus {
  43. box-shadow: unset;
  44. }
  45. }
  46. .form-select,
  47. select.form-control {
  48. appearance: auto;
  49. }
  50. // .input-group-prepend,
  51. // .input-group-append {
  52. // border: 1px solid #686881;
  53. // }
  54. // .textfield {
  55. // width: 100%;
  56. // }
  57. .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  58. .btn-group > .btn-group:not(:last-child) > .btn {
  59. border-top-right-radius: 0;
  60. border-bottom-right-radius: 0;
  61. margin-inline-end: 0;
  62. }
  63. .btn-group > .btn:not(:first-child),
  64. .btn-group > .btn-group:not(:first-child) > .btn {
  65. border-top-left-radius: 0;
  66. border-bottom-left-radius: 0;
  67. margin-inline-start: 0;
  68. }
  69. select#fieldsSelect,
  70. textarea#sqlquery {
  71. margin: 0;
  72. height: 20rem;
  73. }