🦝 Install eleventy

2025-06-11 21:31:39 +00:00 · 2019-09-01 02:38:10 +01:00
parent 9ab111875e
commit a7fd4a3230
10 changed files with 553 additions and 117 deletions
--- a/_site/css/base.css
+++ b/_site/css/base.css
@ -0,0 +1,193 @@
+@charset "UTF-8";
+@import url("https://use.typekit.net/qlo3dpu.css");
+body {
+  font-family: monotype-grotesque, "Lucida Sans", sans-serif;
+  font-size: 20px;
+}
+
+h1 {
+  font-family: monotype-grotesque-extended, Arial Black, sans-serif;
+  font-weight: 700;
+}
+
+h2, h3 {
+  font-family: monotype-grotesque-extended, Arial Black, sans-serif;
+  font-weight: 400;
+  letter-spacing: 0.1;
+}
+
+ul {
+  padding: 0 0 0 1em;
+  margin: 0;
+}
+
+li {
+  list-style: none;
+  padding-bottom: 0.5em;
+  text-transform: capitalize;
+}
+li.subterm {
+  padding-left: 10px;
+}
+li:last-child {
+  padding: 0;
+}
+li.subterm:before {
+  content: "↳";
+  padding-right: 5px;
+}
+
+.auto-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
+  grid-gap: 1rem;
+}
+
+@media screen and (min-width: 200px) {
+  #title, #description, #summary {
+    grid-column: span 4;
+  }
+
+  body {
+    padding: 1em;
+  }
+
+  .list, .item {
+    grid-column: span 4;
+  }
+
+  .list {
+    padding: 0 auto;
+    margin: 0;
+  }
+
+  h1 {
+    font-size: 3em;
+  }
+
+  h2 {
+    font-size: 1.25em;
+  }
+}
+@media screen and (min-width: 600px) {
+  body {
+    padding: 2em;
+  }
+
+  .grid {
+    grid-row-gap: 1em;
+  }
+
+  #title {
+    grid-column: 1/span 2;
+    grid-row: 1;
+  }
+
+  #summary {
+    grid-column: 3/span 2;
+    grid-row: 1;
+  }
+
+  #description {
+    grid-column: span 4;
+    grid-row: 2;
+  }
+
+  .item {
+    grid-column: span 2;
+  }
+
+  h1 {
+    font-size: 3.5em;
+  }
+
+  h2 {
+    font-size: 1.3em;
+  }
+}
+.small {
+  font-size: 0.75em;
+}
+
+@media screen and (min-width: 1024px) {
+  #title {
+    grid-column: 1/span 1;
+    grid-row: 1;
+  }
+
+  #description {
+    grid-column: 2/span 1;
+    grid-row: 1;
+  }
+
+  #summary {
+    grid-column: 1/span 1;
+    grid-row: 2;
+  }
+
+  .list {
+    grid-row: span 3;
+    grid-column: span 1;
+  }
+}
+.block__dictionary {
+  max-width: 50rem;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 1rem;
+}
+
+.block__word {
+  display: flex;
+  flex-direction: column;
+  margin: 1rem;
+}
+
+p {
+  margin: 0.75rem 0;
+  font-size: 1.25rem;
+}
+
+.style__italics {
+  font-style: italic;
+}
+
+.word__title {
+  font-family: orpheuspro, Palatino, Times, serif;
+  font-weight: 900;
+  font-size: 2.5rem;
+  line-height: 1.25;
+}
+.word__definition {
+  font-family: monotype-grotesque, "Lucida Sans", sans-serif;
+  font-size: 1.5rem;
+}
+.word__speech {
+  font-size: 0.5em;
+  font-family: monotype-grotesque, "Lucida Sans", sans-serif;
+}
+.word__signal {
+  border-top: 1px solid currentcolor;
+  display: inline-block;
+  font-family: monotype-grotesque-extended, Arial Black, sans-serif;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.15rem;
+  padding: 0.5rem 0.75rem;
+}
+.word__signal__avoid {
+  color: red;
+}
+.word__signal__avoid:before {
+  content: "🚨";
+  margin-left: -2.15rem;
+}
+.word__signal__better {
+  color: green;
+}
+.word__signal__better:before {
+  content: "👍";
+  margin-left: -2.15rem;
+}
+
+/*# sourceMappingURL=base.css.map */