_file-input.scss 714 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /* File Input
  2. ========================================================================== */
  3. .file-field {
  4. position: relative;
  5. .file-path-wrapper {
  6. overflow: hidden;
  7. padding-left: 10px;
  8. }
  9. input.file-path { width: 100%; }
  10. .btn {
  11. float: left;
  12. height: $input-height;
  13. line-height: $input-height;
  14. }
  15. span {
  16. cursor: pointer;
  17. }
  18. input[type=file] {
  19. // Needed to override webkit button
  20. &::-webkit-file-upload-button {
  21. display: none;
  22. }
  23. position: absolute;
  24. top: 0;
  25. right: 0;
  26. left: 0;
  27. bottom: 0;
  28. width: 100%;
  29. margin: 0;
  30. padding: 0;
  31. font-size: 20px;
  32. cursor: pointer;
  33. opacity: 0;
  34. filter: alpha(opacity=0);
  35. }
  36. }