ArticleTemplates/assets/scss/modules/_keyline.scss

// single-line keyline
.keyline {
    position: relative;

    &:before {
        content: '';
        height: 1px;
        overflow: hidden;
        background-image: none;
        background-color: color(brightness-86);
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;

        @include mq($from: col4) {
            margin: 0 auto 0 240px;
            width: 620px;
        }
    }
}

// four-line keyline
.keyline-4 {
    position: relative;
    padding-top: 16px !important;

    &:before {
        content: '';
        height: 12px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: 1;
        background-image: repeating-linear-gradient(color(brightness-86), color(brightness-86) 1px, transparent 1px, transparent 3px);

        @include mq($from: col4) {
            margin: 0 auto 0 240px;
            width: 620px;
        }
    }
}

// dotted keyline (cricket match summary)
.keyline-dotted {
    position: relative;
    &:before {
        content: '';
        height: 0px;
        overflow: hidden;
        background-image: none;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: dotted 1px #121212;
        margin: 0px 12px;
    }
}