diff --git a/packages/block-library/src/paragraph/style.scss b/packages/block-library/src/paragraph/style.scss index becb47973704d4..10ed6de1b484f2 100644 --- a/packages/block-library/src/paragraph/style.scss +++ b/packages/block-library/src/paragraph/style.scss @@ -1,46 +1,44 @@ -p { - &.is-small-text { - font-size: 14px; - } +.is-small-text { + font-size: 14px; +} - &.is-regular-text { - font-size: 16px; - } +.is-regular-text { + font-size: 16px; +} - &.is-large-text { - font-size: 36px; - } +.is-large-text { + font-size: 36px; +} - &.is-larger-text { - font-size: 48px; - } +.is-larger-text { + font-size: 48px; +} - // Don't show the drop cap when editing the paragraph's content. It causes a - // number of bugs in combination with `contenteditable` fields. The caret - // cannot be set around it, caret position calculation fails in Chrome, and - // typing at the end of the paragraph doesn't work. - &.has-drop-cap:not(:focus)::first-letter { - float: left; - font-size: 8.4em; - line-height: 0.68; - font-weight: 100; - margin: 0.05em 0.1em 0 0; - text-transform: uppercase; - font-style: normal; - } +// Don't show the drop cap when editing the paragraph's content. It causes a +// number of bugs in combination with `contenteditable` fields. The caret +// cannot be set around it, caret position calculation fails in Chrome, and +// typing at the end of the paragraph doesn't work. +.has-drop-cap:not(:focus)::first-letter { + float: left; + font-size: 8.4em; + line-height: 0.68; + font-weight: 100; + margin: 0.05em 0.1em 0 0; + text-transform: uppercase; + font-style: normal; +} - &.has-drop-cap:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: $block-padding; - } +.has-drop-cap:not(:focus)::after { + content: ""; + display: table; + clear: both; + padding-top: $block-padding; } -p.has-background { +.has-background { padding: 20px 30px; } -p.has-text-color a { +.has-text-color a { color: inherit; }