|
|
|
@ -1,5 +1,5 @@ |
|
|
|
//中性色板 |
|
|
|
$white: #fff !default; |
|
|
|
$white: #fff !default; |
|
|
|
$gray-100: #f8f9fa !default; |
|
|
|
$gray-200: #e9ecef !default; |
|
|
|
$gray-300: #dee2e6 !default; |
|
|
|
@ -9,26 +9,70 @@ $gray-600: #6c757d !default; |
|
|
|
$gray-700: #495057 !default; |
|
|
|
$gray-800: #343a40 !default; |
|
|
|
$gray-900: #212529 !default; |
|
|
|
$black: #000 !default; |
|
|
|
$black: #000 !default; |
|
|
|
|
|
|
|
//基础色板 |
|
|
|
$blue: #0d6efd !default; |
|
|
|
$indigo: #6610f2 !default; |
|
|
|
$purple: #6f42c1 !default; |
|
|
|
$pink: #d63384 !default; |
|
|
|
$red: #dc3545 !default; |
|
|
|
$orange: #fd7e14 !default; |
|
|
|
$yellow: #fadb14 !default; |
|
|
|
$green: #52c41a !default; |
|
|
|
$teal: #20c997 !default; |
|
|
|
$cyan: #17a2b8 !default; |
|
|
|
$blue: #0d6efd !default; |
|
|
|
$indigo: #6610f2 !default; |
|
|
|
$purple: #6f42c1 !default; |
|
|
|
$pink: #d63384 !default; |
|
|
|
$red: #dc3545 !default; |
|
|
|
$orange: #fd7e14 !default; |
|
|
|
$yellow: #fadb14 !default; |
|
|
|
$green: #52c41a !default; |
|
|
|
$teal: #20c997 !default; |
|
|
|
$cyan: #17a2b8 !default; |
|
|
|
|
|
|
|
//系统色板 |
|
|
|
$primary: $blue !default; |
|
|
|
$secondary: $gray-600 !default; |
|
|
|
$success: $green !default; |
|
|
|
$info: $cyan !default; |
|
|
|
$warning: $yellow !default; |
|
|
|
$danger: $red !default; |
|
|
|
$light: $gray-100 !default; |
|
|
|
$dark: $gray-800 !default; |
|
|
|
$primary: $blue !default; |
|
|
|
$secondary: $gray-600 !default; |
|
|
|
$success: $green !default; |
|
|
|
$info: $cyan !default; |
|
|
|
$warning: $yellow !default; |
|
|
|
$danger: $red !default; |
|
|
|
$light: $gray-100 !default; |
|
|
|
$dark: $gray-800 !default; |
|
|
|
|
|
|
|
//字体 |
|
|
|
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", |
|
|
|
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;//主要字体 |
|
|
|
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;//等宽字体 |
|
|
|
$font-family-base: $font-family-sans-serif !default; |
|
|
|
|
|
|
|
// 字体大小 |
|
|
|
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px` |
|
|
|
$font-size-lg: $font-size-base * 1.25 !default; |
|
|
|
$font-size-sm: $font-size-base * .875 !default; |
|
|
|
|
|
|
|
// 字重 |
|
|
|
$font-weight-lighter: lighter !default; |
|
|
|
$font-weight-light: 300 !default; |
|
|
|
$font-weight-normal: 400 !default; |
|
|
|
$font-weight-bold: 700 !default; |
|
|
|
$font-weight-bolder: bolder !default; |
|
|
|
$font-weight-base: $font-weight-normal !default; |
|
|
|
|
|
|
|
// 行高 |
|
|
|
$line-height-base: 1.5 !default; |
|
|
|
$line-height-lg: 2 !default; |
|
|
|
$line-height-sm: 1.25 !default; |
|
|
|
|
|
|
|
// 标题大小 |
|
|
|
$h1-font-size: $font-size-base * 2.5 !default; |
|
|
|
$h2-font-size: $font-size-base * 2 !default; |
|
|
|
$h3-font-size: $font-size-base * 1.75 !default; |
|
|
|
$h4-font-size: $font-size-base * 1.5 !default; |
|
|
|
$h5-font-size: $font-size-base * 1.25 !default; |
|
|
|
$h6-font-size: $font-size-base !default; |
|
|
|
|
|
|
|
// 链接 |
|
|
|
$link-color: $primary !default; |
|
|
|
$link-decoration: none !default; |
|
|
|
$link-hover-color: darken($link-color, 15%) !default; |
|
|
|
$link-hover-decoration: underline !default; |
|
|
|
|
|
|
|
// body |
|
|
|
$body-bg: $white !default; |
|
|
|
$body-color: $gray-900 !default; |
|
|
|
$body-text-align: null !default; |
|
|
|
|
blobt
4 years ago