asset/css/mixin/card.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

.card() {
  &.card {
    .rounded-corners(.5em);
    border: 1px solid var(--card-border-color, @card-border-color);

    .card-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      padding: .5em;

      border-bottom: 1px solid var(--card-border-color, @card-border-color);

      .meta span {
        font-size: 11/12em;
      }
    }

    .card-body {
      padding: .5em;
    }
  }
}