Skip to content

T
Tabler

Dashboards / Tabler
11 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

体验新版 GitCode，发现更多精彩内容 >>

提交 53f8f6f8 编写于 作者: C codecalm
浏览文件
操作

hr, visual improvements, increase build speed

上级 bad57623
隐藏空白更改
内联 并排
Showing with 52 addition and 182 deletion
Gemfile
浏览文件 @ 53f8f6f8
source "https://rubygems.org" source "https://rubygems.org"
gem "jekyll", "~> 4.0" gem "jekyll"
gem "liquid-c"
group :jekyll_plugins do group :jekyll_plugins do
gem "jekyll-random" gem "jekyll-random"
......
pages/_docs/divider.md
浏览文件 @ 53f8f6f8
...@@ -10,7 +10,15 @@ done: true ...@@ -10,7 +10,15 @@ done: true
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur maxime quia reprehenderit tempore? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur maxime quia reprehenderit tempore?
</p> </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> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </p>
......
pages/_includes/layout/css.html
浏览文件 @ 53f8f6f8
{% if site.data.libs %} {% if site.data.libs %}
<!-- Libs CSS --> <!-- Libs CSS -->
{% for lib in site.data.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" /> <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 %} {% endfor %}
{% endif %} {% endif %}
<!-- Tabler Core --> <!-- Tabler Core -->
......
pages/_includes/layout/customize.html
浏览文件 @ 53f8f6f8
<form action="#" class="js-layout-form"> <form action="#" class="js-layout-form">
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Color scheme</label> <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>
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Nav position</label> <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>
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Header color</label> <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>
<!--<div class="mb-2">--> <!--<div class="mb-2">-->
<!--<label class="form-label">Header fixed</label>--> <!--<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>-->
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Sidebar position</label> <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>
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Sidebar size</label> <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>
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Sidebar color</label> <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>
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Sidebar fixed</label> <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> </div>
......
pages/_includes/layout/homepage.html
浏览文件 @ 53f8f6f8
...@@ -51,12 +51,6 @@ ...@@ -51,12 +51,6 @@
</div> </div>
</div> </div>
{% comment %}
<div class="col-md-4">
{% include cards/order-statistics.html %}
</div>
{% endcomment %}
<div class="col-sm-6 col-xl-3"> <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" %} {% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
</div> </div>
......
pages/_includes/layout/js-capture.html 0 → 100644
浏览文件 @ 53f8f6f8
{% removeemptylines %}
{{ site.capture_global.scripts }}
{% endremoveemptylines %}
pages/_includes/layout/js.html
浏览文件 @ 53f8f6f8
...@@ -16,7 +16,3 @@ ...@@ -16,7 +16,3 @@
<!-- Tabler Plugins --> <!-- Tabler Plugins -->
<script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script> <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 %}
pages/_includes/layout/modals.html
浏览文件 @ 53f8f6f8
<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">&times;</span>
</a>
{% include layout/customize.html %}
</div>
</div>
</div>
</div>
pages/_includes/layout/og.html
浏览文件 @ 53f8f6f8
{% 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:image:src" content="https://preview-dev.tabler.io/img/components/{{ page.slug }}.png">
<meta name="twitter:site" content="@tabler_ui"> <meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
......
pages/_includes/parts/input-selectgroups.html
浏览文件 @ 53f8f6f8
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Shipping methods</label> <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>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Icons input</label> <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>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Icon input</label> <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>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Your skills</label> <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> </div>
pages/_includes/ui/chart.html
浏览文件 @ 53f8f6f8
...@@ -132,8 +132,6 @@ document.addEventListener("DOMContentLoaded", function(event) { ...@@ -132,8 +132,6 @@ document.addEventListener("DOMContentLoaded", function(event) {
}, },
{% endif %} {% endif %}
})).render(); })).render();
console.log('chartEl.offsetHeight', chartEl.offsetHeight);
}); });
</script> </script>
{% endcapture_global %} {% endcapture_global %}
......
pages/_layouts/base.html
浏览文件 @ 53f8f6f8
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
<meta name="description" content="{{ page.description | escape }}"/> <meta name="description" content="{{ page.description | escape }}"/>
{% endif %} {% 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> <style>body { display: none; }</style>
</head> </head>
...@@ -36,14 +36,15 @@ ...@@ -36,14 +36,15 @@
{{ content}} {{ content}}
{% include_cached layout/js.html %}
{% include layout/js-capture.html %}
{% if site.debug %} {% if site.debug %}
{% if jekyll.environment == 'development' %} {% if jekyll.environment == 'development' %}
{% include layout/debug.html %} {% include_cached layout/debug.html %}
{% endif %} {% endif %}
{% endif %} {% endif %}
{% include layout/js.html %}
<script>document.body.style.display = 'block';</script> <script>document.body.style.display = 'block';</script>
</body> </body>
</html> </html>
pages/_layouts/default.html
浏览文件 @ 53f8f6f8
...@@ -16,5 +16,3 @@ layout: base ...@@ -16,5 +16,3 @@ layout: base
</main> </main>
</div> </div>
</div> </div>
{% include layout/modals.html %}
pages/_layouts/docs.html
浏览文件 @ 53f8f6f8
...@@ -23,7 +23,7 @@ page-title: Documentation ...@@ -23,7 +23,7 @@ page-title: Documentation
</div> </div>
<div class="col-lg-9"> <div class="col-lg-9">
<div class="card"> <div class="card">
<div class="card-body p-lg-7"> <div class="card-body p-md-6 p-xl-7">
<div class="markdown"> <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> <h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}</h2>
......
pages/calendars.html 已删除 100644 → 0
浏览文件 @ bad57623
---
---
<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>
pages/charts-heatmap.html
浏览文件 @ 53f8f6f8
...@@ -17,9 +17,4 @@ done: true ...@@ -17,9 +17,4 @@ done: true
<div class="col-xl-6"> <div class="col-xl-6">
{% include cards/charts/heatmap.html id="heatmap-colors" title="Heatmap - Color range" scale=true %} {% include cards/charts/heatmap.html id="heatmap-colors" title="Heatmap - Color range" scale=true %}
</div> </div>
{% comment %}
<div class="col-12">
{% include cards/charts/heatmap.html id="heatmap-range" title="Github style" color="#196127" count=30 %}
</div>
{% endcomment %}
</div> </div>
pages/icons.html
浏览文件 @ 53f8f6f8
...@@ -2,13 +2,12 @@ ...@@ -2,13 +2,12 @@
title: Icons title: Icons
--- ---
<div class="row">
<div class="row"> <div class="col">
<div class="col"> {% include_cached cards/icons.html title="Feather icons" group="fe" %}
{% include cards/icons.html title="Feather icons" group="fe" %} </div>
</div> <div class="col">
<div class="col"> {% include_cached cards/icons.html title="Brand icons" group="brand" %}
{% include cards/icons.html title="Brand icons" group="brand" %} </div>
</div> </div>
</div>
pages/markdown.html 已删除 100644 → 0
浏览文件 @ bad57623
---
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>
pages/text.html 已删除 100644 → 0
浏览文件 @ bad57623
---
---
<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>
pages/users.html
浏览文件 @ 53f8f6f8
...@@ -23,13 +23,6 @@ menu: users ...@@ -23,13 +23,6 @@ menu: users
<h3 class="mb-0"><a href="#">{{ person.full_name }}</a></h3> <h3 class="mb-0"><a href="#">{{ person.full_name }}</a></h3>
<div class="text-muted text-h5">{{ person.job_title }}</div> <div class="text-muted text-h5">{{ person.job_title }}</div>
</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 %} {% if online_counter > 7 %}
<div class="col-auto leading-none align-self-start"> <div class="col-auto leading-none align-self-start">
......
scss/ui/typo/_hr.scss
浏览文件 @ 53f8f6f8
...@@ -13,7 +13,7 @@ Hr text ...@@ -13,7 +13,7 @@ Hr text
display: flex; display: flex;
align-items: center; align-items: center;
margin: $hr-margin-y 0; margin: $hr-margin-y 0;
font-size: $h6-font-size; @include subheader;
&::after, &::after,
&::before { &::before {
...@@ -23,8 +23,13 @@ Hr text ...@@ -23,8 +23,13 @@ Hr text
opacity: $hr-opacity; opacity: $hr-opacity;
} }
&::before {
margin-right: .5rem;
}
&::after { &::after {
content: ""; content: "";
margin-left: .5rem;
} }
> *:first-child { > *:first-child {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或