Skip to the content

Hoshi Stars星

The stars you can see without a telescope, with names, colours and distances; the 88 constellations with their lines and boundaries; the Messier objects; and seven map projections to draw them on.

Hoshi is the Japanese word 星 for a star. About the name

Contents

Reference · Names on the brightest stars and the constellation figures as faint lines, for a sky you draw yourself: a count or a magnitude, the figure under the pointer at full strength, a body that covers part of the sky, and a look set by settings alone

labelStyleFromfunction

A look read back from CSS custom properties: any property the page has not set keeps its default. Pass how the page reads one, for example (name) => getComputedStyle(element).getPropertyValue(name).

Import it

import { labelStyleFrom } from "@johnmorrisdotca/hoshi-stars/sky-labels";

Definition

function labelStyleFrom(read: (name: string) => string): LabelStyle

Parameters

NameTypeDescription
read(name: string) => string

Gives the value of a custom property by name, or an empty text where it has none.

Returns

LabelStyle

A complete look.

Examples

import { labelStyleFrom } from "@johnmorrisdotca/hoshi-stars/sky-labels";

const style = labelStyleFrom((name) => (name === "--hoshi-label-case" ? "upper" : ""));
console.log(style.case, style.size);
upper 11

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/hoshi-stars 0.47.0.