Home > Designing, Others > Emotionally Complicated Class Names

Emotionally Complicated Class Names

September 2nd, 2016 Leave a comment Go to comments

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

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.