Skip to content

T
tabler

知鸟1号 / tabler
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
T
tabler

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

提交 40a1f9dc 编写于 作者: C codecalm
浏览文件
操作

cards components, progress fixes, font fixes

上级 faf81c6e
隐藏空白更改
内联 并排
Showing with 235 addition and 1903 deletion
pages/_components/progress.html 0 → 100644
浏览文件 @ 40a1f9dc
---
title: Progress bar
columns: 1
---
{% include ui/progress-description.html percentage=45 %}
{% include ui/progress-description.html percentage=32 color="red" %}
{% include ui/progress-description.html percentage=90 color="yellow" %}
{% include ui/progress-description.html percentage=51 color="green" %}
pages/_data/menu.yml
浏览文件 @ 40a1f9dc
...@@ -70,10 +70,3 @@ components: ...@@ -70,10 +70,3 @@ components:
url: components.html url: components.html
title: Components title: Components
icon: truck icon: truck
customize:
url: '#customize'
title: Customize
icon: sliders
toggle: modal
pages/_includes/cards/blog-single.html
浏览文件 @ 40a1f9dc
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<div class="d-flex align-items-center pt-5 mt-auto"> <div class="d-flex align-items-center pt-5 mt-auto">
{% include ui/avatar.html person-id=avatar size="md" %} {% include ui/avatar.html person-id=avatar size="md" %}
<div class="ml-3"> <div class="ml-3">
<a href="{{ site.base }}/profile.html" class="text-default">{{ author.first_name }} {{ author.last_name }}</a> <a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
<small class="d-block text-muted">3 days ago</small> <small class="d-block text-muted">3 days ago</small>
</div> </div>
<div class="ml-auto"> <div class="ml-auto">
......
pages/_includes/cards/company-employees.html
浏览文件 @ 40a1f9dc
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
{% for person in site.data.people limit: 5 offset: 20 %} {% for person in site.data.people limit: 5 offset: 20 %}
<tr> <tr>
<td class="w-1">{% include ui/avatar.html src=person.photo %}</td> <td class="w-1">{% include ui/avatar.html src=person.photo %}</td>
<td><a href="javascript:void(0)" class="text-inherit">{{ person.full_name }}</a></td> <td><a href="javascript:void(0)" class="text-reset">{{ person.full_name }}</a></td>
<td>{{ person.department }}</td> <td>{{ person.department }}</td>
<td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td> <td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td>
<td> <td>
......
pages/_includes/cards/invoices.html
浏览文件 @ 40a1f9dc
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
{% for invoice in site.data.invoices limit: 5 %} {% for invoice in site.data.invoices limit: 5 %}
<tr> <tr>
<td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td> <td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td>
<td><a href="invoice.html" class="text-inherit">{{ invoice.name }}</a></td> <td><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
<td> <td>
{% include ui/flag.html name=invoice.country %} {% include ui/flag.html name=invoice.country %}
{{ invoice.client }} {{ invoice.client }}
......
pages/_includes/cards/recommended-users.html
浏览文件 @ 40a1f9dc
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="card-body"> <div class="card-body">
{% for person in site.data.people limit: 5 offset: 50 %} {% for person in site.data.people limit: 5 offset: 50 %}
<div class="mb-3"> <div class="mb-3">
<a href="javascript:void(0)" class="d-flex align-items-center text-inherit"> <a href="javascript:void(0)" class="d-flex align-items-center text-reset">
{% include ui/avatar.html person=person size="sm" class="mr-2"%} {% include ui/avatar.html person=person size="sm" class="mr-2"%}
{{ person.full_name }} {{ person.full_name }}
</a> </a>
......
pages/_includes/cards/tasks.html
浏览文件 @ 40a1f9dc
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</label> </label>
</td> </td>
<td class="w-100"> <td class="w-100">
<a href="javascript:void(0)" class="text-inherit">{{ task.name }}</a> <a href="javascript:void(0)" class="text-reset">{{ task.name }}</a>
</td> </td>
<td class="text-nowrap text-muted"> <td class="text-nowrap text-muted">
{% include ui/icon.html icon="calendar" %} {% include ui/icon.html icon="calendar" %}
......
pages/_includes/cards/top-users.html
浏览文件 @ 40a1f9dc
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<a href="javascript:void(0)" class="text-default">{{ person.full_name }}</a> <a href="javascript:void(0)" class="text-body">{{ person.full_name }}</a>
<a href="javascript:void(0)" class="text-muted leading-none"> <a href="javascript:void(0)" class="text-muted leading-none">
{{ person.company }} {{ person.company }}
</a> </a>
......
pages/_includes/layout/sidenav-content.html
浏览文件 @ 40a1f9dc
{% assign id = 0 | random_id %} {% assign id = 0 | random_id %}
<div class="pb-3"> <div class="pb-3">
<a href="{{ site.base }}" class="navbar-brand text-inherit"> <a href="{{ site.base }}" class="navbar-brand text-reset">
<img src="{{ site.base }}/img/logo{% if include.white %}-white{% endif %}.svg" alt="" class="hide-navbar-folded navbar-brand-logo"> <img src="{{ site.base }}/img/logo{% if include.white %}-white{% endif %}.svg" alt="" class="hide-navbar-folded navbar-brand-logo">
<img src="{{ site.base }}/img/logo-small{% if include.white %}-white{% endif %}.svg" alt="" class="hide-navbar-expanded navbar-brand-logo"> <img src="{{ site.base }}/img/logo-small{% if include.white %}-white{% endif %}.svg" alt="" class="hide-navbar-expanded navbar-brand-logo">
</a> </a>
......
pages/_includes/parts/navbar.html
浏览文件 @ 40a1f9dc
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</a> </a>
<a href="{{ site.base }}" class="navbar-brand text-inherit mr-md-3"> <a href="{{ site.base }}" class="navbar-brand text-reset mr-md-3">
{% if include.icon %}<span class="text-green">{% include ui/icon.html icon=include.icon %}</span>{% endif %} {% if include.icon %}<span class="text-green">{% include ui/icon.html icon=include.icon %}</span>{% endif %}
{% if include.stamp %}<span class="stamp bg-primary text-white">UI</span>{% endif %} {% if include.stamp %}<span class="stamp bg-primary text-white">UI</span>{% endif %}
{% if include.logo %} {% if include.logo %}
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
</span> </span>
{% elsif include.user-menu == 2 %} {% elsif include.user-menu == 2 %}
<span class="mx-2 d-none leading-none d-lg-block text-right"> <span class="mx-2 d-none leading-none d-lg-block text-right">
<span class="text-default">{{ person.full_name }}</span> <span class="text-body">{{ person.full_name }}</span>
</span> </span>
{% include ui/avatar.html src=person.photo %} {% include ui/avatar.html src=person.photo %}
{% elsif include.user-menu == 3 %} {% elsif include.user-menu == 3 %}
......
pages/_includes/ui/button.html
浏览文件 @ 40a1f9dc
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
{% assign spinner-class = false %} {% assign spinner-class = false %}
{% assign provider = include.provider | default: 'fe' %} {% assign provider = include.provider | default: 'fe' %}
{% if include.text %}{% assign spinner-class="mr-2" %}{% endif %} {% if include.text %}{% assign spinner-class="mr-2" %}{% endif %}
{% assign element = include.element | default: 'button' %} {% assign e = include.element | default: 'button' %}
<{{ element }}{% if element == 'a' %} href="{{ include.href | default: '#' }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.label %} btn-label{% endif %}"> <{{ e }}{% if e == 'a' %} href="{{ include.href | default: '#' }}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.label %} btn-label{% endif %}">
{% if include.spinner %} {% if include.spinner %}
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %} {% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true %}{% endif %} {% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true %}{% endif %}
{{ include.text }} {{ include.text | default: "Button" }}
{% if include.icon-right %}{% include ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %} {% if include.icon-right %}{% include ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %}
</{{ element }}> </{{ e }}>
{% endremoveemptylines %} {% endremoveemptylines %}
pages/_includes/ui/icon.html
浏览文件 @ 40a1f9dc
{% removeemptylines %} {% removeemptylines %}
{% if include.use-svg %} {% assign svg-file="svg/" | append: include.icon | append: ".svg" %}
{% assign svg-file="svg/" | append: include.icon | append: ".svg" %} {% capture svg-icon %}
{% capture svg-icon %} {% include_cached {{ svg-file }} %}
{% include_cached {{ svg-file }} %} {% endcapture %}
{% endcapture %}
{% assign replace-to = "icon" %} {% assign replace-to = "icon" %}
{% if include.right %} {% if include.right %}
{% assign replace-to = replace-to | append: " icon-right" %} {% assign replace-to = replace-to | append: " icon-right" %}
{% endif %} {% endif %}
{% if include.class %}
{% assign replace-to = replace-to | append: ' ' | append: include.class %}
{% endif %}
{% assign replace-to = 'class="' | append: replace-to | append: '"' %} {% if include.class %}
{% assign replace-to = replace-to | append: ' ' | append: include.class %}
{% endif %}
{{ svg-icon | replace_regex: 'class=\"[^"]+\"', replace-to }} {% if include.color %}
{% else %} {% assign replace-to = replace-to | append: ' text-' | append: include.color %}
{% assign provider = include.provider | default: "fe" %}
<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
{% endif %} {% endif %}
{% assign replace-to = 'class="' | append: replace-to | append: '"' %}
{{ svg-icon | replace_regex: 'class=\"[^"]+\"', replace-to }}
{% endremoveemptylines %} {% endremoveemptylines %}
pages/_includes/ui/progress-description.html 0 → 100644
浏览文件 @ 40a1f9dc
{% assign size = include['size'] | default: 'sm' %}
{% assign color = include.color | default: 'blue' %}
<div class="{% if include.class %}{{ include.class }}{% else %}mb-3{% endif %}">
<div class="d-flex mb-1 align-items-center">
<div class="text-h5 font-weight-bolder m-0 mr-2">Label</div>
<div class="text-h5 text-muted">Description</div>
<span class="ml-auto text-h6 text-{{ color }}">{{ include.percentage }}%</span>
</div>
{% include ui/progress.html size=size percentage=include.percentage color=color %}
</div>
pages/_layouts/component.html
浏览文件 @ 40a1f9dc
...@@ -7,6 +7,25 @@ og-component: true ...@@ -7,6 +7,25 @@ og-component: true
{% assign columns = page.columns | default: 0 %} {% assign columns = page.columns | default: 0 %}
{% capture demo-html %}
<div class="tabler-demo">
{{ content }}
</div>
{% endcapture %}
{% capture demo-css %}
.tabler-demo {
padding: 3rem;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
width: 100%;
}
{% endcapture %}
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<div class="list-group list-group-transparent mb-0"> <div class="list-group list-group-transparent mb-0">
...@@ -37,7 +56,12 @@ og-component: true ...@@ -37,7 +56,12 @@ og-component: true
<div class="row"> <div class="row">
<div class="col">{% include ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div> <div class="col">{% include ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div>
<div class="col">{% include ui/button.html icon="codesandbox" text="Open in sandbox" color="primary" block=true class="mt-4" %}</div> <div class="col">
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"{{ page.title | escape }}","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"{{ demo-html | tidy: 'html' | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' | replace_regex: "'", "\'" }}","css":"{{ demo-css | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' }}", "editors":"100"}'>
{% include ui/button.html icon="codesandbox" text="Edit in CodePen" color="primary" block=true class="mt-4" element="button" type="submit" %}
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
......
pages/_layouts/docs.html
浏览文件 @ 40a1f9dc
...@@ -23,10 +23,10 @@ page-title: Documentation ...@@ -23,10 +23,10 @@ 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-8"> <div class="card-body p-lg-7">
<div class="markdown"> <div class="markdown">
<h2 class="mt-0 mb-4">{{ page.title }}{% if page.done %} {% include ui/icon.html icon="check" color="green" %}{% endif %}</h2> <h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include ui/icon.html icon="check" color="green" %}{% endif %}</h2>
{% if page.plugin %} {% if page.plugin %}
<div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code> plugin.</div> <div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code> plugin.</div>
......
pages/repo.html
浏览文件 @ 40a1f9dc
...@@ -32,12 +32,12 @@ done: true ...@@ -32,12 +32,12 @@ done: true
<div class="d-flex align-items-center w-100"> <div class="d-flex align-items-center w-100">
{% include ui/avatar.html person=person size="xs" class="mr-2" %} {% include ui/avatar.html person=person size="xs" class="mr-2" %}
<div> <div>
<a href="javascript:void(0)" class="text-default">{{ person.full_name }}</a> <a href="javascript:void(0)" class="text-body">{{ person.full_name }}</a>
merge pull request merge pull request
<a href="javascript:void(0)" class="text-default">#176</a> <a href="javascript:void(0)" class="text-body">#176</a>
from codecalm/dev from codecalm/dev
</div> </div>
<div class="ml-auto">Latest commit <a href="javascript:void(0)" class="text-inherit font-semibold">54e9403</a> 4 days ago</div> <div class="ml-auto">Latest commit <a href="javascript:void(0)" class="text-reset font-semibold">54e9403</a> 4 days ago</div>
</div> </div>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
...@@ -50,13 +50,13 @@ done: true ...@@ -50,13 +50,13 @@ done: true
{% else %} {% else %}
{% include ui/icon.html icon="file" class="mr-1" %} {% include ui/icon.html icon="file" class="mr-1" %}
{% endif %} {% endif %}
<a href="javascript:void(0)" class="text-default">{{ file.name }}</a> <a href="javascript:void(0)" class="text-body">{{ file.name }}</a>
</td> </td>
<td class="text-muted text-nowrap"> <td class="text-muted text-nowrap">
<a href="javascript:void(0)" class="text-inherit">{{ file.comment }}</a> <a href="javascript:void(0)" class="text-reset">{{ file.comment }}</a>
</td> </td>
<td class="text-right text-muted text-nowrap"> <td class="text-right text-muted text-nowrap">
<a href="javascript:void(0)" class="text-inherit">{{ file.date }}</a> <a href="javascript:void(0)" class="text-reset">{{ file.date }}</a>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
......
pages/text.html 0 → 100644
浏览文件 @ 40a1f9dc
---
---
<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 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 ui/button.html color="blue" %}
{% include ui/button.html color="danger" %}
{% include ui/button.html color="green" %}
</div>
<div class="mb-3">
<input type="text" class="form-control d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" %}
<input type="text" class="form-control form-control-sm d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" size="sm" %}
<input type="text" class="form-control form-control-lg d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" size="lg" %}
</div>
</div>
</div>
scss/_config.scss
浏览文件 @ 40a1f9dc
@import "../node_modules/bootstrap/scss/functions"; @import "../node_modules/bootstrap/scss/functions";
@import "variables"; @import "variables";
@import "utilities";
@import "mixins"; @import "mixins";
scss/_dark.scss
浏览文件 @ 40a1f9dc
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
color: inherit; color: inherit;
} }
.text-default { .text-body {
color: #afbdd1 !important; color: #afbdd1 !important;
} }
......
scss/_utilities.scss 0 → 100644
浏览文件 @ 40a1f9dc
//Utilities
$utilities: (
"object": (
property: object-fit,
class: object,
values: (
contain: contain,
cover: cover,
fill: fill,
scale-down: scale-down,
none: none,
)
),
"spacing": (
property: letter-spacing,
class: tracking,
values: (
tight: -.05em,
normal: 0,
wide: .05em,
)
),
"leading": (
property: line-height,
class: leading,
values: (
none: 1,
tight: 1.25,
normal: $line-height-base,
loose: 2 !important,
)
),
"cursor": (
property: cursor,
class: cursor,
values: (
auto: auto,
pointer: pointer,
move: move,
not-allowed: not-allowed,
zoom-in: zoom-in,
zoom-out: zoom-out
)
),
"font-size": (
property: font-size,
class: text,
values: (
h1: $h1-font-size,
h2: $h2-font-size,
h3: $h3-font-size,
h4: $h4-font-size,
h5: $h5-font-size,
h6: $h6-font-size,
)
),
"font-weight": (
property: font-weight,
values: (
light: 300,
normal: 400,
medium: 500,
semibold: 600,
bold: 700,
extrabold: 800,
black: 900,
)
),
) !default;
scss/_variables.scss
浏览文件 @ 40a1f9dc
// FONTS // FONTS
$google-font: 'Nunito Sans' !default; $google-font: 'Source Sans Pro' !default;
$font-family-sans-serif: $google-font, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default; $font-family-sans-serif: $google-font, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
$font-family-serif: "Georgia", "Times New Roman", times, serif !default; $font-family-serif: "Georgia", "Times New Roman", times, serif !default;
...@@ -42,7 +42,7 @@ $black: #000000 !default; ...@@ -42,7 +42,7 @@ $black: #000000 !default;
$white: #ffffff !default; $white: #ffffff !default;
$light: #f5f7fb !default; $light: #f5f7fb !default;
$dark: #505061 !default; $dark: #495057 !default;
$body-bg: $light !default; $body-bg: $light !default;
$body-color: $dark !default; $body-color: $dark !default;
...@@ -107,24 +107,22 @@ $avatar-sizes: ( ...@@ -107,24 +107,22 @@ $avatar-sizes: (
//Fonts //Fonts
$font-size-base: 1rem !default; $font-size-base: 1rem !default;
$font-weight-base: 400 !default; $font-weight-base: 400 !default;
$line-height-base: 1.5 !default; $line-height-base: 1.6 !default;
$body-letter-spacing: -.01em !default; $body-letter-spacing: null !default;
$border-radius: 3px !default; $border-radius: 3px !default;
//Typography //Typography
$headings-color: #021f34 !default;
$headings-font-weight: 600 !default; $headings-font-weight: 600 !default;
$small-font-size: 87.5% !default; $small-font-size: 87.5% !default;
$h1-font-size: (23em/15) !default; $h1-font-size: (26em/16) !default;
$h2-font-size: (21em/15) !default; $h2-font-size: (21em/16) !default;
$h3-font-size: (19em/15) !default; $h3-font-size: (18em/16) !default;
$h4-font-size: (17em/15) !default; $h4-font-size: (16em/16) !default;
$h5-font-size: (15em/15) !default; $h5-font-size: (14em/16) !default;
$h6-font-size: (13em/15) !default; $h6-font-size: (12em/16) !default;
$h7-font-size: (11em/15) !default;
$blockquote-font-size: $h4-font-size !default; $blockquote-font-size: $h4-font-size !default;
...@@ -205,10 +203,23 @@ $breadcrumb-variants: ( ...@@ -205,10 +203,23 @@ $breadcrumb-variants: (
$badge-font-weight: 500 !default; $badge-font-weight: 500 !default;
//buttons //buttons
$input-btn-line-height: 1.5 !default;
$input-btn-font-size: 15px !default; $input-btn-font-size: 15px !default;
$btn-padding-x: 1rem !default;
$btn-font-weight: 500 !default; $input-btn-font-size-sm: 12px !default;
$input-btn-padding-x-sm: 6px !default;
$input-btn-padding-y-sm: 1px !default;
$input-btn-font-size-lg: 20px !default;
$input-btn-padding-x-lg: 20px !default;
$input-btn-padding-y-lg: 8px !default;
$input-height: null !default;
$input-height-sm: null !default;
$input-height-lg: null !default;
$btn-padding-x: 1rem !default;
$btn-font-weight: 600 !default;
$btn-border-radius: 3px !default; $btn-border-radius: 3px !default;
//cards //cards
...@@ -272,7 +283,7 @@ $toast-header-color: $text-muted !default; ...@@ -272,7 +283,7 @@ $toast-header-color: $text-muted !default;
$yiq-contrasted-threshold: 200 !default; $yiq-contrasted-threshold: 200 !default;
//progress //progress
$progress-bg: $gray-100 !default; $progress-bg: $gray-200 !default;
$progress-height: .75rem !default; $progress-height: .75rem !default;
//ribbons //ribbons
...@@ -314,48 +325,3 @@ $flag-sizes: ( ...@@ -314,48 +325,3 @@ $flag-sizes: (
"xl": 4rem "xl": 4rem
) !default; ) !default;
//Utilities
$utilities: (
"object": (
property: object-fit,
class: object,
values: (
contain: contain,
cover: cover,
fill: fill,
scale-down: scale-down,
none: none,
)
),
"spacing": (
property: letter-spacing,
class: tracking,
values: (
tight: -.05em,
normal: 0,
wide: .05em,
)
),
"leading": (
property: line-height,
class: leading,
values: (
none: 1,
tight: 1.25,
normal: $line-height-base,
loose: 2 !important,
)
),
"cursor": (
property: cursor,
class: cursor,
values: (
auto: auto,
pointer: pointer,
move: move,
not-allowed: not-allowed,
zoom-in: zoom-in,
zoom-out: zoom-out
)
)
) !default;
scss/fonts/_tabler-webfont.scss 已删除 100644 → 0
浏览文件 @ faf81c6e
@font-face {
font-family: 'tabler-webfont';
src: url("../fonts/tabler-webfont/tabler-webfont.eot?d88ab45f67181eccbf3579d96bdf650a?#iefix") format("embedded-opentype"),
url("../fonts/tabler-webfont/tabler-webfont.woff2?d88ab45f67181eccbf3579d96bdf650a") format("woff2"),
url("../fonts/tabler-webfont/tabler-webfont.woff?d88ab45f67181eccbf3579d96bdf650a") format("woff"),
url("../fonts/tabler-webfont/tabler-webfont.ttf?d88ab45f67181eccbf3579d96bdf650a") format("truetype"),
url("../fonts/tabler-webfont/tabler-webfont.svg?d88ab45f67181eccbf3579d96bdf650a#tabler-webfont") format("svg");
font-weight: normal;
font-style: normal;
}
.icon {
font-family: 'tabler-webfont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
$icon-brand-android: '\f101';
.brand-android:before {
content: $icon-brand-android;
}
$icon-brand-apple: '\f102';
.brand-apple:before {
content: $icon-brand-apple;
}
$icon-brand-asana: '\f103';
.brand-asana:before {
content: $icon-brand-asana;
}
$icon-brand-atlassian: '\f104';
.brand-atlassian:before {
content: $icon-brand-atlassian;
}
$icon-brand-basecamp: '\f105';
.brand-basecamp:before {
content: $icon-brand-basecamp;
}
$icon-brand-behance: '\f106';
.brand-behance:before {
content: $icon-brand-behance;
}
$icon-brand-bing: '\f107';
.brand-bing:before {
content: $icon-brand-bing;
}
$icon-brand-bitbucket: '\f108';
.brand-bitbucket:before {
content: $icon-brand-bitbucket;
}
$icon-brand-bitcoin: '\f109';
.brand-bitcoin:before {
content: $icon-brand-bitcoin;
}
$icon-brand-blogger: '\f10a';
.brand-blogger:before {
content: $icon-brand-blogger;
}
$icon-brand-bootstrap: '\f10b';
.brand-bootstrap:before {
content: $icon-brand-bootstrap;
}
$icon-brand-buddy: '\f10c';
.brand-buddy:before {
content: $icon-brand-buddy;
}
$icon-brand-circleci: '\f10d';
.brand-circleci:before {
content: $icon-brand-circleci;
}
$icon-brand-codepen: '\f10e';
.brand-codepen:before {
content: $icon-brand-codepen;
}
$icon-brand-codeship: '\f10f';
.brand-codeship:before {
content: $icon-brand-codeship;
}
$icon-brand-css3: '\f110';
.brand-css3:before {
content: $icon-brand-css3;
}
$icon-brand-digitalocean: '\f111';
.brand-digitalocean:before {
content: $icon-brand-digitalocean;
}
$icon-brand-disqus: '\f112';
.brand-disqus:before {
content: $icon-brand-disqus;
}
$icon-brand-docker: '\f113';
.brand-docker:before {
content: $icon-brand-docker;
}
$icon-brand-dribbble: '\f114';
.brand-dribbble:before {
content: $icon-brand-dribbble;
}
$icon-brand-dropbox: '\f115';
.brand-dropbox:before {
content: $icon-brand-dropbox;
}
$icon-brand-facebook: '\f116';
.brand-facebook:before {
content: $icon-brand-facebook;
}
$icon-brand-figma: '\f117';
.brand-figma:before {
content: $icon-brand-figma;
}
$icon-brand-flickr: '\f118';
.brand-flickr:before {
content: $icon-brand-flickr;
}
$icon-brand-foursquare: '\f119';
.brand-foursquare:before {
content: $icon-brand-foursquare;
}
$icon-brand-git: '\f11a';
.brand-git:before {
content: $icon-brand-git;
}
$icon-brand-github: '\f11b';
.brand-github:before {
content: $icon-brand-github;
}
$icon-brand-gitlab: '\f11c';
.brand-gitlab:before {
content: $icon-brand-gitlab;
}
$icon-brand-google: '\f11d';
.brand-google:before {
content: $icon-brand-google;
}
$icon-brand-googleplus: '\f11e';
.brand-googleplus:before {
content: $icon-brand-googleplus;
}
$icon-brand-gravatar: '\f11f';
.brand-gravatar:before {
content: $icon-brand-gravatar;
}
$icon-brand-hipchat: '\f120';
.brand-hipchat:before {
content: $icon-brand-hipchat;
}
$icon-brand-html5: '\f121';
.brand-html5:before {
content: $icon-brand-html5;
}
$icon-brand-instagram: '\f122';
.brand-instagram:before {
content: $icon-brand-instagram;
}
$icon-brand-invision: '\f123';
.brand-invision:before {
content: $icon-brand-invision;
}
$icon-brand-javascript: '\f124';
.brand-javascript:before {
content: $icon-brand-javascript;
}
$icon-brand-kickstarter: '\f125';
.brand-kickstarter:before {
content: $icon-brand-kickstarter;
}
$icon-brand-linkedin: '\f126';
.brand-linkedin:before {
content: $icon-brand-linkedin;
}
$icon-brand-medium: '\f127';
.brand-medium:before {
content: $icon-brand-medium;
}
$icon-brand-meetup: '\f128';
.brand-meetup:before {
content: $icon-brand-meetup;
}
$icon-brand-messenger: '\f129';
.brand-messenger:before {
content: $icon-brand-messenger;
}
$icon-brand-netflix: '\f12a';
.brand-netflix:before {
content: $icon-brand-netflix;
}
$icon-brand-pagekit: '\f12b';
.brand-pagekit:before {
content: $icon-brand-pagekit;
}
$icon-brand-paypal: '\f12c';
.brand-paypal:before {
content: $icon-brand-paypal;
}
$icon-brand-pinterest: '\f12d';
.brand-pinterest:before {
content: $icon-brand-pinterest;
}
$icon-brand-producthunt: '\f12e';
.brand-producthunt:before {
content: $icon-brand-producthunt;
}
$icon-brand-rss: '\f12f';
.brand-rss:before {
content: $icon-brand-rss;
}
$icon-brand-sass: '\f130';
.brand-sass:before {
content: $icon-brand-sass;
}
$icon-brand-sentry: '\f131';
.brand-sentry:before {
content: $icon-brand-sentry;
}
$icon-brand-skype: '\f132';
.brand-skype:before {
content: $icon-brand-skype;
}
$icon-brand-slack: '\f133';
.brand-slack:before {
content: $icon-brand-slack;
}
$icon-brand-snapchat: '\f134';
.brand-snapchat:before {
content: $icon-brand-snapchat;
}
$icon-brand-spotify: '\f135';
.brand-spotify:before {
content: $icon-brand-spotify;
}
$icon-brand-strava: '\f136';
.brand-strava:before {
content: $icon-brand-strava;
}
$icon-brand-stripe: '\f137';
.brand-stripe:before {
content: $icon-brand-stripe;
}
$icon-brand-tabler: '\f138';
.brand-tabler:before {
content: $icon-brand-tabler;
}
$icon-brand-telegram: '\f139';
.brand-telegram:before {
content: $icon-brand-telegram;
}
$icon-brand-tumblr: '\f13a';
.brand-tumblr:before {
content: $icon-brand-tumblr;
}
$icon-brand-twitter: '\f13b';
.brand-twitter:before {
content: $icon-brand-twitter;
}
$icon-brand-typescript: '\f13c';
.brand-typescript:before {
content: $icon-brand-typescript;
}
$icon-brand-uber: '\f13d';
.brand-uber:before {
content: $icon-brand-uber;
}
$icon-brand-uikit: '\f13e';
.brand-uikit:before {
content: $icon-brand-uikit;
}
$icon-brand-vimeo: '\f13f';
.brand-vimeo:before {
content: $icon-brand-vimeo;
}
$icon-brand-vk: '\f140';
.brand-vk:before {
content: $icon-brand-vk;
}
$icon-brand-wechat: '\f141';
.brand-wechat:before {
content: $icon-brand-wechat;
}
$icon-brand-whatsapp: '\f142';
.brand-whatsapp:before {
content: $icon-brand-whatsapp;
}
$icon-brand-wordpress: '\f143';
.brand-wordpress:before {
content: $icon-brand-wordpress;
}
$icon-brand-ycombinator: '\f144';
.brand-ycombinator:before {
content: $icon-brand-ycombinator;
}
$icon-brand-youtube: '\f145';
.brand-youtube:before {
content: $icon-brand-youtube;
}
$icon-fe-activity: '\f146';
.fe-activity:before {
content: $icon-fe-activity;
}
$icon-fe-airplay: '\f147';
.fe-airplay:before {
content: $icon-fe-airplay;
}
$icon-fe-alert-circle: '\f148';
.fe-alert-circle:before {
content: $icon-fe-alert-circle;
}
$icon-fe-alert-octagon: '\f149';
.fe-alert-octagon:before {
content: $icon-fe-alert-octagon;
}
$icon-fe-alert-triangle: '\f14a';
.fe-alert-triangle:before {
content: $icon-fe-alert-triangle;
}
$icon-fe-align-center: '\f14b';
.fe-align-center:before {
content: $icon-fe-align-center;
}
$icon-fe-align-justify: '\f14c';
.fe-align-justify:before {
content: $icon-fe-align-justify;
}
$icon-fe-align-left: '\f14d';
.fe-align-left:before {
content: $icon-fe-align-left;
}
$icon-fe-align-right: '\f14e';
.fe-align-right:before {
content: $icon-fe-align-right;
}
$icon-fe-anchor: '\f14f';
.fe-anchor:before {
content: $icon-fe-anchor;
}
$icon-fe-aperture: '\f150';
.fe-aperture:before {
content: $icon-fe-aperture;
}
$icon-fe-archive: '\f151';
.fe-archive:before {
content: $icon-fe-archive;
}
$icon-fe-arrow-down-circle: '\f152';
.fe-arrow-down-circle:before {
content: $icon-fe-arrow-down-circle;
}
$icon-fe-arrow-down-left: '\f153';
.fe-arrow-down-left:before {
content: $icon-fe-arrow-down-left;
}
$icon-fe-arrow-down-right: '\f154';
.fe-arrow-down-right:before {
content: $icon-fe-arrow-down-right;
}
$icon-fe-arrow-down: '\f155';
.fe-arrow-down:before {
content: $icon-fe-arrow-down;
}
$icon-fe-arrow-left-circle: '\f156';
.fe-arrow-left-circle:before {
content: $icon-fe-arrow-left-circle;
}
$icon-fe-arrow-left: '\f157';
.fe-arrow-left:before {
content: $icon-fe-arrow-left;
}
$icon-fe-arrow-right-circle: '\f158';
.fe-arrow-right-circle:before {
content: $icon-fe-arrow-right-circle;
}
$icon-fe-arrow-right: '\f159';
.fe-arrow-right:before {
content: $icon-fe-arrow-right;
}
$icon-fe-arrow-up-circle: '\f15a';
.fe-arrow-up-circle:before {
content: $icon-fe-arrow-up-circle;
}
$icon-fe-arrow-up-left: '\f15b';
.fe-arrow-up-left:before {
content: $icon-fe-arrow-up-left;
}
$icon-fe-arrow-up-right: '\f15c';
.fe-arrow-up-right:before {
content: $icon-fe-arrow-up-right;
}
$icon-fe-arrow-up: '\f15d';
.fe-arrow-up:before {
content: $icon-fe-arrow-up;
}
$icon-fe-at-sign: '\f15e';
.fe-at-sign:before {
content: $icon-fe-at-sign;
}
$icon-fe-award: '\f15f';
.fe-award:before {
content: $icon-fe-award;
}
$icon-fe-bar-chart-2: '\f160';
.fe-bar-chart-2:before {
content: $icon-fe-bar-chart-2;
}
$icon-fe-bar-chart: '\f161';
.fe-bar-chart:before {
content: $icon-fe-bar-chart;
}
$icon-fe-battery-charging: '\f162';
.fe-battery-charging:before {
content: $icon-fe-battery-charging;
}
$icon-fe-battery: '\f163';
.fe-battery:before {
content: $icon-fe-battery;
}
$icon-fe-bell-off: '\f164';
.fe-bell-off:before {
content: $icon-fe-bell-off;
}
$icon-fe-bell: '\f165';
.fe-bell:before {
content: $icon-fe-bell;
}
$icon-fe-bluetooth: '\f166';
.fe-bluetooth:before {
content: $icon-fe-bluetooth;
}
$icon-fe-bold: '\f167';
.fe-bold:before {
content: $icon-fe-bold;
}
$icon-fe-book-open: '\f168';
.fe-book-open:before {
content: $icon-fe-book-open;
}
$icon-fe-book: '\f169';
.fe-book:before {
content: $icon-fe-book;
}
$icon-fe-bookmark: '\f16a';
.fe-bookmark:before {
content: $icon-fe-bookmark;
}
$icon-fe-box: '\f16b';
.fe-box:before {
content: $icon-fe-box;
}
$icon-fe-briefcase: '\f16c';
.fe-briefcase:before {
content: $icon-fe-briefcase;
}
$icon-fe-calendar: '\f16d';
.fe-calendar:before {
content: $icon-fe-calendar;
}
$icon-fe-camera-off: '\f16e';
.fe-camera-off:before {
content: $icon-fe-camera-off;
}
$icon-fe-camera: '\f16f';
.fe-camera:before {
content: $icon-fe-camera;
}
$icon-fe-cast: '\f170';
.fe-cast:before {
content: $icon-fe-cast;
}
$icon-fe-check-circle: '\f171';
.fe-check-circle:before {
content: $icon-fe-check-circle;
}
$icon-fe-check-square: '\f172';
.fe-check-square:before {
content: $icon-fe-check-square;
}
$icon-fe-check: '\f173';
.fe-check:before {
content: $icon-fe-check;
}
$icon-fe-chevron-down: '\f174';
.fe-chevron-down:before {
content: $icon-fe-chevron-down;
}
$icon-fe-chevron-left: '\f175';
.fe-chevron-left:before {
content: $icon-fe-chevron-left;
}
$icon-fe-chevron-right: '\f176';
.fe-chevron-right:before {
content: $icon-fe-chevron-right;
}
$icon-fe-chevron-up: '\f177';
.fe-chevron-up:before {
content: $icon-fe-chevron-up;
}
$icon-fe-chevrons-down: '\f178';
.fe-chevrons-down:before {
content: $icon-fe-chevrons-down;
}
$icon-fe-chevrons-left: '\f179';
.fe-chevrons-left:before {
content: $icon-fe-chevrons-left;
}
$icon-fe-chevrons-right: '\f17a';
.fe-chevrons-right:before {
content: $icon-fe-chevrons-right;
}
$icon-fe-chevrons-up: '\f17b';
.fe-chevrons-up:before {
content: $icon-fe-chevrons-up;
}
$icon-fe-chrome: '\f17c';
.fe-chrome:before {
content: $icon-fe-chrome;
}
$icon-fe-circle: '\f17d';
.fe-circle:before {
content: $icon-fe-circle;
}
$icon-fe-clipboard: '\f17e';
.fe-clipboard:before {
content: $icon-fe-clipboard;
}
$icon-fe-clock: '\f17f';
.fe-clock:before {
content: $icon-fe-clock;
}
$icon-fe-cloud-drizzle: '\f180';
.fe-cloud-drizzle:before {
content: $icon-fe-cloud-drizzle;
}
$icon-fe-cloud-lightning: '\f181';
.fe-cloud-lightning:before {
content: $icon-fe-cloud-lightning;
}
$icon-fe-cloud-off: '\f182';
.fe-cloud-off:before {
content: $icon-fe-cloud-off;
}
$icon-fe-cloud-rain: '\f183';
.fe-cloud-rain:before {
content: $icon-fe-cloud-rain;
}
$icon-fe-cloud-snow: '\f184';
.fe-cloud-snow:before {
content: $icon-fe-cloud-snow;
}
$icon-fe-cloud: '\f185';
.fe-cloud:before {
content: $icon-fe-cloud;
}
$icon-fe-code: '\f186';
.fe-code:before {
content: $icon-fe-code;
}
$icon-fe-codepen: '\f187';
.fe-codepen:before {
content: $icon-fe-codepen;
}
$icon-fe-codesandbox: '\f188';
.fe-codesandbox:before {
content: $icon-fe-codesandbox;
}
$icon-fe-coffee: '\f189';
.fe-coffee:before {
content: $icon-fe-coffee;
}
$icon-fe-columns: '\f18a';
.fe-columns:before {
content: $icon-fe-columns;
}
$icon-fe-command: '\f18b';
.fe-command:before {
content: $icon-fe-command;
}
$icon-fe-compass: '\f18c';
.fe-compass:before {
content: $icon-fe-compass;
}
$icon-fe-copy: '\f18d';
.fe-copy:before {
content: $icon-fe-copy;
}
$icon-fe-corner-down-left: '\f18e';
.fe-corner-down-left:before {
content: $icon-fe-corner-down-left;
}
$icon-fe-corner-down-right: '\f18f';
.fe-corner-down-right:before {
content: $icon-fe-corner-down-right;
}
$icon-fe-corner-left-down: '\f190';
.fe-corner-left-down:before {
content: $icon-fe-corner-left-down;
}
$icon-fe-corner-left-up: '\f191';
.fe-corner-left-up:before {
content: $icon-fe-corner-left-up;
}
$icon-fe-corner-right-down: '\f192';
.fe-corner-right-down:before {
content: $icon-fe-corner-right-down;
}
$icon-fe-corner-right-up: '\f193';
.fe-corner-right-up:before {
content: $icon-fe-corner-right-up;
}
$icon-fe-corner-up-left: '\f194';
.fe-corner-up-left:before {
content: $icon-fe-corner-up-left;
}
$icon-fe-corner-up-right: '\f195';
.fe-corner-up-right:before {
content: $icon-fe-corner-up-right;
}
$icon-fe-cpu: '\f196';
.fe-cpu:before {
content: $icon-fe-cpu;
}
$icon-fe-credit-card: '\f197';
.fe-credit-card:before {
content: $icon-fe-credit-card;
}
$icon-fe-crop: '\f198';
.fe-crop:before {
content: $icon-fe-crop;
}
$icon-fe-crosshair: '\f199';
.fe-crosshair:before {
content: $icon-fe-crosshair;
}
$icon-fe-database: '\f19a';
.fe-database:before {
content: $icon-fe-database;
}
$icon-fe-delete: '\f19b';
.fe-delete:before {
content: $icon-fe-delete;
}
$icon-fe-disc: '\f19c';
.fe-disc:before {
content: $icon-fe-disc;
}
$icon-fe-dollar-sign: '\f19d';
.fe-dollar-sign:before {
content: $icon-fe-dollar-sign;
}
$icon-fe-download-cloud: '\f19e';
.fe-download-cloud:before {
content: $icon-fe-download-cloud;
}
$icon-fe-download: '\f19f';
.fe-download:before {
content: $icon-fe-download;
}
$icon-fe-droplet: '\f1a0';
.fe-droplet:before {
content: $icon-fe-droplet;
}
$icon-fe-edit-2: '\f1a1';
.fe-edit-2:before {
content: $icon-fe-edit-2;
}
$icon-fe-edit-3: '\f1a2';
.fe-edit-3:before {
content: $icon-fe-edit-3;
}
$icon-fe-edit: '\f1a3';
.fe-edit:before {
content: $icon-fe-edit;
}
$icon-fe-external-link: '\f1a4';
.fe-external-link:before {
content: $icon-fe-external-link;
}
$icon-fe-eye-off: '\f1a5';
.fe-eye-off:before {
content: $icon-fe-eye-off;
}
$icon-fe-eye: '\f1a6';
.fe-eye:before {
content: $icon-fe-eye;
}
$icon-fe-facebook: '\f1a7';
.fe-facebook:before {
content: $icon-fe-facebook;
}
$icon-fe-fast-forward: '\f1a8';
.fe-fast-forward:before {
content: $icon-fe-fast-forward;
}
$icon-fe-feather: '\f1a9';
.fe-feather:before {
content: $icon-fe-feather;
}
$icon-fe-figma: '\f1aa';
.fe-figma:before {
content: $icon-fe-figma;
}
$icon-fe-file-minus: '\f1ab';
.fe-file-minus:before {
content: $icon-fe-file-minus;
}
$icon-fe-file-plus: '\f1ac';
.fe-file-plus:before {
content: $icon-fe-file-plus;
}
$icon-fe-file-text: '\f1ad';
.fe-file-text:before {
content: $icon-fe-file-text;
}
$icon-fe-file: '\f1ae';
.fe-file:before {
content: $icon-fe-file;
}
$icon-fe-film: '\f1af';
.fe-film:before {
content: $icon-fe-film;
}
$icon-fe-filter: '\f1b0';
.fe-filter:before {
content: $icon-fe-filter;
}
$icon-fe-flag: '\f1b1';
.fe-flag:before {
content: $icon-fe-flag;
}
$icon-fe-folder-minus: '\f1b2';
.fe-folder-minus:before {
content: $icon-fe-folder-minus;
}
$icon-fe-folder-plus: '\f1b3';
.fe-folder-plus:before {
content: $icon-fe-folder-plus;
}
$icon-fe-folder: '\f1b4';
.fe-folder:before {
content: $icon-fe-folder;
}
$icon-fe-frown: '\f1b5';
.fe-frown:before {
content: $icon-fe-frown;
}
$icon-fe-gift: '\f1b6';
.fe-gift:before {
content: $icon-fe-gift;
}
$icon-fe-git-branch: '\f1b7';
.fe-git-branch:before {
content: $icon-fe-git-branch;
}
$icon-fe-git-commit: '\f1b8';
.fe-git-commit:before {
content: $icon-fe-git-commit;
}
$icon-fe-git-merge: '\f1b9';
.fe-git-merge:before {
content: $icon-fe-git-merge;
}
$icon-fe-git-pull-request: '\f1ba';
.fe-git-pull-request:before {
content: $icon-fe-git-pull-request;
}
$icon-fe-github: '\f1bb';
.fe-github:before {
content: $icon-fe-github;
}
$icon-fe-gitlab: '\f1bc';
.fe-gitlab:before {
content: $icon-fe-gitlab;
}
$icon-fe-globe: '\f1bd';
.fe-globe:before {
content: $icon-fe-globe;
}
$icon-fe-grid: '\f1be';
.fe-grid:before {
content: $icon-fe-grid;
}
$icon-fe-hard-drive: '\f1bf';
.fe-hard-drive:before {
content: $icon-fe-hard-drive;
}
$icon-fe-hash: '\f1c0';
.fe-hash:before {
content: $icon-fe-hash;
}
$icon-fe-headphones: '\f1c1';
.fe-headphones:before {
content: $icon-fe-headphones;
}
$icon-fe-heart: '\f1c2';
.fe-heart:before {
content: $icon-fe-heart;
}
$icon-fe-help-circle: '\f1c3';
.fe-help-circle:before {
content: $icon-fe-help-circle;
}
$icon-fe-hexagon: '\f1c4';
.fe-hexagon:before {
content: $icon-fe-hexagon;
}
$icon-fe-home: '\f1c5';
.fe-home:before {
content: $icon-fe-home;
}
$icon-fe-image: '\f1c6';
.fe-image:before {
content: $icon-fe-image;
}
$icon-fe-inbox: '\f1c7';
.fe-inbox:before {
content: $icon-fe-inbox;
}
$icon-fe-info: '\f1c8';
.fe-info:before {
content: $icon-fe-info;
}
$icon-fe-instagram: '\f1c9';
.fe-instagram:before {
content: $icon-fe-instagram;
}
$icon-fe-italic: '\f1ca';
.fe-italic:before {
content: $icon-fe-italic;
}
$icon-fe-key: '\f1cb';
.fe-key:before {
content: $icon-fe-key;
}
$icon-fe-layers: '\f1cc';
.fe-layers:before {
content: $icon-fe-layers;
}
$icon-fe-layout: '\f1cd';
.fe-layout:before {
content: $icon-fe-layout;
}
$icon-fe-life-buoy: '\f1ce';
.fe-life-buoy:before {
content: $icon-fe-life-buoy;
}
$icon-fe-link-2: '\f1cf';
.fe-link-2:before {
content: $icon-fe-link-2;
}
$icon-fe-link: '\f1d0';
.fe-link:before {
content: $icon-fe-link;
}
$icon-fe-linkedin: '\f1d1';
.fe-linkedin:before {
content: $icon-fe-linkedin;
}
$icon-fe-list: '\f1d2';
.fe-list:before {
content: $icon-fe-list;
}
$icon-fe-loader: '\f1d3';
.fe-loader:before {
content: $icon-fe-loader;
}
$icon-fe-lock: '\f1d4';
.fe-lock:before {
content: $icon-fe-lock;
}
$icon-fe-log-in: '\f1d5';
.fe-log-in:before {
content: $icon-fe-log-in;
}
$icon-fe-log-out: '\f1d6';
.fe-log-out:before {
content: $icon-fe-log-out;
}
$icon-fe-mail: '\f1d7';
.fe-mail:before {
content: $icon-fe-mail;
}
$icon-fe-map-pin: '\f1d8';
.fe-map-pin:before {
content: $icon-fe-map-pin;
}
$icon-fe-map: '\f1d9';
.fe-map:before {
content: $icon-fe-map;
}
$icon-fe-maximize-2: '\f1da';
.fe-maximize-2:before {
content: $icon-fe-maximize-2;
}
$icon-fe-maximize: '\f1db';
.fe-maximize:before {
content: $icon-fe-maximize;
}
$icon-fe-meh: '\f1dc';
.fe-meh:before {
content: $icon-fe-meh;
}
$icon-fe-menu: '\f1dd';
.fe-menu:before {
content: $icon-fe-menu;
}
$icon-fe-message-circle: '\f1de';
.fe-message-circle:before {
content: $icon-fe-message-circle;
}
$icon-fe-message-square: '\f1df';
.fe-message-square:before {
content: $icon-fe-message-square;
}
$icon-fe-mic-off: '\f1e0';
.fe-mic-off:before {
content: $icon-fe-mic-off;
}
$icon-fe-mic: '\f1e1';
.fe-mic:before {
content: $icon-fe-mic;
}
$icon-fe-minimize-2: '\f1e2';
.fe-minimize-2:before {
content: $icon-fe-minimize-2;
}
$icon-fe-minimize: '\f1e3';
.fe-minimize:before {
content: $icon-fe-minimize;
}
$icon-fe-minus-circle: '\f1e4';
.fe-minus-circle:before {
content: $icon-fe-minus-circle;
}
$icon-fe-minus-square: '\f1e5';
.fe-minus-square:before {
content: $icon-fe-minus-square;
}
$icon-fe-minus: '\f1e6';
.fe-minus:before {
content: $icon-fe-minus;
}
$icon-fe-monitor: '\f1e7';
.fe-monitor:before {
content: $icon-fe-monitor;
}
$icon-fe-moon: '\f1e8';
.fe-moon:before {
content: $icon-fe-moon;
}
$icon-fe-more-horizontal: '\f1e9';
.fe-more-horizontal:before {
content: $icon-fe-more-horizontal;
}
$icon-fe-more-vertical: '\f1ea';
.fe-more-vertical:before {
content: $icon-fe-more-vertical;
}
$icon-fe-mouse-pointer: '\f1eb';
.fe-mouse-pointer:before {
content: $icon-fe-mouse-pointer;
}
$icon-fe-move: '\f1ec';
.fe-move:before {
content: $icon-fe-move;
}
$icon-fe-music: '\f1ed';
.fe-music:before {
content: $icon-fe-music;
}
$icon-fe-navigation-2: '\f1ee';
.fe-navigation-2:before {
content: $icon-fe-navigation-2;
}
$icon-fe-navigation: '\f1ef';
.fe-navigation:before {
content: $icon-fe-navigation;
}
$icon-fe-octagon: '\f1f0';
.fe-octagon:before {
content: $icon-fe-octagon;
}
$icon-fe-package: '\f1f1';
.fe-package:before {
content: $icon-fe-package;
}
$icon-fe-paperclip: '\f1f2';
.fe-paperclip:before {
content: $icon-fe-paperclip;
}
$icon-fe-pause-circle: '\f1f3';
.fe-pause-circle:before {
content: $icon-fe-pause-circle;
}
$icon-fe-pause: '\f1f4';
.fe-pause:before {
content: $icon-fe-pause;
}
$icon-fe-pen-tool: '\f1f5';
.fe-pen-tool:before {
content: $icon-fe-pen-tool;
}
$icon-fe-percent: '\f1f6';
.fe-percent:before {
content: $icon-fe-percent;
}
$icon-fe-phone-call: '\f1f7';
.fe-phone-call:before {
content: $icon-fe-phone-call;
}
$icon-fe-phone-forwarded: '\f1f8';
.fe-phone-forwarded:before {
content: $icon-fe-phone-forwarded;
}
$icon-fe-phone-incoming: '\f1f9';
.fe-phone-incoming:before {
content: $icon-fe-phone-incoming;
}
$icon-fe-phone-missed: '\f1fa';
.fe-phone-missed:before {
content: $icon-fe-phone-missed;
}
$icon-fe-phone-off: '\f1fb';
.fe-phone-off:before {
content: $icon-fe-phone-off;
}
$icon-fe-phone-outgoing: '\f1fc';
.fe-phone-outgoing:before {
content: $icon-fe-phone-outgoing;
}
$icon-fe-phone: '\f1fd';
.fe-phone:before {
content: $icon-fe-phone;
}
$icon-fe-pie-chart: '\f1fe';
.fe-pie-chart:before {
content: $icon-fe-pie-chart;
}
$icon-fe-play-circle: '\f1ff';
.fe-play-circle:before {
content: $icon-fe-play-circle;
}
$icon-fe-play: '\f200';
.fe-play:before {
content: $icon-fe-play;
}
$icon-fe-plus-circle: '\f201';
.fe-plus-circle:before {
content: $icon-fe-plus-circle;
}
$icon-fe-plus-square: '\f202';
.fe-plus-square:before {
content: $icon-fe-plus-square;
}
$icon-fe-plus: '\f203';
.fe-plus:before {
content: $icon-fe-plus;
}
$icon-fe-pocket: '\f204';
.fe-pocket:before {
content: $icon-fe-pocket;
}
$icon-fe-power: '\f205';
.fe-power:before {
content: $icon-fe-power;
}
$icon-fe-printer: '\f206';
.fe-printer:before {
content: $icon-fe-printer;
}
$icon-fe-radio: '\f207';
.fe-radio:before {
content: $icon-fe-radio;
}
$icon-fe-refresh-ccw: '\f208';
.fe-refresh-ccw:before {
content: $icon-fe-refresh-ccw;
}
$icon-fe-refresh-cw: '\f209';
.fe-refresh-cw:before {
content: $icon-fe-refresh-cw;
}
$icon-fe-repeat: '\f20a';
.fe-repeat:before {
content: $icon-fe-repeat;
}
$icon-fe-rewind: '\f20b';
.fe-rewind:before {
content: $icon-fe-rewind;
}
$icon-fe-rotate-ccw: '\f20c';
.fe-rotate-ccw:before {
content: $icon-fe-rotate-ccw;
}
$icon-fe-rotate-cw: '\f20d';
.fe-rotate-cw:before {
content: $icon-fe-rotate-cw;
}
$icon-fe-rss: '\f20e';
.fe-rss:before {
content: $icon-fe-rss;
}
$icon-fe-save: '\f20f';
.fe-save:before {
content: $icon-fe-save;
}
$icon-fe-scissors: '\f210';
.fe-scissors:before {
content: $icon-fe-scissors;
}
$icon-fe-search: '\f211';
.fe-search:before {
content: $icon-fe-search;
}
$icon-fe-send: '\f212';
.fe-send:before {
content: $icon-fe-send;
}
$icon-fe-server: '\f213';
.fe-server:before {
content: $icon-fe-server;
}
$icon-fe-settings: '\f214';
.fe-settings:before {
content: $icon-fe-settings;
}
$icon-fe-share-2: '\f215';
.fe-share-2:before {
content: $icon-fe-share-2;
}
$icon-fe-share: '\f216';
.fe-share:before {
content: $icon-fe-share;
}
$icon-fe-shield-off: '\f217';
.fe-shield-off:before {
content: $icon-fe-shield-off;
}
$icon-fe-shield: '\f218';
.fe-shield:before {
content: $icon-fe-shield;
}
$icon-fe-shopping-bag: '\f219';
.fe-shopping-bag:before {
content: $icon-fe-shopping-bag;
}
$icon-fe-shopping-cart: '\f21a';
.fe-shopping-cart:before {
content: $icon-fe-shopping-cart;
}
$icon-fe-shuffle: '\f21b';
.fe-shuffle:before {
content: $icon-fe-shuffle;
}
$icon-fe-sidebar: '\f21c';
.fe-sidebar:before {
content: $icon-fe-sidebar;
}
$icon-fe-skip-back: '\f21d';
.fe-skip-back:before {
content: $icon-fe-skip-back;
}
$icon-fe-skip-forward: '\f21e';
.fe-skip-forward:before {
content: $icon-fe-skip-forward;
}
$icon-fe-slack: '\f21f';
.fe-slack:before {
content: $icon-fe-slack;
}
$icon-fe-slash: '\f220';
.fe-slash:before {
content: $icon-fe-slash;
}
$icon-fe-sliders: '\f221';
.fe-sliders:before {
content: $icon-fe-sliders;
}
$icon-fe-smartphone: '\f222';
.fe-smartphone:before {
content: $icon-fe-smartphone;
}
$icon-fe-smile: '\f223';
.fe-smile:before {
content: $icon-fe-smile;
}
$icon-fe-speaker: '\f224';
.fe-speaker:before {
content: $icon-fe-speaker;
}
$icon-fe-square: '\f225';
.fe-square:before {
content: $icon-fe-square;
}
$icon-fe-star: '\f226';
.fe-star:before {
content: $icon-fe-star;
}
$icon-fe-stop-circle: '\f227';
.fe-stop-circle:before {
content: $icon-fe-stop-circle;
}
$icon-fe-sun: '\f228';
.fe-sun:before {
content: $icon-fe-sun;
}
$icon-fe-sunrise: '\f229';
.fe-sunrise:before {
content: $icon-fe-sunrise;
}
$icon-fe-sunset: '\f22a';
.fe-sunset:before {
content: $icon-fe-sunset;
}
$icon-fe-tablet: '\f22b';
.fe-tablet:before {
content: $icon-fe-tablet;
}
$icon-fe-tag: '\f22c';
.fe-tag:before {
content: $icon-fe-tag;
}
$icon-fe-target: '\f22d';
.fe-target:before {
content: $icon-fe-target;
}
$icon-fe-terminal: '\f22e';
.fe-terminal:before {
content: $icon-fe-terminal;
}
$icon-fe-thermometer: '\f22f';
.fe-thermometer:before {
content: $icon-fe-thermometer;
}
$icon-fe-thumbs-down: '\f230';
.fe-thumbs-down:before {
content: $icon-fe-thumbs-down;
}
$icon-fe-thumbs-up: '\f231';
.fe-thumbs-up:before {
content: $icon-fe-thumbs-up;
}
$icon-fe-toggle-left: '\f232';
.fe-toggle-left:before {
content: $icon-fe-toggle-left;
}
$icon-fe-toggle-right: '\f233';
.fe-toggle-right:before {
content: $icon-fe-toggle-right;
}
$icon-fe-trash-2: '\f234';
.fe-trash-2:before {
content: $icon-fe-trash-2;
}
$icon-fe-trash: '\f235';
.fe-trash:before {
content: $icon-fe-trash;
}
$icon-fe-trello: '\f236';
.fe-trello:before {
content: $icon-fe-trello;
}
$icon-fe-trending-down: '\f237';
.fe-trending-down:before {
content: $icon-fe-trending-down;
}
$icon-fe-trending-up: '\f238';
.fe-trending-up:before {
content: $icon-fe-trending-up;
}
$icon-fe-triangle: '\f239';
.fe-triangle:before {
content: $icon-fe-triangle;
}
$icon-fe-truck: '\f23a';
.fe-truck:before {
content: $icon-fe-truck;
}
$icon-fe-tv: '\f23b';
.fe-tv:before {
content: $icon-fe-tv;
}
$icon-fe-twitter: '\f23c';
.fe-twitter:before {
content: $icon-fe-twitter;
}
$icon-fe-type: '\f23d';
.fe-type:before {
content: $icon-fe-type;
}
$icon-fe-umbrella: '\f23e';
.fe-umbrella:before {
content: $icon-fe-umbrella;
}
$icon-fe-underline: '\f23f';
.fe-underline:before {
content: $icon-fe-underline;
}
$icon-fe-unlock: '\f240';
.fe-unlock:before {
content: $icon-fe-unlock;
}
$icon-fe-upload-cloud: '\f241';
.fe-upload-cloud:before {
content: $icon-fe-upload-cloud;
}
$icon-fe-upload: '\f242';
.fe-upload:before {
content: $icon-fe-upload;
}
$icon-fe-user-check: '\f243';
.fe-user-check:before {
content: $icon-fe-user-check;
}
$icon-fe-user-minus: '\f244';
.fe-user-minus:before {
content: $icon-fe-user-minus;
}
$icon-fe-user-plus: '\f245';
.fe-user-plus:before {
content: $icon-fe-user-plus;
}
$icon-fe-user-x: '\f246';
.fe-user-x:before {
content: $icon-fe-user-x;
}
$icon-fe-user: '\f247';
.fe-user:before {
content: $icon-fe-user;
}
$icon-fe-users: '\f248';
.fe-users:before {
content: $icon-fe-users;
}
$icon-fe-video-off: '\f249';
.fe-video-off:before {
content: $icon-fe-video-off;
}
$icon-fe-video: '\f24a';
.fe-video:before {
content: $icon-fe-video;
}
$icon-fe-voicemail: '\f24b';
.fe-voicemail:before {
content: $icon-fe-voicemail;
}
$icon-fe-volume-1: '\f24c';
.fe-volume-1:before {
content: $icon-fe-volume-1;
}
$icon-fe-volume-2: '\f24d';
.fe-volume-2:before {
content: $icon-fe-volume-2;
}
$icon-fe-volume-x: '\f24e';
.fe-volume-x:before {
content: $icon-fe-volume-x;
}
$icon-fe-volume: '\f24f';
.fe-volume:before {
content: $icon-fe-volume;
}
$icon-fe-watch: '\f250';
.fe-watch:before {
content: $icon-fe-watch;
}
$icon-fe-wifi-off: '\f251';
.fe-wifi-off:before {
content: $icon-fe-wifi-off;
}
$icon-fe-wifi: '\f252';
.fe-wifi:before {
content: $icon-fe-wifi;
}
$icon-fe-wind: '\f253';
.fe-wind:before {
content: $icon-fe-wind;
}
$icon-fe-x-circle: '\f254';
.fe-x-circle:before {
content: $icon-fe-x-circle;
}
$icon-fe-x-octagon: '\f255';
.fe-x-octagon:before {
content: $icon-fe-x-octagon;
}
$icon-fe-x-square: '\f256';
.fe-x-square:before {
content: $icon-fe-x-square;
}
$icon-fe-x: '\f257';
.fe-x:before {
content: $icon-fe-x;
}
$icon-fe-youtube: '\f258';
.fe-youtube:before {
content: $icon-fe-youtube;
}
$icon-fe-zap-off: '\f259';
.fe-zap-off:before {
content: $icon-fe-zap-off;
}
$icon-fe-zap: '\f25a';
.fe-zap:before {
content: $icon-fe-zap;
}
$icon-fe-zoom-in: '\f25b';
.fe-zoom-in:before {
content: $icon-fe-zoom-in;
}
$icon-fe-zoom-out: '\f25c';
.fe-zoom-out:before {
content: $icon-fe-zoom-out;
}
scss/layout/_navbar.scss
浏览文件 @ 40a1f9dc
...@@ -155,7 +155,7 @@ Sidebar ...@@ -155,7 +155,7 @@ Sidebar
&:after { &:after {
display: block; display: block;
font-family: $font-icons !important; font-family: $font-icons !important;
content: $icon-fe-chevron-down; content: '';
margin-left: auto; margin-left: auto;
transition: transform .3s; transition: transform .3s;
} }
......
scss/layout/_page.scss
浏览文件 @ 40a1f9dc
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
.page-title { .page-title {
margin: 0; margin: 0;
font-size: $h3-font-size; font-size: $h2-font-size;
font-weight: 400; font-weight: 400;
line-height: 2.5rem; line-height: 2.5rem;
color: $body-color; color: $body-color;
......
scss/tabler.scss
浏览文件 @ 40a1f9dc
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
@import "config"; @import "config";
@import "../node_modules/bootstrap/scss/bootstrap"; @import "../node_modules/bootstrap/scss/bootstrap";
@import "fonts/tabler-webfont";
@import "fonts/webfonts"; @import "fonts/webfonts";
@import "layout/core"; @import "layout/core";
......
scss/ui/_buttons.scss
浏览文件 @ 40a1f9dc
...@@ -3,13 +3,14 @@ ...@@ -3,13 +3,14 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 1px 1px rgba(0, 0, 0, .03); box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
letter-spacing: 0.01em;
&:not([class^='btn-outline']):not([class*=' btn-outline']):not(.btn-secondary) { &:not([class^='btn-outline']):not([class*=' btn-outline']):not(.btn-secondary) {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), inset 0 2px 0 -1px rgba(255, 255, 255, .1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), inset 0 2px 0 -1px rgba(255, 255, 255, .1);
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1); text-shadow: 1px 1px 0 rgba(0, 0, 0, .05);
svg.icon { svg.icon {
filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .1)); filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));
} }
} }
......
scss/ui/_cards.scss
浏览文件 @ 40a1f9dc
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
.card-title { .card-title {
display: block; display: block;
font-size: $h4-font-size; font-size: $h3-font-size;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
margin: 0 0 1rem; margin: 0 0 1rem;
color: $headings-color; color: $headings-color;
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
} }
.card-header & { .card-header & {
margin: 0; margin: .125rem 0;
} }
} }
......
scss/ui/_inputs.scss
浏览文件 @ 40a1f9dc
...@@ -5,11 +5,9 @@ textarea { ...@@ -5,11 +5,9 @@ textarea {
} }
.form-label { .form-label {
@extend .h5;
display: block; display: block;
margin-bottom: .5rem; margin-bottom: .5rem;
font-size: $h6-font-size;
font-weight: $headings-font-weight;
color: $headings-color
} }
.mb-2 { .mb-2 {
...@@ -21,6 +19,8 @@ textarea { ...@@ -21,6 +19,8 @@ textarea {
} }
.form-control { .form-control {
vertical-align: middle;
&:-webkit-autofill { &:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset; -webkit-box-shadow: 0 0 0 1000px #fff inset;
} }
......
scss/utils/_text.scss
浏览文件 @ 40a1f9dc
// stylelint-disable declaration-no-important // stylelint-disable declaration-no-important
.text-inherit { color: inherit !important; }
.text-default { color: $body-color !important; }
.text-h6 { font-size: $h6-font-size !important; }
.text-h5 { font-size: $h5-font-size !important; }
.text-h4 { font-size: $h4-font-size !important; }
.text-h3 { font-size: $h3-font-size !important; }
.text-h2 { font-size: $h2-font-size !important; }
.text-h1 { font-size: $h1-font-size !important; }
.text-subheader { .text-subheader {
font-size: $h6-font-size; font-size: $h6-font-size;
font-weight: 600; font-weight: 600;
...@@ -18,18 +8,6 @@ ...@@ -18,18 +8,6 @@
letter-spacing: .04em; letter-spacing: .04em;
} }
.text-label {
font-size: $h6-font-size;
color: $text-muted;
text-transform: uppercase;
}
.leading-none { line-height: 1 !important; }
.leading-tight { line-height: 1.25 !important; }
.leading-normal { line-height: $line-height-base !important; }
.leading-loose { line-height: 2 !important; }
/** /**
Antialiasing Antialiasing
*/ */
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或