# 👅 Markdown Flavors

**URL:** <https://meta.discourse.org/t/markdown-flavors/208844>\
**Category:** Theme component\
**Created:** [November 11, 2021, 12:21am UTC](https://meta.discourse.org/t/markdown-flavors/208844 "2021-11-11T00:21:09Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![Ivan\_Rapekas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ivan_rapekas/32/248924_2.png) [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)\
**Post date:** [December 5, 2021, 2:44pm UTC](https://meta.discourse.org/t/markdown-flavors/208844/7 "2021-12-05T14:44:13Z")

</div>

> [@Ivan\_Rapekas](#):
>
> a) original:  
> ![Screenshot_4](https://global.discourse-cdn.com/meta/original/3X/4/3/436e37f6614af564f69c81260ae81fec576712f9.png)
> 
> b) with component:  
> ![Screenshot_3](https://global.discourse-cdn.com/meta/original/3X/2/8/288e1dcbadd54b52ed73a049d569f55cd8ae679c.png)

Finally I applied original code block formatting over Gitlab layout 🙂 (works on default theme):

`/admin/customize/themes/1/common/scss/edit`

```css
// Original <kbd> over Gitlab theme component

.cooked kbd {
    align-items: center;
    border: 1px solid var(--primary-low-mid);
    background: var(--primary-very-low);
    border-bottom-width: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--font-down-1);
    justify-content: center;
    line-height: var(--line-height-large);
    margin: 0 0.15em;
    min-width: 24px;
    padding: 0.15em 0.6em;
}

```

This makes: ![Screenshot_4](https://global.discourse-cdn.com/meta/original/3X/4/3/436e37f6614af564f69c81260ae81fec576712f9.png)

---

_[View the full topic](https://meta.discourse.org/t/markdown-flavors/208844)._