mirror of
https://github.com/tabler/tabler.git
synced 2026-07-14 09:34:19 +04:00
Rename .markdown class to .prose (#2605)
This commit is contained in:
Paweł Kuna
GitHub
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Changelog
|
||||
page-menu: changelog
|
||||
layout: markdown
|
||||
layout: prose
|
||||
permalink: changelog.html
|
||||
---
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ permalink: emails.html
|
||||
<div class="row align-items-center">
|
||||
<div class="col-10">
|
||||
<h3 class="h1">Tabler Emails</h3>
|
||||
<div class="markdown text-secondary fs-3">
|
||||
<div class="prose text-secondary fs-3">
|
||||
{{ emails | size }} eye-catching, customizable and responsive email templates to improve your email communication. No coding skills needed.
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
@@ -62,7 +62,7 @@ permalink: emails.html
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="p-7">
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
<h3 data-email-title></h3>
|
||||
<p data-email-description></p>
|
||||
</div>
|
||||
|
||||
@@ -107,7 +107,7 @@ permalink: illustrations.html
|
||||
<div class="row align-items-center">
|
||||
<div class="col-10">
|
||||
<h3 class="h1">Tabler Illustrations</h3>
|
||||
<div class="markdown text-secondary">
|
||||
<div class="prose text-secondary">
|
||||
Access a wide range of SVG illustrations for various projects. Effortlessly customize any illustration to align perfectly with your chosen color scheme!
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
|
||||
@@ -10,7 +10,7 @@ permalink: license.html
|
||||
<div class="col-lg-8">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
{% capture license %}{% include "license.md" %}{%- endcapture %}
|
||||
{{ license | renderContent: "md" }}
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
layout: redirect
|
||||
redirect:
|
||||
to: prose.html
|
||||
permalink: markdown.html
|
||||
---
|
||||
@@ -13,7 +13,7 @@ permalink: marketing/text.html
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container container-narrow">
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
<p>Why? Be quiet! <strong> We shall say 'Ni' again to you, if you do not appease us.</strong> <em> The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur.</em> That is why I am your king.</p>
|
||||
<h2>Oh, ow!</h2>
|
||||
<p>Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! It's only a model. Well, what do you want? And this isn't my nose. This is a false one. We found them.</p>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
---
|
||||
title: Markdown
|
||||
page-header: Markdown
|
||||
page-menu: base.markdown
|
||||
layout: markdown
|
||||
permalink: markdown.html
|
||||
title: Prose
|
||||
page-header: Prose
|
||||
page-menu: base.prose
|
||||
layout: prose
|
||||
permalink: prose.html
|
||||
---
|
||||
|
||||
# Who's that then?
|
||||
@@ -71,7 +71,6 @@ Well, I got better. Shut up! Will you shut up?! Well, I got better. I don't want
|
||||
# Typographic elements
|
||||
|
||||
|
||||
|
||||
## Emphasis
|
||||
|
||||
**This is bold text**
|
||||
@@ -8,7 +8,7 @@ permalink: terms-of-service.html
|
||||
<div class="card card-md">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ page.title }}</h3>
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
{% capture license %}{% include "terms-of-service.md" %}{%- endcapture %}
|
||||
{{ license | renderContent: "md" }}
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@ permalink: text-features.html
|
||||
<div class="col-7">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
<h3>Text features</h3>
|
||||
|
||||
<p>HTML provides various tags to format text and add meaning. For example, <strong>important words</strong> can be highlighted, and <em>emphasized text</em> can be italicized.</p>
|
||||
@@ -47,7 +47,7 @@ permalink: text-features.html
|
||||
<div class="col">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="prose">
|
||||
{% for i in (1..6) %}
|
||||
<h{{ i }}>Heading {{ i }} by <a class="mention"><span class="mention-avatar" style="background-image: url(/static/avatars/035f.jpg)"></span><span class="visually-hidden">@</span>JohnDoe</a></h{{ i }}>
|
||||
{% endfor %}
|
||||
|
||||
@@ -9,45 +9,45 @@ permalink: typography.html
|
||||
<div class="card card-lg">
|
||||
<div class="card-body ">
|
||||
<div class="row g-4">
|
||||
<div class="col-12 markdown">
|
||||
<div class="col-12 prose">
|
||||
<h1>1/1 Text</h1>
|
||||
<p>I'm not a witch. Now, look here, my good man. Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! Well, I didn't vote for you. You can't expect to wield supreme power just 'cause some watery tart threw a sword at you! Bring her forward! He hasn't got shit all over him. He hasn't got shit all over him. We shall say 'Ni' again to you, if you do not appease us.</p>
|
||||
<p>Well, we did do the nose. Why? Now, look here, my good man. Be quiet! Well, what do you want?</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 markdown">
|
||||
<div class="col-md-6 prose">
|
||||
<h2>1/2 Text</h2>
|
||||
<p>What do you mean? We shall say 'Ni' again to you, if you do not appease us. I have to push the pram a lot. No, no, no! Yes, yes. A bit. But she's got a wart. What a strange person.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 markdown">
|
||||
<div class="col-md-6 prose">
|
||||
<h2>1/2 Text</h2>
|
||||
<p>And this isn't my nose. This is a false one. We found them. Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>1/3 Text</h3>
|
||||
<p>Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. Why? Well, what do you want? …Are you suggesting that coconuts migrate?</p>
|
||||
</div>
|
||||
<div class="col-md-8 markdown">
|
||||
<div class="col-md-8 prose">
|
||||
<h3>2/3 Text</h3>
|
||||
<p>Well, I got better. Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. Found them? In Mercia?! The coconut's tropical! A newt? …Are you suggesting that coconuts migrate?</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8 markdown">
|
||||
<div class="col-md-8 prose">
|
||||
<p>I don't want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time! We want a shrubbery!!</p>
|
||||
<p>Well, how'd you become king, then? Found them? In Mercia?! The coconut's tropical! Oh, ow! I am your king.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 markdown">
|
||||
<div class="col-md-3 prose">
|
||||
<h4>Small Text</h4>
|
||||
<p>Well, Mercia's a temperate zone! You don't vote for kings. Now, look here, my good man. </p>
|
||||
<p class="text-secondary small lh-base">Who's that then? Well, we did do the nose.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Unordered list</h3>
|
||||
<ul>
|
||||
<li>lorem ipsum doloret</li>
|
||||
@@ -62,7 +62,7 @@ permalink: typography.html
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Ordered list</h3>
|
||||
<ol>
|
||||
<li>lorem ipsum doloret</li>
|
||||
@@ -74,7 +74,7 @@ permalink: typography.html
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Unstyled list</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>lorem ipsum doloret</li>
|
||||
@@ -87,7 +87,7 @@ permalink: typography.html
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-12 markdown">
|
||||
<div class="col-12 prose">
|
||||
<h3>Blockquote</h3>
|
||||
|
||||
<blockquote class="blockquote">
|
||||
@@ -96,7 +96,7 @@ permalink: typography.html
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Text elements</h3>
|
||||
|
||||
<div>You can use the mark tag to <mark>highlight</mark> text.</div>
|
||||
@@ -108,7 +108,7 @@ permalink: typography.html
|
||||
<div>The following snippet of text show useful keyboard shortcut: <kbd>⌘</kbd> + <kbd>C</kbd> or <kbd>ctrl</kbd> + <kbd>C</kbd>.</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Text color</h3>
|
||||
<div class="text-primary">This is an example of primary text.</div>
|
||||
<div class="text-secondary">This is an example of secondary text.</div>
|
||||
@@ -120,7 +120,7 @@ permalink: typography.html
|
||||
<div class="text-pink">This is an example of pink text.</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Addresses</h3>
|
||||
<address><strong>Twitter, Inc. <br> </strong>1355 Market Street, Suite 900 <br>
|
||||
San Francisco, CA 94103 <br><abbr title="Phone">P: </abbr>(123) 456 7890
|
||||
@@ -128,7 +128,7 @@ permalink: typography.html
|
||||
<address><strong>Full name <br></strong><a href="mailto:#">first.last@example.com</a></address>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 markdown">
|
||||
<div class="col-md-4 prose">
|
||||
<h3>Typography</h3>
|
||||
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user