You are here

Home » API reference » Media Library Edit 8.2

media_library_edit.admin.css in Media Library Edit 8.2

Same filename and directory in other branches
  1. 8 css/media_library_edit.admin.css
.media-library-edit__link {
  position: absolute;
  z-index: 1;
  top: 40px;
  right: 10px;
  width: 24px;
  height: 24px;
  margin: 5px;
  padding: 0;
  transition: 0.2s border-color;
  color: transparent;
  border: 2px solid #ccc;
  border-radius: 20px;
  background: url(../icons/pencil.svg) #fff center no-repeat;
  background-size: 16px 16px;
  text-shadow: none;
  box-sizing: border-box;
}

.media-library-edit__link:hover {
   color: transparent;
}

.media-library-edit__modal::before {
  content: '';
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

File

css/media_library_edit.admin.css
View source 
  1. .media-library-edit__link {

  2.   position: absolute;

  3.   z-index: 1;

  4.   top: 40px;

  5.   right: 10px;

  6.   width: 24px;

  7.   height: 24px;

  8.   margin: 5px;

  9.   padding: 0;

  10.   transition: 0.2s border-color;

  11.   color: transparent;

  12.   border: 2px solid #ccc;

  13.   border-radius: 20px;

  14.   background: url(../icons/pencil.svg) #fff center no-repeat;

  15.   background-size: 16px 16px;

  16.   text-shadow: none;

  17.   box-sizing: border-box;

  18. }

  19. 

  20. .media-library-edit__link:hover {

  21.    color: transparent;

  22. }

  23. 

  24. .media-library-edit__modal::before {

  25.   content: '';

  26.   width: 100vw;

  27.   height: 100vh;

  28.   background: rgba(0, 0, 0, 0.3);

  29.   position: fixed;

  30.   top: 0;

  31.   left: 0;

  32.   z-index: -1;

  33. }