Skip to content

Using dynamic styles with CSS #4

@codemeasandwich

Description

@codemeasandwich

Cant get this dynamic style to fire

const styles = outline({
  
    widgetsWrapper: {
        base:{
              boxShadow: "0px 0px 4px #00000022"
        },
        "@media (max-width: 600px)": {
             margin: "0 -5px 15px 0px"
         }
    }
},{
    widgetsWrapper:(selected)=>(selected ? {boxShadow:"0px 0px 8px 6px #1101ff22"}:{})
});

const WidgetsWrapper = styles.widgetsWrapper`div`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions