[Summary view] [Print] [Text view]

   1  .wp-block-gallery {
   2  
   3      margin: 0 auto;
   4  
   5      .blocks-gallery-image,
   6      .blocks-gallery-item {
   7  
   8          // On mobile and responsive viewports, we allow only 1 or 2 columns at the most.
   9          width: calc((100% - var(--global--spacing-unit)) / 2);
  10  
  11          figcaption {
  12              margin: 0;
  13              // Text color is always white to account for default gradient background
  14              color: var(--global--color-white);
  15              font-size: var(--global--font-size-xs);
  16  
  17              a {
  18                  color: var(--global--color-white);
  19  
  20                  &:focus {
  21                      background-color: transparent;
  22                      outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
  23                      text-decoration: none;
  24                  }
  25              }
  26          }
  27  
  28          a:focus img {
  29              outline-offset: 2px;
  30          }
  31  
  32      }
  33  }