gridsome-plugin-remark-container/themes/vuepress.css

Markdown parsing for custom containers

/* purgecss start ignore */
.admonition .admonition-title {
    font-weight: 600;
    margin-bottom: -0.4rem;
  }
  .admonition-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2em;
  }
  .admonition-tip,
  .admonition-important,
  .admonition-note,
  .admonition-warning,
  .admonition-caution {
    padding: 0.1rem 1.5rem;
    border-left-width: 0.5rem;
    border-left-style: solid;
    margin: 1rem 0;
  }
  
  .admonition-tip {
    background-color: #f3f5f7;
    border-color: #42b983;
  }
  .admonition-tip h5 {
    color: #42b983;
  }
  
  .admonition-tip .admonition-icon svg {
    stroke: #42b983;
    fill: #42b983;
  }
  .admonition-caution {
    background-color: rgba(255, 229, 100, 0.3);
    border-color: #e7c000;
    color: #6b5900;
  }
  
  .admonition-caution .admonition-title {
    color: #b29400;
  }
  
  .admonition-caution a {
    color: black;
  }
  .admonition-important {
    background-color: rgba(52, 152, 219, 0.1);
    border-left: 8px solid #3498db;
  }
  
  .admonition-important h5 {
    color: #3498db;
  }
  .admonition-important .admonition-icon svg {
    stroke: #3498db;
    fill: #3498db;
  }
  
  .admonition-warning {
    background-color: #ffe6e6;
    border-color: #c00;
    color: #4d0000;
  }
  .admonition-warning h5 {
    color: #c00;
  }
  .admonition.danger .admonition-title {
    color: #900;
  }
  
  .admonition.danger a {
    color: black;
  }
  
  .admonition.details {
    display: block;
    position: relative;
    border-radius: 2px;
    margin: 1.6em 0;
    padding: 1.6em;
    background-color: #eee;
  }
  
  .admonition.details h4 {
    margin-top: 0;
  }
  
  .admonition.details figure:last-child,
  .admonition.details p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .admonition.details summary {
    outline: none;
    cursor: pointer;
  }

  /* purgecss end ignore */