// Quasar SCSS (& Sass) Variables
// $$$$$$$$$$$$$$$$$$$$$$$$$
// To customize the look and feel of this app, you can override
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.

// Check documentation for full list of Quasar variables

// Your own variables (that are declared here) and Quasar's own
// ones will be available out of the box in your .vue/.scss/.sass files

// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.


/*
quasar typography

text-h1 96px
text-h2 60px
text-h3 48px
text-h4 34px
text-h5 24px
text-h6 20px
text-subtitle-1 16px line-height 24px
text-subtitle-2 14px line-height 24px
text-body-1 16px line-height 24px
text-body-2 14px line-height 20px
text-caption 12px line-height 16px
text-overline 10px line-height 16px

text-weight-thin 100
text-weight-light 300
text-weight-regular 400
text-weight-medium 500
text-weight-semibold 600
text-weight-bold 700
text-weight-bolder 800

text-right
text-left
text-center
text-justify
text-lowercase 全部小写
text-uppercase 全部大写
text-capitalize 首字母大写
text-truncate  超出部分省略号
*/


$dark: #121212;
$primary: #5469d4;
$blue: #5469d4;
$negative: rgb(234, 6, 6);
$negative-1: rgb(253, 226, 226);
$negative-2: rgb(234, 6, 6, 0.08);
$yellow: rgb(237, 106, 12);
$yellow-1: rgb(253, 246, 236);
$yellow-2: rgb(237, 106, 12, 0.08);
$green: #2da641;
$green-1: rgb(225, 243, 216);
$green-2: rgb(103, 194, 58, 0.08);
$grey: #969799;
$grey-9: #646566;
// font-size
$font-size-em-through: 10 !default;
$font-size-em-decimal-through: 5 !default;
$font-size-rem-through: 10 !default;
$font-size-rem-decimal-through: 5 !default;
// line-height
$line-height-through: 20 !default;
$line-height-decimal-through: 5 !default;
$line-height-px-through: 100 !default;