hyper-stylesheet

    0.1.2 • Public • Published

    Screenshot

    hyper-stylesheet

    npm version StandardJS

    Adds support for an external hyper stylesheet

    Install

    Add to the plugins array in your .hyper.js:

    plugins: [
      'hyper-stylesheet'
    ]

    Note: if you want your CSS to override all other plugins, it must be the last item in the array

    Use

    Open your .hyper.css file from the menu via Hyper > Stylesheet... (Edit > Stylseheet... if you're on windows). You can define the css and/or termCSS properties with the following indicators:

    /* #css */
    .some-class {
      font-size: 20px;
    }
     
    /* #termCSS */
    .some-class {
      color: #000;
    }

    #css/#termCSS are interchangeable with #window/#terminal. If no indicators are provided, the css property will be used

    Options

    To provide options, add hyper-stylesheet to your .hyper.js config:

    module.exports = {
      config: {
        'hyper-stylesheet': {
          autoReload: false
        }
      },
      plugins: [
        'hyper-stylesheet'
      ]
    }

    autoReload

    Type: boolean

    Default: true

    Upon saving .hyper.css, your terminal will auto-reload to show the changes

    License

    MIT

    Install

    npm i hyper-stylesheet

    DownloadsWeekly Downloads

    3

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    52.4 kB

    Total Files

    5

    Last publish

    Collaborators

    • chrisdothtml