.changelog__log { --action-colour: var(--accent-colour); border: 1px solid @accent-colour; background-color: @accent-colour; border: 1px solid var(--action-colour); background-color: var(--action-colour); display: flex; align-items: stretch; flex: 1 0 auto; margin: 2px 0; &__action { display: block; padding: 6px 2px; background-color: @accent-colour; border-right: 1px solid @accent-colour; background-color: var(--action-colour); border-right: 1px solid var(--action-colour); writing-mode: sideways-lr; text-orientation: sideways; letter-spacing: 1px; text-align: center; flex: 0 0 auto; } &__text { padding: 8px 12px; font-size: 1.5em; line-height: 1.3em; align-self: center; flex: 1 1 auto; overflow: hidden; width: 100%; height: 100%; word-wrap: break-word; } }