_forms.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* Forms */
  2. .form-group {
  3. margin-bottom: 1.5rem;
  4. }
  5. .input-group-append,
  6. .input-group-prepend {
  7. color: $input-placeholder-color;
  8. width: auto;
  9. border: none;
  10. .input-group-text {
  11. border-color: $border-color;
  12. padding: $input-padding-y .75rem;
  13. color: $input-placeholder-color;
  14. }
  15. }
  16. .form-control {
  17. border: 1px solid $border-color;
  18. font-family: $type1-regular;
  19. font-size: $input-font-size;
  20. }
  21. select {
  22. &.form-control {
  23. padding: .4375rem .75rem;
  24. border: 0;
  25. outline: 1px solid $border-color;
  26. color: $input-placeholder-color;
  27. &:focus {
  28. outline: 1px solid $border-color;
  29. }
  30. @each $color, $value in $theme-colors {
  31. &.border-#{$color} {
  32. outline: 1px solid $value;
  33. &:focus {
  34. outline: 1px solid $value;
  35. }
  36. }
  37. }
  38. }
  39. }
  40. .form-group {
  41. label {
  42. font-size: $default-font-size;
  43. line-height: 1;
  44. vertical-align: top;
  45. margin-bottom: .5rem;
  46. }
  47. &.has-danger {
  48. .form-control {
  49. border-color: theme-color(danger);
  50. }
  51. }
  52. .file-upload-default {
  53. visibility: hidden;
  54. position: absolute;
  55. }
  56. .file-upload-info {
  57. background: transparent;
  58. }
  59. }