a[rel="category"] { text-transform: lowercase } .tags a, a[rel="tag"], .tag { text-transform: lowercase; &:before { color: #aaa; content: "#" } } .tag-cloud { line-height: 4rem; text-align: center; a { padding: 0 1.5rem; vertical-align: middle } } /* TODO normalized logarithmic or square scale */ .weight-1 { font-size: 1em; color: gray } .weight-2 { font-size: 1.2em; color: $text-color } .weight-3 { font-size: 1.4em; color: $primary-color } .weight-4 { font-size: 1.6em; color: $primary-color } .weight-5 { font-size: 1.8em; color: $secondary-color } .weight-6 { font-size: 2.2em; color: $secondary-color } .weight-7 { font-size: 2.8em; color: $text-color } .weight-8 { font-size: 3.2em; color: $primary-color } .weight-9 { font-size: 4.8em; color: $secondary-color } .weight-10 { font-size: 6em; color: $secondary-color }