Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1)

dimitri.landerloos · October 13, 2023, 6:48pm

in my guide:

Mushroom Cards Card Mod Styling/Config Guide

Change Alligment

Different allignment options can be found here .
card_mod:
  style:
    mushroom-state-info$: |
      .container {
        align-items: end;
      }
Change Rows.

You can find the different types of flex direction here . yaml courtesy of @zanixmechanix
card_mod:
  style:
    mushroom-state-info$: |
      .container {
        flex-direction: row !important;
        align-items: baseline;
        gap: 10px;
      }

doesnt tell you exactly what you want, but you could always just do:

    card_mod:
      style:
        mushroom-state-info$: |
          .container {
            gap: 20px;
          }