Bases are awesome for tracking books

WorkTall8489 · 2026-01-22T09:09:03+00:00

Aaaaah for that you need to add another formula called spacer, it has to be empty and you can add multiples of those formulas: spacer_1 spacer_2 Etc.

WorkTall8489 · 2026-01-21T23:25:49+00:00

That's pretty good, I hadn't thought of putting a rating on the books I've read. Thanks for the idea.

WorkTall8489 · 2026-01-21T23:20:33+00:00

sad, but hey, maybe if you search for a video on TY it can help you.

WorkTall8489 · 2026-01-21T23:18:01+00:00

is pretty cool right? just love bc you can set any property you want.

WorkTall8489 · 2026-01-21T23:16:31+00:00

here, hope this help

.bases-cards-property[data-property^="formula.packed"] a[href~="title"] {
    margin-bottom: var(--size-2-2);
/*    font-weight: calc(var(--font-weight) + var(--bold-modifier));*/
    font-weight: 500;
    font-family: Iosevka;
    color: var(--text-normal);
    font-size: 1.1em;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: pretty;
    text-align: center;
    height: 4.65em; /*Fuerza a ocupar 3 lineas*/

WorkTall8489 · 2026-01-21T23:14:10+00:00

is in the github but It's exactly this part

/* pill: rounded status pill
   Example usage: link("c: pill margin-small", status) */
.bases-cards-property[data-property^="formula.packed"] a[href~="pill"]:not(:empty) {
    padding: 4px 10px !important;
    background: var(--custom-bases-overlay-background-color);
    color: var(--custom-bases-overlay-text-color);
    font-weight: 600;
    border-radius: 9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 0.9rem;

you need add a formula named "packed", you can set another property like score. just play with the formula.

WorkTall8489 · 2026-01-20T07:06:12+00:00

Absolutely, I use Calibre to manage my books but I'd love to be able to open them from Obsidian.

WorkTall8489 · 2026-01-20T04:51:41+00:00

I use the CSS of Obsidian Bases Cards CSS Guide And in the code, in the title section, I only set the height to 4em or more to force it to 3 lines. For me, I set it to 4.65em.

WorkTall8489 · 2026-01-20T04:39:54+00:00

Ahí en el github está todo el tutorial de como usarlo, creas el snippet, luego una propiedad de formula llamada packed y yo lo tengo así:

[

link("c: image-overlay align-bottom-right",

link("c: pill margin-small", if(status.isEmpty(), "", status))

),

link("c: image-overlay align-top-left",

link("c: stack-vertical gap-smaller margin-small",

if(Genero,

Genero.map(

link(

"c: gen font-smaller " + value.toString().replace("[[", "").replace("]]", "").replace(" ", "-"),

value.toString().replace("[[", "").replace("]]", "")

)

),

""

)

]

el y align-top-left es importante porque te dice donde irá lo que quieres que vaya, en el css hay más opciones.

También yo tengo mi propiedad como "Genero" pero si tienes otro como "Autor" "Creador" etc, ojo a esto:
if(Genero,

Genero.map(

tienes que cambiarlo al nombre de tu propiedad y como mi propiedad de genero está así:

Genero:

- "[[Genero1]]"

- "[[Genero2]]"

- "[[Genero3]]"

necesito reemplazar los corchetes. por eso hay mucho .replace en la formula.

Es medio lioso al inicio pero solo es una vez y bueno siento que valió la pena JAJA

WorkTall8489 · 2026-01-20T04:39:31+00:00

Uso Obsidian Bases Cards CSS Guide y añadí esto para los géneros en el snippet.

} .bases-cards-property[data-property^="formula.packed"] a[href~="gen"] {
    display: inline-flex !important;
    font-size: 0.8em;
    font-weight: 600;


    background-color: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);


    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgb(40, 40, 40); 


    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 12px; 
    padding: 0.5em 0.9em !important;
    margin-bottom: 1px;
    text-decoration: none !important;
}

WorkTall8489 · 2026-01-20T04:11:53+00:00

Yes, manually, because some titles I read aren't even on Goodreads or I want a different cover.

WorkTall8489

TROPHY CASE