%archive-style {
color: $colour-darkgrey; display: block; font-weight: normal; margin: 0; padding: 1.1em 0 0; text-align: center; width: 5.5rem;
}
archive {
list-style: none; padding-left: 0; .year { @extend %archive-style; padding: 3em 0 0; &:first-child { padding-top: 0.4em !important; } } .month { @extend %archive-style; } .day { @extend %archive-style; display: inline-block; padding: 0; } .blog { @include rounded(0.3125em); display: inline-block; font-size: 88%; text-align: center; width: 3.5em; &.photos { background-color: #d1e4cd; } &.richard { background-color: #e4cdcd; } &.travel { background-color: #cddde4; } }
}