_form-group-invisible.scss 918 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. // FORM GROUP INVISIBLE
  2. // -----------------------------------------------------------------------------
  3. /* Form Group Invisible */
  4. .form-group-invisible {
  5. position: relative;
  6. &.focus {
  7. .control-label-invisible {
  8. color: #0088cc;
  9. }
  10. }
  11. .control-label-invisible {
  12. bottom: 0;
  13. display: block;
  14. float: none;
  15. left: 0;
  16. line-height: 64px;
  17. margin: 0;
  18. padding-left: 50px;
  19. position: absolute;
  20. right: 0;
  21. top: -15px;
  22. @include transition( color ease-in-out .15s );
  23. width: auto;
  24. }
  25. .form-control-invisible {
  26. &,
  27. &:focus,
  28. &:active,
  29. & + .bootstrap-tagsinput {
  30. background: transparent !important;
  31. border-color: transparent !important;
  32. box-shadow: none !important;
  33. }
  34. & + .bootstrap-tagsinput {
  35. margin-bottom: 4px;
  36. }
  37. }
  38. }
  39. @media only screen and (max-width: 767px) {
  40. .form-group-invisible {
  41. padding-top: 30px;
  42. .control-label-invisible {
  43. padding-left: 27px;
  44. }
  45. }
  46. }