styles/markdown.module.css · urbit.org

git.iko.soy/urbit.org

on 111efa9 help sign in

urbit.org/styles/markdown.module.css

166 lines 2.9 kB history raw

1.markdown {

2 /* @apply leading-relaxed; */

3 /* max-width: ; */

4 /* @apply w-full md:w-8/12 px-4 md:px-0 pb-20 md:pb-32 lg:pb-48; */

7.markdown *:last-child {

8 @apply pb-0 mb-0;

11.markdown *:first-child {

12 @apply pt-0 mt-0;

13}

15.markdown *:first-child figure {

16 @apply pt-0 mt-0;

17}

19.markdown p,

20.markdown ul,

21.markdown ol,

22.markdown blockquote {

23 @apply my-8;

24}

26.markdown h1 {

27 @apply text-3xl md:text-4xl lg:text-5xl font-bold mt-24 mb-12;

28}

30.markdown h2 {

31 @apply text-2xl md:text-3xl lg:text-4xl font-bold mt-16 mb-12;

32}

34.markdown h3 {

35 @apply text-lg md:text-xl lg:text-2xl font-semibold mt-8 mb-8;

36}

38.markdown h4 {

39 @apply text-base md:text-lg lg:text-xl font-semibold mt-4 mb-4;

40}

42.markdown p {

43 @apply text-base md:text-lg lg:text-xl leading-relaxed;

44}

46.markdown img {

47 width: 100%;

48 height: auto;

49 @apply rounded-lg;

50}

52.markdown figure {

53 position: relative;

54 @apply mt-12 mb-12 z-0;

55}

57.markdown figure {

58 width: 100%;

59 left: 0;

60}

62@media (min-width: 768px) {

63 .markdown figure {

64 width: 125%;

65 left: -12.5%;

66 }

67}

69.markdown pre,

70.markdown pre[class*="language-"] {

71}

73.markdown code,

74.markdown code[class*="language-"] {

75 @apply px-2 py-0.5 bg-wall rounded-md;

76}

78.markdown a code,

79.markdown a code[class*="language-"] {

80 @apply bg-washedGreen;

81}

83.markdown pre code,

84.markdown pre[class*="language-"] code {

85 @apply p-4 md:p-8 rounded-xl;

86}

88.markdown ul {

89 list-style: outside;

90 list-style-type: disc;

91}

93.markdown ol {

94 list-style: outside;

95 list-style-type: decimal;

96}

98.markdown li {

99 font-size: 20px;

100 @apply py-2 ml-6 text-base md:text-lg lg:text-xl;

101}

102

103.markdown li a,

104.markdown h3 a,

105.markdown h2 a {

106 @apply text-green;

107}

108

109.markdown blockquote {

110 @apply border-l-4 border-deepWall pl-6 italic;

111}

112.markdown blockquote cite {

113 @apply not-italic font-semibold;

114}

115

116.markdown table {

117 border-collapse: separate;

118 border-spacing: 0;

119 min-width: 350px;

120}

121

122.markdown table tr th,

123.markdown table tr td {

124 border-right-width: 2px;

125 border-right-style: solid;

126 border-bottom-width: 2px;

127 border-bottom-style: solid;

128 padding: 8px !important;

129 @apply border-wall;

130}

131

132.markdown table tr th:first-child,

133.markdown table tr td:first-child {

134 border-left-width: 2px;

135 border-left-style: solid;

136 @apply border-wall;

137}

138

139.markdown table tr th {

140 background: rgba(240, 239, 236, 0.33);

141 border-top-width: 2px;

142 border-top-style: solid;

143 text-align: left;

144 vertical-align: middle;

145 @apply border-wall;

146}

147

148/* top-left border-radius */

149.markdown table tr:first-child th:first-child {

150 border-top-left-radius: 8px;

151}

152

153/* top-right border-radius */

154.markdown table tr:first-child th:last-child {

155 border-top-right-radius: 8px;

156}

157

158/* bottom-left border-radius */

159.markdown table tr:last-child td:first-child {

160 border-bottom-left-radius: 8px;

161}

162

163/* bottom-right border-radius */

164.markdown table tr:last-child td:last-child {

165 border-bottom-right-radius: 8px;

166}