%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;
    }
}

}