【IM-BloomMaker】マークダウンエレメントに任意のデザインを追加する方法

# Adding Custom Styles to Markdown

## Header Design Examples

### Header Level 3
#### Header Level 4
##### Header Level 5
###### Header Level 6

---

## Table Design Example

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell
Content Cell  | Content Cell

---

## Link Design Example

[https://www.intra-mart.jp/](https://www.intra-mart.jp/)

.im-hichee-im-markdown {
  h1, h2, h3, h4, h5, h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
  }

  h1 {
    padding: 0.15em 0.5em;
    border-bottom: 1px solid #eaecef;
    color: #fff;
    background: linear-gradient(#3f3f3f 0%, #323232 70%, #2b2b2b 100%);
    text-shadow: -1px -1px 0px #000000;
    text-align: left;
    overflow: hidden;
  }

  h2 {
    padding: 4px 10px;
    background: #f4f4f4;
    border-left: solid 5px #888;
    border-bottom: solid 1px #d7d7d7;
  }

  h3 {
    padding: 4px 8px;
    background: #dfdfdf;
  }

  h4 {
    border-bottom: #2b4783 solid 1px;
  }

  h5 {
    font-size: 12px;
    border-bottom: 1px dotted #d5d5d5;
  }

  h6 {
    font-size: 12px;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
    overflow: auto;
  }

  td,
  th {
    padding: 0;
  }

  table th {
    font-weight: 600;
    background-color: #efefef;
  }

  table th,
  table td {
    padding: 6px 13px;
    border: 1px solid #dfe2e5;
  }

  table tr {
    background-color: #fff;
    border-top: 1px solid #c6cbd1;
  }

  table tr:nth-child(2n) {
    background-color: #f6f8fa;
  }

  a {
    color: #1080d5;
  }

  hr {
    overflow: hidden;
    background: transparent;
    height: 0.25em;
    padding: 0;
    margin: 8px 0;
    background-color: #e1e4e8;
    border: 0;
  }
}