8ffef41 · urbit.org · git.iko.soy

components/ContentArea.js+2−17

compare with master

unifiedsplit

@@ -21,8 +21,8 @@ export default function ContentArea(props) {

21 }, []);

22

23 return (

24− <div className="w-full min-w-0 flex flex-col">

24+ <div className="w-full min-w-0 flex flex-col items-center">

25− <div className="px-4 md:px-12 lg:px-24 pb-24 pt-8 md:pt-10 lg:pt-16 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">

25+ <div className="px-4 md:px-12 lg:px-24 pb-24 pt-8 md:pt-10 lg:pt-16 flex flex-col w-full max-w-screen-xl max-h-screen h-screen overflow-y-scroll">

26 <div className="flex justify-between w-full items-center flex-shrink-0">

27 <div className="type-ui text-gray">{props.breadcrumbs}</div>

28 <div className="hidden md:block">

@@ -59,18 +59,3 @@ export default function ContentArea(props) {

59 </div>

60 );

61}

62−

63−// <header className="w-full px-4 md:px-8 md:w-10/12 flex flex-row justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-12">

64−// <div className="type-ui">{props.section}</div>

65−// {

66−// // <button

67−// // onClick={(e) => {

68−// // e.stopPropagation();

69−// // props.search.toggleSearch();

70−// // }}

71−// // className="button-sm bg-wall text-gray"

72−// // >

73−// // Search<div className="ml-4 text-lightGray">⌘K</div>

74−// // </button>

75−// }

76−// </header>

styles/markdown.module.css+57

@@ -75,6 +75,11 @@

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

76}

77

78+.markdown a code,

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

80+ @apply bg-washedGreen;

81+}

82+

78.markdown pre code,

83.markdown pre code,

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

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

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

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

@@ -107,3 +112,55 @@

107.markdown blockquote cite {

112.markdown blockquote cite {

108 @apply not-italic font-semibold;

113 @apply not-italic font-semibold;

109}

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+}

styles/prism.css+1−1

@@ -8,7 +8,7 @@ https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+ja

8

9code[class*="language-"],

10pre[class*="language-"] {

11− @apply text-gray;

11+ @apply text-ultraDeepWall;

12 background: none;

13 font-family: "Source Code Pro", monospace;

14 font-size: 1em;

tailwind.config.js+1−1

@@ -18,7 +18,7 @@ module.exports = {

18 green: "rgba(0, 177, 113, 1)",

19 midGreen: "rgba(0, 159, 101, 0.6)",

20 lightGreen: "rgba(0, 159, 101, 0.3)",

21− washedGreen: "rgba(0, 159, 101, 0.05)",

21+ washedGreen: "rgba(0, 159, 101, 0.1)",

22 blue: "#219DFF",

23 purple: "rgba(157,82,255,0.8)",

24 red: "#ff4136",