@ponchia/ui 0.2.1 → 0.3.0

package/css/typography.css

@@ -1,139 +0,0 @@
-.hero__copy h1 {
-  max-width: 10ch;
-}
-
-.display-heading {
-  font-family: var(--display);
-  font-weight: 700;
-  letter-spacing: 0;
-  line-height: 1.05;
-}
-
-.hero__lede,
-.page-head p {
-  font-size: 1.08rem;
-  max-width: 68ch;
-}
-
-.eyebrow,
-.post-header__eyebrow,
-.worklog-summary__eyebrow,
-.callout__title,
-.metric-tile__label,
-.project-card__index,
-.project-card__category,
-.signal-panel__label,
-.focus-panel__title,
-.section-link,
-.profile-link-list dt {
-  color: var(--accent);
-  font-family: var(--display);
-  font-size: 0.8rem;
-  font-weight: 700;
-  letter-spacing: var(--tracking-wide);
-  margin: 0;
-  text-transform: uppercase;
-}
-
-.eyebrow--tight {
-  font-size: 0.75rem;
-}
-
-.action-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.55rem;
-}
-
-.button {
-  background: var(--accent);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-md);
-  color: var(--button-text);
-  cursor: pointer;
-  display: inline-flex;
-  font-family: var(--mono);
-  font-size: 0.86rem;
-  font-weight: 600;
-  justify-content: center;
-  letter-spacing: var(--tracking-wide);
-  line-height: 1;
-  text-transform: uppercase;
-  min-height: 2.4rem;
-  min-width: 8.2rem;
-  padding: 0.62rem 0.8rem;
-  transition:
-    background-color var(--duration-fast) var(--ease-standard),
-    border-color var(--duration-fast) var(--ease-standard),
-    color var(--duration-fast) var(--ease-standard),
-    transform var(--duration-fast) var(--ease-standard);
-}
-
-.button:not(.button--ghost) {
-  background: var(--accent);
-  border-color: var(--accent);
-}
-
-.button:hover {
-  background: var(--accent-strong);
-  border-color: var(--accent-strong);
-}
-
-.button--ghost {
-  background: var(--panel-strong);
-  border-color: var(--line);
-  color: var(--text);
-}
-
-.button--ghost:hover {
-  background: var(--panel-soft);
-  border-color: var(--line-strong);
-}
-
-.button:active {
-  transform: translateY(0);
-}
-
-.section-link {
-  align-items: center;
-  display: inline-flex;
-  gap: 0.38rem;
-  justify-self: start;
-  text-decoration: underline;
-  text-decoration-color: color-mix(in srgb, var(--accent) 38%, transparent);
-  text-underline-offset: 0.22rem;
-  transition:
-    color var(--duration-fast) var(--ease-standard),
-    text-decoration-color var(--duration-fast) var(--ease-standard);
-}
-
-.section-link::after {
-  border-right: 1px solid currentColor;
-  border-top: 1px solid currentColor;
-  content: '';
-  height: 0.42rem;
-  transform: rotate(45deg);
-  transition: transform var(--duration-fast) var(--ease-standard);
-  width: 0.42rem;
-}
-
-.section-link:hover {
-  color: var(--accent-strong);
-  text-decoration-color: var(--accent-strong);
-}
-
-.section-link:hover::after {
-  transform: translateX(0.12rem) rotate(45deg);
-}
-
-@media (hover: hover) {
-  .button:hover {
-    transform: translateY(-1px);
-  }
-}
-
-.hero__microcopy {
-  font-size: 0.96rem;
-  margin: 0;
-  max-width: 56ch;
-}