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

LABEL_STYLE_PROPERTIESconstant

The name of the CSS custom property for each part of the look, for a page that styles its labels from a stylesheet.

Import it

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

Definition

const LABEL_STYLE_PROPERTIES: Readonly<Record<keyof LabelStyle, string>> = Object.freeze({
    font: "--hoshi-label-font",
    size: "--hoshi-label-size",
    weight: "--hoshi-label-weight",
    colour: "--hoshi-label-colour",
    halo: "--hoshi-label-halo",
    haloWidth: "--hoshi-label-halo-width",
    case: "--hoshi-label-case",
    letterSpacing: "--hoshi-label-letter-spacing",
    leader: "--hoshi-label-leader",
    leaderColour: "--hoshi-label-leader-colour",
    offset: "--hoshi-label-offset",
    ring: "--hoshi-label-ring",
    ringColour: "--hoshi-label-ring-colour",
    ringWidth: "--hoshi-label-ring-width",
    designation: "--hoshi-label-designation",
    designationFont: "--hoshi-label-designation-font",
    designationSize: "--hoshi-label-designation-size",
    designationColour: "--hoshi-label-designation-colour",
})

Examples

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

console.log(LABEL_STYLE_PROPERTIES.letterSpacing);
--hoshi-label-letter-spacing

What it prints (run when this page was built)

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