Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    BEGEMOT9I
    @BEGEMOT9I
    Hi. I’m trying to add functionality of hmr to react-jss , and I already wrote a fix, but I can’t figure out how to deal with the flow and eslint for the build and test of the project. Can anybody help?
    BEGEMOT9I
    @BEGEMOT9I
    I have many "import/no-unresolve" errors for all packages and I don’t understand how to fix it (i've installed all modules to root package and children packages, but they installed into the root dir too)
    PairedPrototype
    @PairedPrototype
    Hey, is it possible to use JSS to make a small CSS library?
    PairedPrototype
    @PairedPrototype
    I was hoping for a way to transpile JSS to a CSS file(s). I tried using the jss-loader for Webpack and another called jss-stylesheet-loader but ran into issues with both. All examples seem to use JSS directly in React components or apply the styles directly to an element where as I want to extract them. Is this achievable with JSS?
    Arun Kumar
    @arunkumar413
    Is there an exhaustive list of JSS variables
    Oleg Isonen
    @kof
    @PairedPrototype yes, jss style sheet has a toString method and you will want to make namespaces global, other than that I don't really undersand your use case.
    @arunkumar413 what do you call JSS variables? $somthing? I don't have a separate list, but there are not many.
    1. Referencing rules in nested selectors (jss-plugin-nested)
    2. Referencing keyframes id
    3. Referencing rules with jss-plugin-compose
    Arun Kumar
    @arunkumar413
    @kof I mean in CSS if it's background-color I want to know the corresponding key in JSS
    Oleg Isonen
    @kof
    @arunkumar413 I don't understand
    Oleg Isonen
    @kof
    it's the same key, just camel cased if hou are using the preset or camel-case plugin, otherwise it's exactly that key
    Ehtesham Zulfiqar
    @ezulfiqar
    Hi @kof, first of all jss is an awesome library and helped me tremendously in many of my projects. Keep up the good work! I've a quick question about the warnings in my react setup. I keep getting [JSS] Rule is not linked. missing sheet option "link: true" errors when I'm running tests. Is there a way to ignore or disable these warnings? Thanks!
    Oleg Isonen
    @kof
    @ezulfiqar you need to fix that warning, it means dynamic values aren't getting updated you will have bugs.
    Ehtesham Zulfiqar
    @ezulfiqar
    @kof, I can see my values dynamically change in the browser but it still throws these warnings.

    These warning are fixed when I don't have function values inside a class.

    For example:

    pageWrapper: {
    ...
    "@media (max-width: 280px)": {
        padding: ({ theme }) => theme.Baseline,
    }
}

    The code above throws the warning but if I remove the theme props from the media query, it doesn't throw the warnings

    Ehtesham Zulfiqar
    @ezulfiqar
    I'm experiencing similar problem as this issue: cssinjs/react-jss#289
    Oleg Isonen
    @kof
    that issue is way too old, also I don't know what version you are using
    we have some issues related to fn values inside of nested rules, mb it's one of them
    Ehtesham Zulfiqar
    @ezulfiqar
    I'm using v10.0. Oh I see. Do you have any workaround for it or any updates when will this be fixed?
    Oleg Isonen
    @kof
    don't use in that particular case fn value
    potentially using media query on the first level and nesting the rule pageWrapper inside of it would work
    Ehtesham Zulfiqar
    @ezulfiqar

    I tried doing as you suggested but it still throws the warnings

    export default createUseStyles({
    "@media (max-width: 280px)": {
        pageWrapper: {
            padding: ({ theme }) => theme.Baseline
        }
    },
    pageWrapper: {
    ...
    }
{);

    Am I doing this right?

    Oleg Isonen
    @kof
    can you somehow not use it in a mediia query?
    temporarily
    Ehtesham Zulfiqar
    @ezulfiqar
    I really need the fn value in the media query. I guess I will just ignore the warnings for now. Thanks so much for the help! Do you any estimate when will this be resolved approximately?
    Oleg Isonen
    @kof
    I don't have estimates, I work on the lib when I get time.
    other people do the same
    Ehtesham Zulfiqar
    @ezulfiqar
    Awesome, thanks again for your help :)
    Oleg Isonen
    @kof
    the fastest way to fix it is to contribute with tests or fixes
    Ehtesham Zulfiqar
    @ezulfiqar
    I can look into it once I get some time
    Star Light
    @starlight-tu_gitlab
    Do we have gulp integration for JSS? I want to export JSS to a CSS file.
    Roland Zeng
    @rzeng95
    Hi! Seeing that react-jss is currently incompatible with react-hot-loader (cssinjs/jss#1202). I'm using react-hot-loader in order to not have hooks update on HMR (https://github.com/gaearon/react-hot-loader#hook-support). Has anyone worked with a non-RHL solution to make that work instead? Thanks!
    thaeus
    @thaeus
    Hi all. I am new to jss and I am trying to change the opaqueness of the backround image of a div. The div id is "splash" and so far this is my jss
    splash: {
    transition: "opacity 3.5s",
    opacity: ".5",
    height: "100vh",
    backgroundImage: "url(" + splash + ")",
    backgroundSize: "cover"
    },
    This however changes the opaqueness of the entire screen because the opacity is at the div level. Any help is appreciated. Thanks!
    thaeus
    @thaeus

    In case anyone is intersted, the answer is

    splash: {
    height: "100vh",
    backgroundImage: "url(" + splash + ")",
    backgroundColor: "rgba(255, 255, 255, 0.8)",
    backgroundBlendMode: "lighten",
    backgroundSize: "cover"
    },

    Thank you for this awesome library, please keep it up!

    Andrey Osiyuk
    @chrisands
    Noticed that master branch still has 10.0.0-alpha.27. Is it intentionally?
    Oleg Isonen
    @kof
    you mean this? https://github.com/cssinjs/jss/blob/master/lerna.json#L4
    no, not intentional, something went wrong during release
    Andrey Osiyuk
    @chrisands
    Yes :)
    Dimitri KOPRIWA
    @kopax
    Merry Christmas IRC friends. Lot'S of success and less bugs to all. and sorry for amsg :)!
    Oleg Isonen
    @kof
    Thank you!
    @chrisands new version is released

    Btw. I am validating this Idea, would appreciate retweets:

    https://twitter.com/oleg008/status/1210952206041731073

    and also your thouhts
    William
    @William42925475_twitter
    Hello there
    I tried to download Mac Self Service
    Need your help on it
    Yusuf SEVİLGEN
    @meroyial
    hello
    react jss ? for how can i use
    klequis
    @klequis
    I posted a question on stack overflow. Hasn't been there too long but eager for a reply. Here is a link: https://stackoverflow.com/questions/59670374/how-to-use-global-with-react-jss