dist/css/typography.css · urbit.org

git.iko.soy/urbit.org

on 97ae6bc help sign in

urbit.org/dist/css/typography.css

106 lines 1.9 kB history raw

1/*

2TYPOGRAPHY from address collection

3*/

5@import url('https://rsms.me/inter/inter-ui.css');

6html { font-family: 'Inter UI', sans-serif; }

7@supports (font-variation-settings: normal) {

8 html { font-family: 'Inter UI var alt', sans-serif; }

11h1, .h1{

12 font-size: 6rem;

13 line-height: 8rem;

14 margin-top: 0;

15 margin-bottom: 0;

16 color: inherit;

17}

18.h1-large{

19 font-size: 8rem;

20 line-height: 12rem;

21}

23h2, .h2{

24 font-size: 5rem;

25 font-weight: 500;

26 line-height: 6rem;

27 color: inherit;

28}

30h3, .h3 {

31 font-size: 4rem;

32 font-weight: 500;

33 line-height: 5rem;

34 color: inherit;

35}

37h4, .h4 {

38 font-size: 3.5rem;

39 font-weight: 500;

40 line-height: 4rem;

41 color: inherit;

42}

43body ,p , .p{

44 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

45 font-weight: 400;

46 font-size: 4rem;

47 line-height: 8rem;

48 color: inherit;

49}

51a {

52 color: inherit;

53}

55.posts h1, .posts .h1{

56 margin-bottom: 8rem;

57}

59.post h1, .docs h1{

60 font-size: 6rem;

61 line-height: 8rem;

62 margin-top: 0;

63 margin-bottom: 8rem;

64}

65.post h2, .docs h2{

66 font-size: 5rem;

67 font-weight: 500;

68 line-height: 6rem;

69 margin-top: 16rem;

70 margin-bottom: 4rem;

71}

73.post h3, .docs h3{

74 font-size: 4rem;

75 font-weight: 500;

76 line-height: 5rem;

77 margin-top: 8rem;

78 margin-bottom: 4rem;

79}

81.post h4, .docs h4{

82 margin-bottom: 4rem;

83}

84.post p, .docs p{

85 font-family: 'Inter UI',-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

86 font-size: 4rem;

87 line-height: 8rem;

88 margin-top: 0;

89 margin-bottom: 4rem;

90}

92.post ul, .docs ul{

93 margin-top: 0;

94 margin-bottom: 4rem;

95}

97.post li p, .docs li p{

98 margin-bottom: 2rem;

99 display: inline;