You are here

Home » API reference » Progressive Web App 7.2

icons.css in Progressive Web App 7.2 

#edit-pwa-icons p {
  text-align: center;
}
.pwa-maskable {
  position: relative;
  display: inline-block;
}
.pwa-maskable img {
  display: block;
  z-index: 1;
}
.pwa-maskable svg {
  display: block;
  z-index: 2;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

File

css/icons.css
View source 
  1. #edit-pwa-icons p {

  2.   text-align: center;

  3. }

  4. .pwa-maskable {

  5.   position: relative;

  6.   display: inline-block;

  7. }

  8. .pwa-maskable img {

  9.   display: block;

  10.   z-index: 1;

  11. }

  12. .pwa-maskable svg {

  13.   display: block;

  14.   z-index: 2;

  15.   opacity: 0.3;

  16.   position: absolute;

  17.   top: 50%;

  18.   transform: translateY(-50%);

  19. }