Quantcast
Channel: DEVONtechnologies Community - Latest posts
Viewing all articles
Browse latest Browse all 16459

Markdown Template / style like "read the docs" for documents

$
0
0

Thanks a lot for your feedback. I have only slightly adjusted the CSS code to my preferences (other padding, color of left margin). Wondering if @ThorstenG is happy with this :slight_smile:

.important {
  border-color: #ffb100; 
  background-color: #fff9e6;
  border-left: 5px solid #ffb100;
}
.important h3 {
  background-color: #ffb100;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
}
.important h3:before {
    content: "⚠️ ";
}
.important p {
  padding-left: 1em;
  padding-right: 1em;
}
.important p:first-of-type {
  padding-top: 0.5em;
}
.important p:last-of-type {
  padding-bottom: 0.5em;
}

Now it looks like this:

One recommendation to @ThorstenG You can use the text replacement feature of macos to enter this in your markdown code, e.g. by typing importantx so that this text block is inserted…

<div class="important">

### Important

text
</div>```

Viewing all articles
Browse latest Browse all 16459

Trending Articles