mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 14:34:37 +04:00
hr, visual improvements, increase build speed
This commit is contained in:
codecalm
@@ -10,7 +10,15 @@ done: true
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur maxime quia reprehenderit tempore?
|
||||
</p>
|
||||
<h6 class="divider">OR</h6>
|
||||
<div class="hr-text">Left divider</div>
|
||||
<p>
|
||||
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
|
||||
</p>
|
||||
<div class="hr-text hr-text-center">Centered divider</div>
|
||||
<p>
|
||||
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
|
||||
</p>
|
||||
<div class="hr-text hr-text-right">Right divider</div>
|
||||
<p>
|
||||
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
|
||||
</p>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{% if site.data.libs %}
|
||||
<!-- Libs CSS -->
|
||||
{% for lib in site.data.libs.css %}
|
||||
<link href="{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ lib | replace: '@', '' }}{% else %}{{ lib }}{% endif %}?{{ site.time | date: '%s' }}" rel="stylesheet" />
|
||||
{% endfor %}
|
||||
<!-- Libs CSS -->
|
||||
{% for lib in site.data.libs.css %}
|
||||
<link href="{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ lib | replace: '@', '' }}{% else %}{{ lib }}{% endif %}?{{ site.time | date: '%s' }}" rel="stylesheet" />
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Tabler Core -->
|
||||
|
||||
@@ -1,35 +1,35 @@
|
||||
<form action="#" class="js-layout-form">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Color scheme</label>
|
||||
{% include ui/input-selectgroup.html name="color-scheme" values="light,dark" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="color-scheme" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Nav position</label>
|
||||
{% include ui/input-selectgroup.html name="nav-position" values="top,side" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="nav-position" values="top,side" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Header color</label>
|
||||
{% include ui/input-selectgroup.html name="header-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="header-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<!--<div class="mb-2">-->
|
||||
<!--<label class="form-label">Header fixed</label>-->
|
||||
<!--{% include ui/input-selectgroup.html name="header-fixed" values="fixed,default" type="radio" class="w-100p" %}-->
|
||||
<!--{% include_cached ui/input-selectgroup.html name="header-fixed" values="fixed,default" type="radio" class="w-100p" %}-->
|
||||
<!--</div>-->
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Sidebar position</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-position" values="left,right" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="sidebar-position" values="left,right" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Sidebar size</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-size" values="default,folded" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="sidebar-size" values="default,folded" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Sidebar color</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="sidebar-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Sidebar fixed</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-fixed" values="fixed,default" type="radio" class="w-100p" %}
|
||||
{% include_cached ui/input-selectgroup.html name="sidebar-fixed" values="fixed,default" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -51,12 +51,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% comment %}
|
||||
<div class="col-md-4">
|
||||
{% include cards/order-statistics.html %}
|
||||
</div>
|
||||
{% endcomment %}
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
{% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
{% removeemptylines %}
|
||||
{{ site.capture_global.scripts }}
|
||||
{% endremoveemptylines %}
|
||||
@@ -16,7 +16,3 @@
|
||||
|
||||
<!-- Tabler Plugins -->
|
||||
<script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
|
||||
|
||||
{% removeemptylines %}
|
||||
{{ site.capture_global.scripts }}
|
||||
{% endremoveemptylines %}
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
<div class="modal fade" id="customize" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<a class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</a>
|
||||
|
||||
{% include layout/customize.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{% if layout.og-component %}
|
||||
{% if include.show %}
|
||||
<meta name="twitter:image:src" content="https://preview-dev.tabler.io/img/components/{{ page.slug }}.png">
|
||||
<meta name="twitter:site" content="@tabler_ui">
|
||||
<meta name="twitter:card" content="summary">
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Shipping methods</label>
|
||||
{% include ui/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="selectgroup-vertical" type="radio" name="shipping-method" %}
|
||||
{% include_cached ui/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="selectgroup-vertical" type="radio" name="shipping-method" %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Icons input</label>
|
||||
{% include ui/input-selectgroup.html values="i:smartphone,i:tablet,i:monitor,i:x" class="w-100" type="radio" name="device" %}
|
||||
{% include_cached ui/input-selectgroup.html values="i:smartphone,i:tablet,i:monitor,i:x" class="w-100" type="radio" name="device" %}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Icon input</label>
|
||||
{% include ui/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" class="selectgroup-pills" %}
|
||||
{% include_cached ui/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" class="selectgroup-pills" %}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Your skills</label>
|
||||
{% include ui/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="selectgroup-pills selectgroup-separated" %}
|
||||
{% include_cached ui/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="selectgroup-pills selectgroup-separated" %}
|
||||
</div>
|
||||
|
||||
@@ -132,8 +132,6 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
},
|
||||
{% endif %}
|
||||
})).render();
|
||||
|
||||
console.log('chartEl.offsetHeight', chartEl.offsetHeight);
|
||||
});
|
||||
</script>
|
||||
{% endcapture_global %}
|
||||
|
||||
@@ -26,9 +26,9 @@
|
||||
<meta name="description" content="{{ page.description | escape }}"/>
|
||||
{% endif %}
|
||||
|
||||
{% include layout/og.html %}
|
||||
{% include_cached layout/og.html show=layout.og-component %}
|
||||
|
||||
{% include layout/css.html %}
|
||||
{% include_cached layout/css.html %}
|
||||
|
||||
<style>body { display: none; }</style>
|
||||
</head>
|
||||
@@ -36,14 +36,15 @@
|
||||
|
||||
{{ content}}
|
||||
|
||||
{% include_cached layout/js.html %}
|
||||
{% include layout/js-capture.html %}
|
||||
|
||||
{% if site.debug %}
|
||||
{% if jekyll.environment == 'development' %}
|
||||
{% include layout/debug.html %}
|
||||
{% include_cached layout/debug.html %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% include layout/js.html %}
|
||||
|
||||
<script>document.body.style.display = 'block';</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -16,5 +16,3 @@ layout: base
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include layout/modals.html %}
|
||||
|
||||
@@ -23,7 +23,7 @@ page-title: Documentation
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body p-lg-7">
|
||||
<div class="card-body p-md-6 p-xl-7">
|
||||
|
||||
<div class="markdown">
|
||||
<h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}</h2>
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
---
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% include parts/calendar.html class="border-0" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% include parts/calendar.html class="border-0" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -17,9 +17,4 @@ done: true
|
||||
<div class="col-xl-6">
|
||||
{% include cards/charts/heatmap.html id="heatmap-colors" title="Heatmap - Color range" scale=true %}
|
||||
</div>
|
||||
{% comment %}
|
||||
<div class="col-12">
|
||||
{% include cards/charts/heatmap.html id="heatmap-range" title="Github style" color="#196127" count=30 %}
|
||||
</div>
|
||||
{% endcomment %}
|
||||
</div>
|
||||
|
||||
+8
-9
@@ -2,13 +2,12 @@
|
||||
title: Icons
|
||||
---
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{% include cards/icons.html title="Feather icons" group="fe" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
{% include cards/icons.html title="Brand icons" group="brand" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{% include_cached cards/icons.html title="Feather icons" group="fe" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
{% include_cached cards/icons.html title="Brand icons" group="brand" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,45 +0,0 @@
|
||||
---
|
||||
title: Markdown
|
||||
---
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-8">
|
||||
<div class="markdown">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body p-7">
|
||||
|
||||
<h1>It's a hug, Michael. I'm hugging you.</h1>
|
||||
<p>Get me a vodka rocks. And a piece of toast. Say goodbye to these, because it's the last time! Guy's a pro. Michael! Across from where?</p>
|
||||
<p>No… but I'd like to be asked! It's called 'taking advantage. <strong>' It's what gets you ahead in life.</strong> <em> Not tricks, Michael, illusions.</em> Army had half a day.</p>
|
||||
<h2>Not tricks, Michael, illusions.</h2>
|
||||
<p>Well, what do you expect, mother? Say goodbye to these, because it's the last time! I don't understand the question, and I won't respond to it. No, I did not kill Kitty. However, I am going to oblige and answer the nice officer's questions because I am an honest man with no secrets to hide.</p>
|
||||
<ol>
|
||||
<li>I'm afraid I just blue myself.</li><li>It's called 'taking advantage.' It's what gets you ahead in life.</li><li>I don't understand the question, and I won't respond to it.</li>
|
||||
</ol>
|
||||
|
||||
<h3>Across from where?</h3>
|
||||
<p>I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. Did you enjoy your meal, Mom? You drank it fast enough. Did you enjoy your meal, Mom? You drank it fast enough.</p>
|
||||
<ul>
|
||||
<li>No! I was ashamed to be SEEN with you. I like being with you.</li><li>What's Spanish for "I know you speak English?"</li><li>No! I was ashamed to be SEEN with you. I like being with you.</li>
|
||||
</ul>
|
||||
|
||||
<p>Steve Holt! Guy's a pro. I don't understand the question, and I won't respond to it. There's so many poorly chosen words in that sentence.</p>
|
||||
<p>Oh, you're gonna be in a coma, all right. Bad news. Andy Griffith turned us down. He didn't like his trailer. It's called 'taking advantage.' It's what gets you ahead in life. That's why you always leave a note!</p>
|
||||
|
||||
<h4>That's what it said on 'Ask Jeeves.' Guy's a pro. </h4>
|
||||
<p>There's so many poorly chosen words in that sentence. There's only one man I've ever called a coward, and that's Brian Doyle Murray. No, what I'm calling you is a television actor.</p>
|
||||
<p>Whoa, this guy's straight? Say goodbye to these, because it's the last time! That's why you always leave a note! There's only one man I've ever called a coward, and that's Brian Doyle Murray. No, what I'm calling you is a television actor.</p>
|
||||
<p>Say goodbye to these, because it's the last time! I'm afraid I just blue myself. Steve Holt! We just call it a sausage. We just call it a sausage. Steve Holt!</p>
|
||||
<p>Not tricks, Michael, illusions. Guy's a pro. No! I was ashamed to be SEEN with you. I like being with you. Really? Did nothing cancel? We just call it a sausage.</p>
|
||||
<p>Now, when you do this without getting punched in the chest, you'll have more fun. Guy's a pro. That's what it said on 'Ask Jeeves.' I don't understand the question, and I won't respond to it. Whoa, this guy's straight?</p>
|
||||
<p>As you may or may not know, Lindsay and I have hit a bit of a rough patch. He'll want to use your yacht, and I don't want this thing smelling like fish. No… but I'd like to be asked! Did you enjoy your meal, Mom? You drank it fast enough.</p>
|
||||
<p>We just call it a sausage. I care deeply for nature. It's a hug, Michael. I'm hugging you. Well, what do you expect, mother?</p>
|
||||
<p>I don't understand the question, and I won't respond to it. Well, what do you expect, mother? Marry me. No, I did not kill Kitty. However, I am going to oblige and answer the nice officer's questions because I am an honest man with no secrets to hide.</p>
|
||||
<p>He'll want to use your yacht, and I don't want this thing smelling like fish. I'm half machine. I'm a monster. But I bought a yearbook ad from you, doesn't that mean anything anymore? That's what it said on 'Ask Jeeves.'</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,44 +0,0 @@
|
||||
---
|
||||
---
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<h1>Lorem ipsum dolor sit amet</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
|
||||
{% include_cached ui/button.html color="blue" size="sm" %}
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
|
||||
</p>
|
||||
|
||||
<h2>Lorem ipsum dolor sit amet</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h4>Lorem ipsum dolor sit amet</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h5>Lorem ipsum dolor sit amet</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
{% include_cached ui/button.html color="blue" %}
|
||||
{% include_cached ui/button.html color="danger" %}
|
||||
{% include_cached ui/button.html color="green" %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input type="text" class="form-control d-inline-block w-auto" size="10">
|
||||
{% include_cached ui/button.html color="blue" %}
|
||||
|
||||
<input type="text" class="form-control form-control-sm d-inline-block w-auto" size="10">
|
||||
{% include_cached ui/button.html color="blue" size="sm" %}
|
||||
|
||||
<input type="text" class="form-control form-control-lg d-inline-block w-auto" size="10">
|
||||
{% include_cached ui/button.html color="blue" size="lg" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -23,13 +23,6 @@ menu: users
|
||||
<h3 class="mb-0"><a href="#">{{ person.full_name }}</a></h3>
|
||||
<div class="text-muted text-h5">{{ person.job_title }}</div>
|
||||
</div>
|
||||
{% comment %}
|
||||
<div class="col-auto">
|
||||
<!-- todo: better buttons -->
|
||||
{% include_cached ui/button.html color="twitter" icon="brand/twitter" icon-only=true outline=true %}
|
||||
{% include_cached ui/button.html color="facebook" icon="brand/facebook" icon-only=true outline=true %}
|
||||
</div>
|
||||
{% endcomment %}
|
||||
|
||||
{% if online_counter > 7 %}
|
||||
<div class="col-auto leading-none align-self-start">
|
||||
|
||||
Reference in New Issue
Block a user