// Line-highlighting for ToDo tags

// TODO example
// FIXME example
// XXX example
// NOTE example

.syntax--todo,
.syntax--fixme,
.syntax--xxx,
.syntax--note {
    display: inline-block;
    position: relative;
    color: rgba(0, 255, 0, 0.8);
    background: rgba(0, 255, 0, 0.08);
    font-weight: bold;

    &:before, &:after {
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 8192px;
        // z-index: 9999;
        content: '';
        background: inherit;
        pointer-events: none;
    }
    &:before {
        right: 100%;
    }
    &:after {
        left: 100%;
    }
}

.syntax--fixme,
.syntax--xxx {
    color: rgba(255, 0, 0, 1);
    background: rgba(255, 0, 0, 0.1);
}

.syntax--note {
    color: rgba(80, 80, 255, 1);
    background: rgba(0, 0, 255, 0.1);
}