chiplet 0.3.0-dev.3 → 0.3.0

package/src/component/style/press.module.css

@@ -1,204 +0,0 @@
-@import url('./font/font.css');
-
-.article {
-  --page-width: 48rem;
-  --section-foreground: #131313;
-  --section-background: #fff;
-  --button-foreground: #fff;
-  --button-background: #acc;
-
-  @media (prefers-color-scheme: dark) {
-    --section-foreground: #fff;
-    --section-background: #131313;
-    --button-foreground: #fff;
-    --button-background: #222;
-  }
-}
-
-/* stylelint-disable-next-line no-duplicate-selectors */
-.article {
-  max-inline-size: var(--page-width);
-  padding-inline: 1.5rem;
-  margin: auto;
-  font-family:
-    'Proxima Nova', 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue',
-    Helvetica, Arial, Verdana, sans-serif;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-
-  h1,
-  section {
-    color: var(--section-foreground);
-    background: var(--section-background);
-  }
-
-  h1,
-  h2,
-  h3,
-  p,
-  ul,
-  ol,
-  pre,
-  hr,
-  section {
-    max-inline-size: var(--page-width);
-    margin: auto;
-  }
-
-  h1 {
-    padding: 2.5rem 2rem;
-    font-family:
-      'Proxima Nova', 'Segoe UI Light', Quicksand, 'Myriad Set Pro',
-      'Lucida Grande', sans-serif;
-    font-size: 2rem;
-    line-height: 3rem;
-    text-align: center;
-  }
-
-  h2 {
-    padding: 1rem 1.5rem 0.75rem 1.25rem;
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-    /* stylelint-disable-next-line comment-empty-line-before */
-    /* color: #88e;
-    background: #f2f2f2; */
-    border-inline-start: 0.25rem solid #aaf;
-  }
-
-  h3 {
-    position: relative;
-    margin-block: 1.25rem;
-
-    &::before {
-      position: absolute;
-      inset-block: 0.1875rem 0.375rem;
-      inset-inline-start: -1.5rem;
-      content: '';
-      border-inline-start: 0.25rem solid #999;
-    }
-  }
-
-  p,
-  li {
-    margin-block: 1.25rem;
-  }
-
-  ul {
-    padding-inline-start: 1em;
-    list-style: circle;
-  }
-
-  ol {
-    padding-inline-start: 1em;
-    list-style: auto;
-  }
-
-  a {
-    color: #08c;
-
-    &:hover {
-      color: #15c;
-      text-decoration: underline;
-      text-decoration-color: #58e;
-    }
-
-    &:focus-visible {
-      outline: 1px dotted rgb(0 0 0 / 75%);
-      outline-offset: 2px;
-    }
-  }
-
-  code {
-    display: inline-block;
-    padding: 0.125rem;
-    font-family:
-      Monaco, 'Andale Mono', 'Bitstream Vera Sans Mono', Consolas,
-      'Courier New', monospace;
-    font-size: 0.875rem;
-    line-height: 1rem;
-    vertical-align: top;
-    color: #333;
-    white-space: pre;
-    background: #e5e5e5;
-    border-radius: 0.125rem;
-
-    &::selection {
-      background: #bbb;
-    }
-  }
-
-  section {
-    padding: 0.25rem 1.5rem;
-  }
-
-  a[download] {
-    display: inline-block;
-    block-size: 1.75rem;
-    padding: 0 0.5rem;
-    font-size: 0.875rem;
-    line-height: 1.75rem;
-    color: var(--button-foreground);
-    background: var(--button-background);
-    border-radius: 0.125rem;
-
-    &:hover {
-      color: #fff;
-      text-decoration: none;
-      background: #8aa;
-    }
-
-    &:focus-visible {
-      outline: 2px solid rgb(102 136 136 / 40%);
-      outline-offset: 1px;
-      background: #688;
-    }
-
-    /* Different behavior from SASS */
-    :has(> &:only-child) {
-      padding-inline: 1.5rem;
-    }
-  }
-
-  footer {
-    --color: #aaf;
-    --gap: 1.25rem;
-
-    display: flex;
-    gap: var(--gap);
-    place-content: center;
-    place-items: center;
-    margin-block: 2.5rem;
-    overflow: hidden;
-    color: var(--color);
-
-    &::selection {
-      color: #88d;
-      background: #ccc;
-    }
-
-    strong,
-    time {
-      position: relative;
-    }
-
-    strong::before,
-    time::after {
-      position: absolute;
-      inset-block-start: 0.5625rem;
-      inline-size: var(--page-width);
-      block-size: 0.125rem;
-      content: '';
-      background: var(--color);
-    }
-
-    strong::before {
-      inset-inline-end: 100%;
-      margin-inline-end: var(--gap);
-    }
-
-    time::after {
-      inset-inline-start: 100%;
-      margin-inline-start: var(--gap);
-    }
-  }
-}