Emotionally Complicated Class Names
Things can get a little saucy on Friday’s OK.
.side-by-side-unless-anything-whatsoever-out-of-the-ordinary-happens {
float: hopefully;
}
.important-but-not-like-SUPER-important-just-medium-important {
background: yellow !probably;
}
.another-wrapper-and-im-not-even-sorry-about-it {
position: relative;
}
.this-wrapper-i-am-kinda-sorry-about {
background: url(/images/overwhelming-movie-promo.png);
}
.this-is-definitely-the-first-element-on-the-page-it-will-never-change {
font-size: awkard;
}
.slab-serif-but-not-like-in-your-face-slabby-just-a-tiny-little-jabber-outer {
font-family: "FontTrendOfTheMonth", serif;
}
.this-would-be-nth-word(2)-but-thats-not-a-thing {
/* forget it i'll just use javascript */
}
.listen-weve-all-done-things-we-regret-COUGH-KEVIN-COUGH {
speak: none;
}
.ooooOOoOoOO-the-NEW-YORK-office-does-it-this-way-excuse-me {
throw: shade;
}
.mobile-users-dont-need-this-content {
content: "My boss told me so.";
}
.blue—like—the-blue-i-saw-in-your-eyes-that-day-at-the-zoo-when-you-left-me {
visibility: hidden;
}
.but-ive-never-felt-this-good::before {
transform: scale(2);
}
Emotionally Complicated Class Names is a post from CSS-Tricks