12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- @import 'common/var';
- body {
- font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
- font-weight: 400;
- font-size: $--font-size-base;
- color: $--color-black;
- -webkit-font-smoothing: antialiased;
- }
- a {
- color: $--color-primary;
- text-decoration: none;
- &:hover,
- &:focus {
- color: mix($--color-white, $--color-primary, $--button-hover-tint-percent);
- }
- &:active {
- color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
- }
- }
- h1, h2, h3, h4, h5, h6 {
- color: $--color-text-regular;
- font-weight: inherit;
- &:first-child {
- margin-top: 0;
- }
- &:last-child {
- margin-bottom: 0;
- }
- }
- h1 {
- font-size: #{$--font-size-base + 6px};
- }
- h2 {
- font-size: #{$--font-size-base + 4px};
- }
- h3 {
- font-size: #{$--font-size-base + 2px};
- }
- h4, h5, h6, p {
- font-size: inherit;
- }
- p {
- line-height: 1.8;
- &:first-child {
- margin-top: 0;
- }
- &:last-child {
- margin-bottom: 0;
- }
- }
- sup, sub {
- font-size: #{$--font-size-base - 1px};
- }
- small {
- font-size: #{$--font-size-base - 2px};
- }
- hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eeeeee;
- }
|