2023-04-06 19:02:34 +08:00
|
|
|
// scss-lint:disable ImportantRule
|
|
|
|
|
|
2023-06-15 20:23:01 +08:00
|
|
|
$font-family-inter: "SN Inter";
|
2019-12-01 03:04:28 +08:00
|
|
|
$font-family-sans-serif: "Open Sans", Arial, Helvetica, sans-serif;
|
|
|
|
|
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
|
|
|
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
2023-05-11 19:37:29 +08:00
|
|
|
$font-family-base: $font-family-inter;
|
2019-12-01 03:04:28 +08:00
|
|
|
$font-family-icons: "Font Awesome 5 Free";
|
|
|
|
|
$font-size-base: 16px;
|
2020-01-31 21:11:37 +08:00
|
|
|
$headings-font-weight: bold;
|
2019-12-01 03:04:28 +08:00
|
|
|
|
2020-01-07 23:13:34 +08:00
|
|
|
$font-size-h1: 24px;
|
|
|
|
|
$font-size-h2: 18px;
|
|
|
|
|
$font-size-h3: $font-size-base;
|
|
|
|
|
$font-size-h4: $font-size-base;
|
|
|
|
|
$font-size-h5: $font-size-base;
|
2020-01-20 22:48:51 +08:00
|
|
|
$font-size-h6: 12px;
|
2020-01-07 23:13:34 +08:00
|
|
|
|
2019-12-19 21:18:09 +08:00
|
|
|
$font-fas-check: "\f00c";
|
|
|
|
|
$font-fas-exclamation-triangle: "\f071";
|
2020-01-14 23:46:48 +08:00
|
|
|
$font-fas-lock: "\f023";
|
2020-01-15 20:52:17 +08:00
|
|
|
$font-fas-angle-left: "\f104";
|
|
|
|
|
$font-fas-angle-right: "\f105";
|
2020-07-16 21:42:52 +08:00
|
|
|
$font-fas-angle-double-left: "\f100";
|
|
|
|
|
$font-fas-angle-double-right: "\f101";
|
2020-01-21 17:49:45 +08:00
|
|
|
$font-fas-exclamation-circle: "\f06a";
|
2022-02-01 21:37:13 +08:00
|
|
|
$font-fas-caret-up: "\f0d8";
|
2023-01-10 20:07:10 +08:00
|
|
|
$font-fas-plus: "\f02b";
|
2019-12-01 03:04:28 +08:00
|
|
|
|
2023-05-17 17:47:25 +08:00
|
|
|
.sn-icon {
|
|
|
|
|
font-size: 24px !important;
|
2023-06-08 14:33:37 +08:00
|
|
|
vertical-align: middle;
|
2023-05-17 17:47:25 +08:00
|
|
|
|
|
|
|
|
&.mini {
|
|
|
|
|
font-size: 16px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-01 03:04:28 +08:00
|
|
|
@mixin font-h1 {
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-h2 {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-h3 {
|
|
|
|
|
font-size: $font-size-base;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-main {
|
|
|
|
|
font-size: $font-size-base;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-button {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-small {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-19 21:18:09 +08:00
|
|
|
@mixin font-awesome {
|
|
|
|
|
font-family: "Font Awesome 5 Free";
|
|
|
|
|
font-weight: 501;
|
|
|
|
|
}
|
2019-12-01 03:04:28 +08:00
|
|
|
|
2023-04-06 19:02:34 +08:00
|
|
|
html {
|
|
|
|
|
font-size: 16px !important;
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-04 22:17:59 +08:00
|
|
|
// $font-size-large: ceil(($font-size-base * 1.1)); //16px
|
|
|
|
|
// $font-size-small: ceil(($font-size-base * .9)); //13px
|
|
|
|
|
// $font-size-h1: floor(($font-size-base * 2.6)); //36px
|
|
|
|
|
// $font-size-h2: floor(($font-size-base * 2.15)); //30px
|
|
|
|
|
// $font-size-h3: ceil(($font-size-base * 1.7)); //24px
|
|
|
|
|
// $font-size-h4: ceil(($font-size-base * 1.25)); //18px
|
|
|
|
|
// $font-size-h5: $font-size-base; //14px
|
|
|
|
|
// $font-size-h6: ceil(($font-size-base * .85)); //12px
|
|
|
|
|
// $line-height-base: 1.428571429;
|
|
|
|
|
// $line-height-computed: floor(($font-size-base * $line-height-base));
|
|
|
|
|
// $headings-font-family: inherit;
|
|
|
|
|
// $headings-font-weight: 500;
|
|
|
|
|
// $headings-line-height: 1.1;
|
|
|
|
|
// $headings-color: inherit;
|
