_forms.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*
  2. * Component: Form
  3. * ---------------
  4. */
  5. .form-group {
  6. &.has-icon {
  7. position: relative;
  8. .form-control {
  9. padding-right: 35px;
  10. }
  11. .form-icon {
  12. cursor: pointer;
  13. position: absolute;
  14. right: 3px;
  15. top: 0;
  16. padding: $input-btn-padding-y $input-btn-padding-x;
  17. // margin-top: -3px;
  18. border: 0;
  19. background-color: transparent;
  20. font-size: 1rem;
  21. }
  22. }
  23. }
  24. /* button groups */
  25. .btn-group-vertical {
  26. .btn {
  27. &.btn-flat:first-of-type, &.btn-flat:last-of-type {
  28. @include border-radius(0);
  29. }
  30. }
  31. }
  32. /* Support Font Awesome icons in form-control */
  33. .form-control-feedback.fa {
  34. line-height: $input-height;
  35. }
  36. .input-lg + .form-control-feedback.fa,
  37. .input-group-lg + .form-control-feedback.fa,
  38. .form-group-lg .form-control + .form-control-feedback.fa {
  39. line-height: $input-height-lg;
  40. }
  41. .input-sm + .form-control-feedback.fa,
  42. .input-group-sm + .form-control-feedback.fa,
  43. .form-group-sm .form-control + .form-control-feedback.fa {
  44. line-height: $input-height-sm;
  45. }
  46. label:not(.form-check-label, .custom-file-label) {
  47. font-weight: $font-weight-bold;
  48. }