starlight-theme-apple 0.6.0 → 0.9.0

package/styles/controls.css

@@ -1,190 +0,0 @@
-.sl-markdown-content .sl-link-button,
-.hero .sl-link-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.375rem;
-  min-width: 1.875rem;
-  min-height: 2.0625rem;
-  padding: 0.25rem 0.9375rem;
-  border: 0;
-  border-radius: 0.25rem;
-  box-shadow: none;
-  font-size: 1.0625rem;
-  font-weight: 400;
-  line-height: 1.5625rem;
-  letter-spacing: normal;
-  text-decoration: none;
-  cursor: pointer;
-  transition:
-    color var(--apple-transition),
-    background-color var(--apple-transition),
-    border-color var(--apple-transition),
-    box-shadow var(--apple-transition);
-}
-.sl-markdown-content .sl-link-button + .sl-link-button {
-  margin-inline-start: 0.5rem;
-}
-.hero .sl-link-button {
-  min-height: 2.0625rem;
-  padding: 0.25rem 0.9375rem;
-}
-.hero .sl-link-button svg,
-.sl-markdown-content .sl-link-button svg {
-  flex-shrink: 0;
-  font-size: 1rem;
-}
-
-:is(.hero, .sl-markdown-content) .sl-link-button.primary {
-  background: var(--apple-button-background);
-  color: var(--apple-control-primary-text);
-}
-:is(.hero, .sl-markdown-content)
-  .sl-link-button.primary:is(:hover, :focus-visible) {
-  background: var(--apple-button-background-hover);
-  color: var(--apple-control-primary-text);
-  text-decoration: none;
-}
-:is(.hero, .sl-markdown-content) .sl-link-button.primary:active {
-  background: var(--apple-button-background-active);
-}
-:is(.hero, .sl-markdown-content) .sl-link-button.secondary {
-  background: var(--apple-button-secondary-background);
-  color: var(--apple-link);
-}
-:is(.hero, .sl-markdown-content)
-  .sl-link-button.secondary:is(:hover, :focus-visible) {
-  background: var(--apple-button-secondary-hover);
-  color: var(--apple-link);
-  text-decoration: none;
-}
-:is(.hero, .sl-markdown-content) .sl-link-button.minimal {
-  min-width: 0;
-  padding-inline: 0;
-  background: transparent;
-  color: var(--apple-link);
-}
-:is(.hero, .sl-markdown-content)
-  .sl-link-button.minimal:is(:hover, :focus-visible) {
-  background: transparent;
-  color: var(--apple-link);
-  text-decoration: underline;
-  text-underline-offset: 0.14em;
-}
-:is(.hero, .sl-markdown-content) .sl-link-button:focus-visible {
-  outline: 0;
-  box-shadow: 0 0 0 4px var(--apple-focus);
-}
-
-.sl-markdown-content starlight-tabs {
-  display: block;
-  margin-block: 1.5rem;
-  border: 1px solid var(--apple-hairline);
-  border-radius: 0.75rem;
-  background: var(--apple-secondary-background);
-}
-.sl-markdown-content starlight-tabs .tablist-wrapper {
-  margin-bottom: 0;
-  padding-inline: 0.5rem;
-  border-bottom: 1px solid var(--apple-hairline);
-}
-.sl-markdown-content starlight-tabs ul[role="tablist"] {
-  gap: 0.25rem;
-  margin: 0;
-  padding-inline: 0;
-}
-.sl-markdown-content starlight-tabs a[role="tab"] {
-  display: inline-flex;
-  align-items: center;
-  min-height: 2.5rem;
-  padding: 0.5rem 0.75rem;
-  border-bottom: 2px solid transparent;
-  border-radius: var(--apple-radius-sm) var(--apple-radius-sm) 0 0;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  text-decoration: none;
-}
-.sl-markdown-content starlight-tabs a[role="tab"]:hover {
-  background: var(--apple-hover-surface);
-  color: var(--apple-link);
-}
-.sl-markdown-content starlight-tabs a[role="tab"][aria-selected="true"] {
-  border-bottom-color: var(--apple-link);
-  color: var(--apple-link);
-  font-weight: 600;
-}
-.sl-markdown-content starlight-tabs [role="tabpanel"] {
-  padding: 1rem;
-}
-.sl-markdown-content starlight-tabs [role="tabpanel"] > :first-child {
-  margin-top: 0;
-}
-
-.sl-badge {
-  display: inline-flex;
-  align-items: center;
-  min-height: 1.375rem;
-  padding-inline: 0.5rem;
-  border: 0;
-  border-radius: 999px;
-  background: var(--sl-color-bg-badge);
-  color: var(--sl-color-text-badge);
-  font-weight: 600;
-  line-height: 1.2;
-  vertical-align: 0.08em;
-}
-.sl-badge + .sl-badge {
-  margin-inline-start: 0.25rem;
-}
-
-.sidebar-content .sl-badge {
-  min-height: 1.125rem;
-  margin-inline-start: 0.375rem;
-  padding-inline: 0.4rem;
-  font-size: 0.6875rem;
-  line-height: 1;
-}
-.sidebar-content a[aria-current="page"] > .sl-badge {
-  color: inherit;
-}
-
-.sl-markdown-content :is(input, select, textarea):not(:where(.not-content *)) {
-  min-height: 2.25rem;
-  border: 1px solid var(--apple-border);
-  border-radius: 0.5rem;
-  background: var(--apple-secondary-background);
-  color: var(--apple-foreground);
-  font: inherit;
-}
-.sl-markdown-content button:not(:where(.not-content *)) {
-  min-width: 1.875rem;
-  min-height: 2.0625rem;
-  padding: 0.25rem 0.9375rem;
-  border: 0;
-  border-radius: 0.25rem;
-  background: var(--apple-button-background);
-  color: var(--apple-control-primary-text);
-  box-shadow: none;
-  font: inherit;
-  font-size: 1.0625rem;
-  font-weight: 400;
-  line-height: 1.5625rem;
-  cursor: pointer;
-}
-.sl-markdown-content
-  button:is(:hover, :focus-visible):not(:where(.not-content *)) {
-  background: var(--apple-button-background-hover);
-}
-.sl-markdown-content button:active:not(:where(.not-content *)) {
-  background: var(--apple-button-background-active);
-  box-shadow: none;
-}
-.sl-markdown-content button:focus-visible:not(:where(.not-content *)) {
-  outline: 0;
-  box-shadow: 0 0 0 4px var(--apple-focus);
-}
-.sl-markdown-content :is(input, select, textarea):focus {
-  border-color: var(--apple-link);
-  box-shadow: 0 0 0 3px var(--apple-focus);
-}

