[Summary view] [Print] [Text view]

   1  /*------------------------------------------------------------------------------
   2    28.0 - Site Icon
   3  ------------------------------------------------------------------------------*/
   4  
   5  .site-icon-preview .favicon-preview {
   6      margin: 5px 0 20px;
   7      overflow: hidden;
   8      position: relative;
   9      max-width: 180px;
  10  }
  11  
  12  .site-icon-preview .favicon,
  13  .site-icon-preview .browser-title {
  14      height: 16px;
  15      left: 88px;
  16      overflow: hidden;
  17      position: absolute;
  18      top: 16px;
  19  }
  20  
  21  .site-icon-preview .favicon {
  22      width: 16px;
  23  }
  24  
  25  .site-icon-preview .browser-title {
  26      left: 109px;
  27      width: 72px;
  28      white-space: nowrap;
  29  }
  30  
  31  .site-icon-preview .app-icon-preview {
  32      background-color: #000;
  33      border-radius: 16px;
  34      height: 64px;
  35      overflow: hidden;
  36      width: 64px;
  37      margin-top: 5px;
  38  }
  39  
  40  /* rtl:ignore */
  41  .site-icon-preview .favicon,
  42  .site-icon-preview .app-icon-preview {
  43      direction: ltr;
  44  }
  45  
  46  .customize-control-site_icon .favicon-preview {
  47      float: left;
  48      margin-right: 12px;
  49      margin-bottom: 0;
  50  }
  51  
  52  .customize-control-site_icon .app-icon-preview {
  53      margin-top: 9px;
  54  }
  55  
  56  .site-icon-section button.reset {
  57      color: #b32d2e;
  58      text-decoration: none;
  59      border-color: transparent;
  60      box-shadow: none;
  61      background: transparent;
  62  }
  63  
  64  .site-icon-section button.reset:focus,
  65  .site-icon-section button.reset:hover {
  66      background: #b32d2e;
  67      color: #fff;
  68      border-color: #b32d2e;
  69      box-shadow: 0 0 0 1px #b32d2e;
  70  }
  71  
  72  .site-icon-section .action-buttons {
  73      display: flex;
  74      flex-wrap: wrap;
  75      gap: 10px;
  76  }