Skip to content

Instantly share code, notes, and snippets.

@briancavalier
Created October 25, 2010 17:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save briancavalier/645340 to your computer and use it in GitHub Desktop.
Save briancavalier/645340 to your computer and use it in GitHub Desktop.
Analog clock theme CSS, full of OOCSS antipatterns
/* Hide the first hour, minute, and second digits */
.analog .digit:first-child, .analog .sep + .minute, .analog .minute + .second, .analog .controls .hours {
display: none;
}
/* ... */
/* Rotate the hour hand based on the _two adjacent_ hour digits */
.analog .hour.d0 + .d1, .analog .hour.d1 + .d3 {-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment