Put in your roam/css - SRS enhancements

srs.css

- Hide tags with [[css/minimal]]
    - ```css

    #min-title = hides the page reference link / page title
    #min-con = hides the contextual reference information (breadcrumbs)
    #minimal = hides both the title and the context
    #min-q = hides the query string, similar to legacy behavior
    #min-all = hides everything — title, context, and query string

inspired by Matt Goldenberg */

[data-tag="min-ish"],
[data-tag="min-ish"] + .rm-query .rm-title-arrow-wrapper,
[data-tag="min-ish"] + .rm-query .rm-query-title {
  display:none !important;  /* hide everything */
}
[data-tag="minimal"],
[data-tag="minimal"] + .rm-query .rm-title-arrow-wrapper,
[data-tag="minimal"] + .rm-query .zoom-mentions-view {
  display:none!important; /* hide page reference (title) and mention context (breadcrumbs) */
}
[data-tag="min-title"], [data-tag="min-title"] + .rm-query .rm-title-arrow-wrapper {
display:none!important; /* hide page reference (title) */
}
[data-tag="min-con"], [data-tag="min-con"] + .rm-query .zoom-mentions-view {
  display:none !important;  /* hide mention context (breadcrumbs) */
}
[data-tag="min-q"], 
[data-tag="min-q"] + .rm-query .rm-query-title {
  display:none !important;  /* hide the query string */
}
[data-tag="min-ish"], 
[data-tag="min-ish"] + .rm-query .rm-query-title,
[data-tag="min-ish"] + .rm-query .rm-title-arrow-wrapper {
  display:none !important;  /* hide the query string */
}

[data-tag="min-all"], 
[data-tag="min-all"] + .rm-query .zoom-mentions-view,
[data-tag="min-all"] + .rm-query .rm-title-arrow-wrapper,
[data-tag="min-all"] + .rm-query .rm-query-title {
  display:none !important;  /* hide everything */
}
```
- SRS
    - Consistent color of block refs
    - This CSS makes spaced interval metadata look more beautiful [[css/beautify SRS]]
        - ```css
[data-link-title^="[[interval]]:"], [data-link-title^="[[factor]]:"] {
    display: none;
}
[data-link-title^="[[factor]]:"] ~ [data-link-title]:last-child::before {
    font-style: italic;
    margin-right: 6px;
    padding: 3px 6px;
    border-radius: 12px;
    font-size: smaller;
    white-space: nowrap;
}

[data-link-title^="[[interval]]:"] ~ [data-link-title]:last-child::before {
    content: "review interval: 1+ month";
}


[data-link-title^="[[interval]]:1."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 day";
}


[data-link-title^="[[interval]]:2."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 days";
}


[data-link-title^="[[interval]]:3."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 days";
}


[data-link-title^="[[interval]]:4."] ~ [data-link-title]:last-child::before {
    content: "review interval: 4 days";
}


[data-link-title^="[[interval]]:5."] ~ [data-link-title]:last-child::before {
    content: "review interval: 5 days";
}


[data-link-title^="[[interval]]:7."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:8."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:9."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:10."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:11."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:12."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:13."] ~ [data-link-title]:last-child::before {
    content: "review interval: 1 weeks";
}


[data-link-title^="[[interval]]:14."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:15."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:16."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:17."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:18."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:19."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:20."] ~ [data-link-title]:last-child::before {
    content: "review interval: 2 weeks";
}


[data-link-title^="[[interval]]:21."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:22."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:23."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:24."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:25."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:26."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:27."] ~ [data-link-title]:last-child::before {
    content: "review interval: 3 weeks";
}


[data-link-title^="[[interval]]:28."] ~ [data-link-title]:last-child::before {
    content: "review interval: 4 weeks";
}


[data-link-title^="[[interval]]:29."] ~ [data-link-title]:last-child::before {
    content: "review interval: 4 weeks";
}


[data-link-title^="[[factor]]:"] ~ [data-link-title]:last-child::before {
    border: 1px solid darkgreen;
    color: darkgreen;
    background: honeydew;
}


[data-link-title^="[[factor]]:1."] ~ [data-link-title]:last-child::before {
    border: 1px solid darkred;
    color: darkred;
    background: mistyrose;
}


[data-link-title^="[[factor]]:2."] ~ [data-link-title]:last-child::before {
    border: 1px solid mediumblue;
    color: mediumblue;
    background: lightcyan;
}```
- Colorize SRS questions
    - ```css
[data-page-links*=\"interval\"],
[data-path-page-links*=\"interval\"]{
    /*   color: #721c24;*/
    background-color: #EFF9F7;
}```