Date Strike

by Chris Buttery

HTML

<div class="entry">
    <span class="date">Jan 25</span>
    The terminal shortcuts Apple didnt want you to see
</div>

SCSS

.entry {
    padding: 40px;
}

.date {
    position: relative;
    padding: 10px 20px;
    
    &:after {
        position: absolute;
        content: "";
        top: 0;
        right: 5px;
        height: 100%;
        width: 1px;
        background: red;
        display: block;
        -webkit-transform: rotate(35deg);
    }
}