layout: post

src/assets/css/main.css

@@ -0,0 +1,83 @@
+/* Links */
+
+a {
+  border-bottom: 2px solid hsl(0, 0%, 0%, 0.2);
+  color: inherit;
+  text-decoration: none;
+}
+
+a:focus {
+  background-color: hsl(0, 0%, 0%, 0.1);
+}
+
+a:hover {
+  border-color: currentColor;
+}
+
+/* Code and quotes*/
+
+pre, blockquote {
+  border-left: 4px solid hsl(0, 0%, 0%, 0.7);
+  margin-left: 0;
+  padding-left: 1.0rem;
+}
+
+pre {
+  background-color: hsl(0, 0%, 0%, 0.04);
+  overflow-x: auto;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+pre > code {
+  background-color: unset;
+  padding: 0;
+}
+
+code {
+  font-family: 'Fira Code', monospace;
+  background-color: hsl(0, 0%, 0%, 0.04);
+  padding: 0.2rem 0.4rem;
+}
+
+/* Lists */
+
+ul {
+  list-style: square;
+}
+
+/* Layout */
+
+header,
+footer,
+main {
+  box-sizing: content-box;
+  max-width: 45rem;
+  padding: 15px 30px;
+  padding: 3% 5%;
+}
+
+header ul {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 1.5rem;
+  list-style: none;
+  margin: 0;
+}
+
+header li {
+  margin-bottom: 0;
+}
+
+header li::after {
+  content: ' / ';
+  white-space: pre;
+}
+
+header li:last-child::after {
+  content: '';
+}
+
+footer {
+  color: hsl(0, 0%, 0%, 0.6);
+}