🎄 Advent Calendar: Every day a new Custom CSS Snippet

#25

Did you have a look at the Readme on the Homepage? You can open it either through the link in the Custom CSS block or on the Scroll page.

If it is still unclear we should improve the explanation.

#26

It’s quite easy just remove all the hover parts from the code so you have this as your code instead

:root {
    --divider-style: 1px solid black;
}

[data-rem-tags~="divider"]:not(:focus-within) {
    color: transparent;
    position: relative;
}

[data-rem-tags~="divider"]:not(:focus-within)
    .rem-bullet__container {
    display: none;
}

[data-rem-tags~="divider"]:not(:focus-within)
    .hierarchy-editor__tag-bar {
    display: none;
}

[data-rem-tags~="divider"]:not(:focus-within):before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    border-bottom: var(--divider-style, 1px solid black);
}
2 Likes
#27

Hi everyone,
I installed the CSS-Block, but it doesn’t work.
I tagged the rem in the hierarchy (highest level), but all childs have the same color despite being active in a specific child rem.

#28

oh sorry, my post is reffering to the super zen mode