package/styles/responsive.css

@@ -1,148 +0,0 @@
-@media (min-width: 50rem) {
-  :root {
-    --sl-sidebar-pad-x: 0.75rem;
-  }
-  .sidebar-pane {
-    top: var(--apple-header-height);
-    height: calc(100vh - var(--apple-header-height));
-  }
-  .sidebar :is(.sl-menu-button, button[aria-controls="starlight__sidebar"]) {
-    display: none !important;
-  }
-}
-@media (min-width: 72rem) {
-  :root {
-    --sl-mobile-toc-height: 0rem;
-  }
-  .main-frame {
-    grid-template-columns: var(--apple-sidebar-width) minmax(0, 1fr) var(
-        --apple-toc-width
-      );
-  }
-  .main-pane main {
-    margin-inline: auto;
-  }
-}
-@media (max-width: 71.99rem) {
-  .content-panel:first-of-type .sl-container {
-    padding-top: clamp(2rem, 5vw, 3.5rem);
-  }
-  .content-panel h1 {
-    font-size: 2.5rem;
-    line-height: 2.75rem;
-  }
-  .sl-markdown-content h2:not(:where(.not-content *)) {
-    font-size: 1.75rem;
-    line-height: 2.25rem;
-  }
-  .sl-markdown-content h3:not(:where(.not-content *)) {
-    font-size: 1.5rem;
-    line-height: 1.75rem;
-  }
-  .sl-markdown-content h4:not(:where(.not-content *)) {
-    font-size: 1.3125rem;
-    line-height: 1.5625rem;
-  }
-}
-@media (max-width: 49.99rem) {
-  :root {
-    --apple-header-height: 3rem;
-    --sl-mobile-toc-height: 3rem;
-  }
-  .sidebar-pane {
-    background: var(--apple-navigator-background);
-  }
-  .sidebar-content {
-    padding: 1rem;
-  }
-  .mobile-preferences {
-    align-items: center;
-    min-height: 3.5rem;
-    padding-block: 0.625rem;
-  }
-  .mobile-preferences .social-icons {
-    align-items: center;
-    height: 2.25rem;
-    margin-inline-end: 0;
-    padding-block: 0;
-  }
-  .mobile-preferences :is(starlight-theme-select, starlight-lang-select) {
-    margin-block: 0;
-  }
-  .content-panel:first-of-type .sl-container {
-    padding-top: 2rem;
-  }
-  .content-panel h1 {
-    font-size: 2rem;
-    line-height: 2.25rem;
-  }
-  .content-panel
-    .sl-container
-    > p:first-of-type:not(:where(.sl-markdown-content *)) {
-    font-size: 1.1875rem;
-    line-height: 1.6875rem;
-  }
-  .sl-markdown-content .sl-heading-wrapper.level-h2 {
-    margin-top: 2.25rem;
-  }
-  .sl-markdown-content h2:not(:where(.not-content *)) {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-  .sl-markdown-content h3:not(:where(.not-content *)) {
-    font-size: 1.3125rem;
-    line-height: 1.5625rem;
-  }
-  .sl-markdown-content h4:not(:where(.not-content *)) {
-    font-size: 1.1875rem;
-    line-height: 1.4375rem;
-  }
-  .pagination-links {
-    grid-template-columns: 1fr;
-    gap: 1rem;
-  }
-  .hero {
-    gap: 2.5rem;
-    padding-block: 3.5rem;
-  }
-  .hero > img {
-    flex-basis: min(70%, 16rem);
-    width: min(70%, 16rem);
-  }
-  .hero .actions {
-    gap: 0.625rem;
-  }
-  .sl-markdown-content table:not(:where(.not-content *)) {
-    display: block;
-    max-width: 100%;
-    overflow-x: auto;
-    overscroll-behavior-inline: contain;
-  }
-}
-@media (max-width: 30rem) {
-  :root {
-    --sl-content-pad-x: 1.25rem;
-  }
-  header.header > .header {
-    padding-inline: 0.75rem;
-  }
-  .site-title {
-    font-size: 1.0625rem;
-    line-height: 1.25rem;
-  }
-  .sl-markdown-content .sl-link-button {
-    width: 100%;
-  }
-  .sl-markdown-content .sl-link-button + .sl-link-button {
-    margin-inline-start: 0;
-  }
-  .hero .actions .sl-link-button {
-    width: 100%;
-  }
-}
-
-@media (hover: none) {
-  .sl-heading-wrapper .sl-anchor-link {
-    opacity: 1;
-  }
-}