style-component

    0.0.1 • Public • Published

    Style

    Style Canvas renders using CSS.

    Installation

    $ component install component/style
    

    Example

    body {
      font-size: 18px;
    }
    .progress {
      background: #fff;
    }
    .progress .percentage {
      color: #ddd;
    }
    style('.progress', 'background-color');
    // => 'rgb(255, 255, 255)'
     
    style('.progress .percentage', 'color');
    // => 'rgb(221, 221, 221)'
     
    style('.progress .percent', 'font-size');
    // => '18px'

    About

    This component exists so that you can influence aspects of your Canvas renders using CSS, where style decisions belong. For details view this blog post.

    Performance

    Generating and computing styles for ~2000 unique selectors in chrome takes ~300ms, so be careful if you plan on using this for many unique selectors. Values are otherwise cached in an object and can easily operate above 300,000 ops/s.

    License

    MIT

    Install

    npm i style-component

    DownloadsWeekly Downloads

    78

    Version

    0.0.1

    License

    none

    Last publish

    Collaborators

    • defunctzombie
    • dfcreative
    • jongleberry
    • dominicbarnes
    • tootallnate
    • rauchg
    • retrofox
    • coreh
    • forbeslindesay
    • kelonye
    • mattmueller
    • yields
    • anthonyshort
    • ianstormtaylor
    • cristiandouce
    • swatinem
    • stagas
    • amasad
    • juliangruber
    • calvinfo
    • blakeembrey
    • timoxley
    • jonathanong
    • queckezz
    • nami-doc
    • clintwood
    • thehydroimpulse
    • stephenmathieson
    • trevorgerhardt
    • timaschew
    • hughsk
    • tjholowaychuk