پگمنٹس ٹسٹ

@import "nib";

.usertext {
color: #F0F0F0;
background: #600;
font-family: Chunkfive, sans;
--heading-1: 30px/32px Helvetica, sans-serif;
}


@media print {
    a[href^=http]::after {
        content: attr(href);
        margin: 20px;
    }
}

/* This is a comment, dawg! */
#some-id, #another-idd,
section > .foo + #bar:hover [href*="less"] {
    margin: 10px 0 0 5vh;
    padding: calc(5% + 20px);
    background: #f00ba7 url(http://placehold.alpha-centauri/42.png) no-repeat;
    background: #f00ba7 url("http://placehold.alpha-centauri/42.png") no-repeat;
    background-image: linear-gradient(-135deg, wheat, fuchsia) !important ;
    background-blend-mode: multiply;
    font: var(--heading-1);
}

.icon-baz::before {
    display:     inline-block;
    font-family: "Omega", Alpha, sans-serif;
    content:     "\f085";
    color: rgba(98, 76 /* or 54 */, 231, .75);
}

<p class="stanza">
    <span class="line">پہلا مصرع</span>
    <span class="line">دوسرا مصرع</span>
    <span class="line">تیسرا مصرع</span>
    <span class="line">تیسرا مصرع</span>
</p>