_style.scss (692B)
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 }