Comments (2)
The fleuron is meant to only appear on the last paragraph -- or rather, the last element of its type.
&:last-of-type {
margin-bottom: 0;
// Asterisk fleuron
&:after {
display: block;
margin: $spacing-05 auto;
height: 1em;
width: 1em;
-webkit-print-color-adjust: exact;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.91421 22.3905C7.5562 22.3905 7.21242 22.276 6.92181 22.0638L6.8235 22.005C6.57463 21.8993 6.35421 21.7315 6.18293 21.512C5.94983 21.2138 5.7124 20.7001 5.90346 19.9469L5.95694 19.7366L9.68907 13.349L2.49285 13.3981C1.48562 13.3981 0.734375 12.6487 0.734375 11.6549V11.0047L0.811354 10.7703C1.06393 10.0038 1.71965 9.50843 2.48203 9.50843L9.68907 9.5572L6.12048 3.45012C5.8812 3.11703 5.76959 2.71405 5.8104 2.30894C5.84039 2.00929 5.98507 1.44435 6.61544 1.02777L6.84483 0.888544C7.13111 0.650718 7.49375 0.515465 7.88143 0.515465C8.35444 0.515465 8.78726 0.707784 9.16845 1.08752L9.31561 1.23406L12.9958 7.66946L16.629 1.32368C16.9722 0.810049 17.4999 0.515465 18.0774 0.515465C18.4354 0.515465 18.7801 0.630247 19.071 0.843163L19.481 1.08873L19.6154 1.22262C20.1716 1.77699 20.3138 2.57651 19.9781 3.25984L19.9255 3.35751L16.3031 9.5572L23.4991 9.50843C24.506 9.50843 25.2575 10.2576 25.2575 11.2514V11.6549C25.2575 12.6487 24.506 13.3981 23.5099 13.3981L16.3031 13.349L20.0068 19.6889L20.0578 19.8424C20.3333 20.6754 20.0186 21.5227 19.2914 21.9314L18.8323 22.206L18.6682 22.2597C17.8276 22.5353 16.9548 22.1929 16.5616 21.4721L12.9958 15.2368L9.35951 21.5872C9.01604 22.0977 8.48924 22.3905 7.91421 22.3905Z' fill='%23DB2333'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
content: '';
}
from infrastructure.
It’s appearing there because there is a list following a paragraph. I can fix that by affixing the pseudo-element to the post’s body, rather than the last paragraph.
from infrastructure.
Related Issues (20)
- use webp for images on the homepage
- Include pagination for latest news HOT 3
- Nice to have: add animations, interactivity
- add contact page or place to ask questions HOT 4
- allow per post authorship HOT 6
- Display latest posts on homepage instead of on a diff page HOT 2
- Print CSS in Firefox + Safari HOT 4
- polish about page
- put footnotes in a smaller font HOT 6
- use full width images in posts HOT 9
- The pull out sentance overlaps the links on the right side on Mac - not a ton - but a bit. HOT 2
- consider a more elegant way to do sub sections in report view HOT 7
- Allow featured post in threads HOT 3
- www. and other forms of the URL don't redirect HOT 3
- add noindex to test site HOT 1
- pagination doesn't respect linkout posts HOT 2
- Implement HTML & CSS for new homepage HOT 7
- Some relatively minor accessibility issues on inner pages
- add lazy loading
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from infrastructure.