Skip to content

T
Tabler

Dashboards / Tabler
10 个月 前同步成功

通知 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"
gem "jekyll", "~> 4.0"
gem "jekyll"
gem "liquid-c"
group :jekyll_plugins do
gem "jekyll-random"
......
pages/_docs/divider.md
浏览文件 @ 53f8f6f8
......@@ -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>
......
pages/_includes/layout/css.html
浏览文件 @ 53f8f6f8
{% 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 -->
......
pages/_includes/layout/customize.html
浏览文件 @ 53f8f6f8
<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>
......
pages/_includes/layout/homepage.html
浏览文件 @ 53f8f6f8
......@@ -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>
......
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 @@
<!-- 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 %}
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:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
......
pages/_includes/parts/input-selectgroups.html
浏览文件 @ 53f8f6f8
<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>
pages/_includes/ui/chart.html
浏览文件 @ 53f8f6f8
......@@ -132,8 +132,6 @@ document.addEventListener("DOMContentLoaded", function(event) {
},
{% endif %}
})).render();
console.log('chartEl.offsetHeight', chartEl.offsetHeight);
});
</script>
{% endcapture_global %}
......
pages/_layouts/base.html
浏览文件 @ 53f8f6f8
......@@ -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>
pages/_layouts/default.html
浏览文件 @ 53f8f6f8
......@@ -16,5 +16,3 @@ layout: base
</main>
</div>
</div>
{% include layout/modals.html %}
pages/_layouts/docs.html
浏览文件 @ 53f8f6f8
......@@ -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>
......
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
<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>
pages/icons.html
浏览文件 @ 53f8f6f8
......@@ -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>
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
<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">
......
scss/ui/typo/_hr.scss
浏览文件 @ 53f8f6f8
......@@ -13,7 +13,7 @@ Hr text
display: flex;
align-items: center;
margin: $hr-margin-y 0;
font-size: $h6-font-size;
@include subheader;
&::after,
&::before {
......@@ -23,8 +23,13 @@ Hr text
opacity: $hr-opacity;
}
&::before {
margin-right: .5rem;
}
&::after {
content: "";
margin-left: .5rem;
}
> *:first-child {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或