提交 4860980b 编写于 作者: C codecalm

icons stroke

上级 aa451f27
{% include ui/modal/close.html %} {% include ui/modal/close.html %}
<div class="modal-body text-center py-5"> <div class="modal-body text-center py-5">
{% include ui/icon.html icon="circle-check" color="green" class="icon-xl icon-thin mb-4" %} {% include ui/icon.html icon="circle-check" color="green" class="icon-xl mb-4" %}
<h3>Payment succedeed</h3> <h3>Payment succedeed</h3>
<div class="text-muted">Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.</div> <div class="text-muted">Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.</div>
......
...@@ -11,5 +11,5 @@ ...@@ -11,5 +11,5 @@
{% endif %} {% endif %}
<span class="text-{{ color }} d-inline-flex align-items-center lh-1{% if include.class %} {{ include.class }}{% endif %}"> <span class="text-{{ color }} d-inline-flex align-items-center lh-1{% if include.class %} {{ include.class }}{% endif %}">
{{ value }}% {% include ui/icon.html icon=icon class="icon-thin" class="ml-1" %} {{ value }}% {% include ui/icon.html icon=icon class="ml-1" %}
</span> </span>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</head> </head>
{% assign layout-dark = page.layout-dark | default: site.layout-dark %} {% assign layout-dark = page.layout-dark | default: site.layout-dark %}
<body class="antialiased{% if layout-dark %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}"> <body class="{% if layout-dark %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}">
{{ content }} {{ content }}
......
...@@ -22,6 +22,9 @@ $font-family-serif: "Georgia", "Times New Roman", times, serif !default; ...@@ -22,6 +22,9 @@ $font-family-serif: "Georgia", "Times New Roman", times, serif !default;
// EXTERNAL FONTS // EXTERNAL FONTS
$icon-fonts: () !default; $icon-fonts: () !default;
//Icons
$icon-stroke-width: 1.5 !default;
//Fonts //Fonts
$font-size-base: .875rem !default; $font-size-base: .875rem !default;
$font-weight-normal: 400 !default; $font-weight-normal: 400 !default;
...@@ -37,8 +40,8 @@ $theme-color-interval: 10% !default; ...@@ -37,8 +40,8 @@ $theme-color-interval: 10% !default;
$min-contrast-ratio: 1.5 !default; $min-contrast-ratio: 1.5 !default;
$light: #f5f7fb !default; $light: #f5f7fb !default;
$dark: #354052 !default; $dark: #252f3f !default;
$text: #212b36 !default; $text: #252f3f !default;
$light-black: rgba($dark, .24) !default; $light-black: rgba($dark, .24) !default;
$light-mix: rgba(mix($light, $dark, 64%), .24) !default; $light-mix: rgba(mix($light, $dark, 64%), .24) !default;
...@@ -76,7 +79,7 @@ $white: #ffffff !default; ...@@ -76,7 +79,7 @@ $white: #ffffff !default;
$body-bg: $light !default; $body-bg: $light !default;
$body-color: $text !default; $body-color: $text !default;
$text-muted-opacity: .72 !default; //Perfect color for AA $text-muted-opacity: .64 !default; //Perfect color for AA
$text-muted: mix($body-color, #ffffff, $text-muted-opacity * 100%) !default; $text-muted: mix($body-color, #ffffff, $text-muted-opacity * 100%) !default;
$border-color: rgba($text-muted, .2) !default; $border-color: rgba($text-muted, .2) !default;
$border-color-light: rgba($text-muted, .1) !default; $border-color-light: rgba($text-muted, .1) !default;
......
...@@ -4,6 +4,10 @@ ...@@ -4,6 +4,10 @@
font-size: 1rem; font-size: 1rem;
vertical-align: text-bottom; vertical-align: text-bottom;
@if $icon-stroke-width {
stroke-width: $icon-stroke-width;
}
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册