Skip to content

feat: add "css-in-js media library" to readme ecosystem#1441

Merged
emmatown merged 2 commits intoemotion-js:masterfrom
Brew-Brew:master
Aug 2, 2019
Merged

feat: add "css-in-js media library" to readme ecosystem#1441
emmatown merged 2 commits intoemotion-js:masterfrom
Brew-Brew:master

Conversation

@Brew-Brew
Copy link
Copy Markdown
Contributor

@Brew-Brew Brew-Brew commented Jul 23, 2019 •
edited
Loading

What:
add css-in-js media library to readme ecosystem
https://github.com/zx6658/css-in-js-media

Why:
when you style with css-in-js (emotion, styled-component) you can perfectly and easily deal with responsive design with this css-in-js-media which is similar with include-media

How:
add this library link

Checklist:

  • Documentation
  • Tests
  • Code complete
  • Changeset

example 📖

import media from "css-in-js-media";

export const exampleClass = css`
  color: red;
  ${media(">desktop")} {
    font-size: 15px;
  }
  ${media("<=desktop", ">tablet")} {
    font-size: 20px;
  }
  ${media("<=tablet", ">phone")} {
    font-size: 25px;
  }
  ${media("<=phone")} {
    font-size: 30px;
  }
`;

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Jul 23, 2019 •
edited
Loading

💥 No Changeset

Latest commit: 175f266

Merging this PR will not cause any packages to be released. If these changes should not cause updates to packages in this repo, this is fine 🙂

If these changes should be published to npm, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

@Brew-Brew Brew-Brew changed the title feat: add css-in-js media library to readme ecosystem feat: add "css-in-js media library" to readme ecosystem Jul 23, 2019
emmatown
emmatown approved these changes Aug 2, 2019
View reviewed changes
Copy link
Copy Markdown
Member

@emmatown emmatown left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!!

@emmatown emmatown merged commit 85c90f4 into emotion-js:master Aug 2, 2019
louisgv pushed a commit to louisgv/emotion that referenced this pull request Sep 6, 2020
@Brew-Brew @emmatown
doc: 📖 add css-in-js media library to read me (emotion-js#1441)
f95e90c
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@emmatown emmatown emmatown approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@Brew-Brew @emmatown