editor.scss (1104B)
1 html { 2 font-family: var(--global--font-secondary); 3 line-height: var(--global--line-height-body); 4 } 5 6 body { 7 --wp--typography--line-height: var(--global--line-height-body); 8 color: var(--global--color-primary); 9 background-color: var(--global--color-background); 10 font-family: var(--global--font-secondary); 11 font-size: var(--global--font-size-base); 12 font-weight: normal; 13 -moz-osx-font-smoothing: grayscale; 14 -webkit-font-smoothing: antialiased; 15 } 16 17 // Links styles 18 .wp-block a { 19 color: var(--wp--style--color--link, var(--global--color-primary)); 20 21 &:hover { 22 text-decoration-style: dotted; 23 } 24 25 &:focus { 26 outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); 27 text-decoration: none; 28 } 29 } 30 31 // Enforce the custom link color even if a custom background color has been set. 32 // The extra specificity here is required to override the background color styles. 33 .has-background { 34 // Target both current level and nested block. 35 .has-link-color a, 36 &.has-link-color a { 37 color: var(--wp--style--color--link, var(--global--color-primary)); 38 } 39 } 40 41 button, 42 a { 43 cursor: pointer; 44 }