Just-the-docs callout like admonitions

[nineteendo]

I was wondering if we could style admonitions like just-the-docs callouts: https://just-the-docs.com/docs/ui-components/callouts/ as they look a bit cleaner. I haven't figured out to do this without forking furo. Example here: https://nineteendo-furo.readthedocs.io

.admonition, .topic
  margin: 1rem auto
  padding: 0.5rem

  border-radius: 0.2rem
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.05), 0 0 0.0625rem rgba(0, 0, 0, 0.1)

  font-size: var(--admonition-font-size)

  overflow: hidden
  page-break-inside: avoid

  > :nth-child(2)
    margin-top: 0

  > :last-child
    margin-bottom: 0

.admonition p.admonition-title,
p.topic-title
  position: relative
  margin: 0 -0.5rem
  padding-left: 2rem

  font-weight: 500
  font-size: var(--admonition-title-font-size)
  line-height: 1.3

  &::before
    content: ""
    position: absolute
    left: 0.5rem
    width: 1rem
    height: 1rem

.admonition
  background-color: var(--color-admonition-title-background)
  border-left: 0.2rem solid var(--color-admonition-title)

  > .admonition-title
    color: var(--color-admonition-title)
    &::before
      background-color: var(--color-admonition-title)
      mask-image: var(--icon-admonition-default)
      mask-repeat: no-repeat

.topic
  background-color: var(--color-topic-title-background)

  > .topic-title
    color: var(--color-topic-title)
    &::before
      background-color: var(--color-topic-title)
      mask-image: var(--icon-topic-default)
      mask-repeat: no-repeat

@each $type, $value in $admonitions
  .admonition.#{$type}
    background-color: var(--color-admonition-title-background--#{$type})
    border-left-color: var(--color-admonition-title--#{$type})
  
    > .admonition-title
      color: var(--color-admonition-title--#{$type})
      &::before
        background-color: var(--color-admonition-title--#{$type})
        mask-image: var(--icon-#{nth($value, 2)})

.admonition-todo > .admonition-title
  text-transform: uppercase

[nineteendo]

@pradyunsg, what do you think?