Closed joshdarby closed 4 years ago
https://github.com/INN/umbrella-sfpublicpress/pull/40/commits/5e22929839e3c224dd45d7077d4609c8c59e232d includes styling for drop caps (#8)
Steps to test:
<!-- wp:paragraph {"dropCap":true} -->
<p class="has-drop-cap">Aorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non
metus convallis, cursus elit sit amet, fermentum metus. Quisque
hendrerit a dolor vel malesuada. Cras vestibulum non nulla non
vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel.
Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi.
Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed
bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue
placerat dolor, sed suscipit nisi quam quis augue.</p>
<!-- /wp:paragraph -->
Borem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Corem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Dorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Eorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Forem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Gorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Horem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Iorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Jorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Korem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Morem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Norem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Oorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Porem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Qorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Rorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Sorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Torem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Uorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Vorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Worem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Xorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Yorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Zorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus convallis, cursus elit sit amet, fermentum metus. Quisque hendrerit a dolor vel malesuada. Cras vestibulum non nulla non vestibulum. Vivamus pretium sem neque, quis pulvinar orci rhoncus vel. Proin non ex mollis, tincidunt nulla ac, maximus libero. Nulla facilisi. Proin luctus at libero non facilisis. Mauris facilisis sed lacus sed bibendum. Morbi scelerisque, enim vitae tristique finibus, lectus augue placerat dolor, sed suscipit nisi quam quis augue.
Should this PR add the colors for Gutenberg usage? We did that here in Caribbean: https://github.com/INN/umbrella-caribbean/pull/38/files#diff-bd3518753a5a0201e5eca67d633177cdR1
I wasn't sure if we should do that in this PR or during an issue that actually uses those, but I'll put it in this PR since we have extra time here
Block color palette is added in https://github.com/INN/umbrella-sfpublicpress/pull/40/commits/bc2742b226855a8fb8d76ffae5548e062c515670
It feels like we have an unnecessarily-comprehensive gray palette, but 🤷♂
are 2 & 3 the same? are 4 and 8 the same?
If so, or very close, can we combine them?
@MirandaEcho They are different, but very similar. I'll pull the similar ones out.
Changes
This pull request makes the following changes:
Why
For #7
Testing/Questions
Features that this PR affects:
Questions that need to be answered before merging: