Skip to content

Latest commit

 

History

History
58 lines (48 loc) · 1.17 KB

Callout styling - Quote callout.md

File metadata and controls

58 lines (48 loc) · 1.17 KB
Raw

↪Collection

Callout styling - Quote callout

cover:: 

/*
author: Adonis
source: https://discord.com/channels/686053708261228577/702656734631821413/1040111314963546142
*/

.callout[data-callout="quote"] {
  --callout-padding: var(--size-4-3);
  --icon-size: 70px;
  max-width: 250px;
}
.callout[data-callout="quote"] .callout-title .callout-icon {
  margin: 0 auto;
}
.callout[data-callout="quote"] .callout-title .callout-title-inner {
  display: none;
}
.callout[data-callout="quote"] .callout-content {
  padding-top: 20px;
}
.callout[data-callout="quote"] .callout-content p {
  font-style: italic;
  text-align: center;
}
.callout[data-callout="quote"] .callout-content p:first-child {
  margin-top: 0;
}
.callout[data-callout="quote"] .callout-content p:last-child {
  font-style: normal;
  color: rgb(var(--ctp-yellow, 153, 122, 0));
  text-align: right;
  margin-bottom: 0;
}

Usage

> [!quote] Title
> "Lorem, ipsum dolor sit amet consectetur, adipisicing elit."
>
> \- Alucard