mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
57 lines
1.8 KiB
SCSS
57 lines
1.8 KiB
SCSS
@mixin setup-light-typography {
|
|
$--typography-header-text-color: (
|
|
'default': $--n-primary-text-color
|
|
) !global;
|
|
$--typography-header-prefix-color: (
|
|
'default': $--n-primary-color,
|
|
'primary': $--n-primary-color,
|
|
'error': $--n-error-color,
|
|
'warning': $--n-warning-color,
|
|
'success': $--n-success-color
|
|
) !global;
|
|
$--typography-p-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'primary-depth': $--n-primary-text-color,
|
|
'secondary-depth': $--n-secondary-text-color,
|
|
'tertiary-depth': $--n-tertiary-text-color
|
|
) !global;
|
|
$--typography-li-text-color: (
|
|
'default': $--n-secondary-text-color
|
|
) !global;
|
|
$--typography-a-text-color: (
|
|
'default': $--n-primary-color
|
|
) !global;
|
|
$--typography-hr-border-color: (
|
|
'default': $--n-divider-color
|
|
) !global;
|
|
$--typography-blockquote-text-color: (
|
|
'default': $--n-secondary-text-color
|
|
) !global;
|
|
$--typography-blockquote-prefix-color: (
|
|
'default': $--n-border-color
|
|
) !global;
|
|
$--typography-text-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
'primary-depth': $--n-primary-text-color,
|
|
'secondary-depth': $--n-secondary-text-color,
|
|
'tertiary-depth': $--n-tertiary-text-color,
|
|
'primary': $--n-primary-color,
|
|
'success': $--n-success-color,
|
|
'warning': $--n-warning-color,
|
|
'error': $--n-error-color,
|
|
'info': $--n-info-color
|
|
) !global;
|
|
$--typography-text-opacity: (
|
|
'primary-depth': $--n-primary-opacity,
|
|
'secondary-depth': $--n-secondary-opacity,
|
|
'tertiary-depth': $--n-tertiary-opacity,
|
|
) !global;
|
|
$--typography-code-text-color: (
|
|
'default': $--n-secondary-text-color,
|
|
) !global;
|
|
$--typography-code-background-color: mix-color-with-alpha-color(
|
|
$--n-base-background-color,
|
|
$--n-code-overlay-background-color
|
|
) !global;
|
|
$--typography-code-border-color: $--n-border-color !global;
|
|
} |