The styled-jsx-plugin-less from erasmo-marin

styled-jsx-plugin-less's People

Contributors

Stargazers

Watchers

styled-jsx-plugin-less's Issues

Distributed less variables and mixins ?

For example i have:

 {/*language=LESS*/}
        <style jsx>{`
          .ActionButton {
            height: 40px;
            width: 100%;
            background-color: @orangish;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 250ms ease;
            cursor: pointer;
            text-decoration: none;
            &:hover {
              background-color: @dark;
            }
            &__label {
              color: white;
              text-transform: uppercase;
              font-size: 14px;
              font-weight: 600;
              cursor: pointer;
            }
          }
        `}</style>

and @orangish; and @dark should be global variables

Please add it to readme or, show me how i can get it and I will fill it for you

@import relative path looked from `node_modules/` folder

Hello, thanks for your work on this lib.

Currently, Im trying to port all .less styles into app with styled-jsx. There are several files that should be imported. Imports works pretty well so far but relative path should be specified from
node_modules/ which is weird.

@import '../theme/styles/colors.import.less';
@import '../theme/styles/bootstrap-variables.less';
@import '../theme/styles/mixins.import.less';

...

{ [Error: './mixins.import.less' wasn't found. Tried - ./mixins.import.less,/Users/rusinov/projects/some-project/node_modules/mixins.import.less,mixins.import.less]
  message: '\'./mixins.import.less\' wasn\'t found. Tried - ./mixins.import.less,/Users/rusinov/projects/some-project/node_modules/mixins.import.less,mixins.import.less',
  stack: undefined,
  type: 'File',
  filename: 'input',
  index: 77,
  line: 4,
  column: 2,
  callLine: NaN,
  callExtract: undefined,
  extract:
   [ '  @import \'./bootstrap-variables.less\';',
     '  @import \'./mixins.import.less\';',
     '' ] }

Any idea how to change it?

Recommend Projects