You are here

Home » API reference » DropzoneJS 8.2

dropzone.widget.css in DropzoneJS 8.2

Same filename and directory in other branches
  1. 8 css/dropzone.widget.css

file_browser.dropzone.css

File

css/dropzone.widget.css
View source 
  1. /**

  2.  * @file file_browser.dropzone.css

  3.  */

  4. 

  5. .dropzone .dz-preview .dropzonejs-remove-icon {

  6.   width: 24px;

  7.   height: 24px;

  8.   cursor: pointer;

  9.   position: absolute;

  10.   top: -8px;

  11.   right: -8px;

  12.   z-index: 500;

  13.   background-image: url("../icons/remove.svg");

  14.   background-size: cover;

  15. }

  16. 

  17. .dropzone .dz-preview .dropzonejs-remove-icon:hover {

  18.   background-image: url("../icons/remove-hover.svg");

  19.   background-size: cover;

  20. }

  21. 

  22. .dropzone .dz-preview.dz-file-preview .dz-image,

  23. .dropzone .dz-preview .dz-image {

  24.   border-radius: 0;

  25. }

  26. 

  27. .dropzone {

  28.   margin: .5em;

  29.   background: #f5f5f2;

  30.   border: 3px dashed hsla(0, 0%, 42%, 0.65);

  31.   border-radius: 5px;

  32. }

  33. 

  34. .dropzone.dz-drag-hover {

  35.   border: dashed #40b6ff;

  36. }

  37. 

  38. .dropzone.dz-started {

  39.   padding: 16px;

  40. }