Skip to content

Latest commit

 

History

History
60 lines (53 loc) · 1.36 KB

Callout styling - Leader list callout.md

File metadata and controls

60 lines (53 loc) · 1.36 KB
Raw

↪Collection

Callout styling - Leader list callout

cover:: 

/*
author: sailKite
source: https://discord.com/channels/686053708261228577/702656734631821413/1148625898074017863
*/

/* goofy attempt at dot leaders */
.callout[data-callout="leader-list"] {
  --callout-color: unset;
  --callout-icon: unset;
  --callout-blend-mode: normal;
  padding: unset;
  margin: unset;
}
.callout[data-callout="leader-list"] > .callout-title {
  display: none;
}
.callout[data-callout="leader-list"] > .callout-content {
  --gap: var(--size-2-2);
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: var(--gap);
}
.callout[data-callout="leader-list"] > .callout-content > p {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: unset;
}
.callout[data-callout="leader-list"] > .callout-content > p::after {
  content: " ";
  background-image: radial-gradient(
    circle,
    currentColor 0px 0.1em,
    transparent 0.1em
  );
  background-size: 0.5em 1em;
  background-position: bottom right;
  background-repeat: repeat-x;
}
.callout[data-callout="leader-list"] > .callout-content > blockquote {
  padding: unset;
  margin: unset;
  border: unset;
  align-self: center;
  text-align: end;
}