Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing CSS Styling Properties #3

Open
benjamindenboer opened this issue Feb 13, 2018 · 2 comments
Open

Missing CSS Styling Properties #3

benjamindenboer opened this issue Feb 13, 2018 · 2 comments

Comments

@benjamindenboer
Copy link
Collaborator

benjamindenboer commented Feb 13, 2018

  • No @keyframes.
  • No .active({})) method.
  • No .placeholder({})) method / styling.

Keyframes for animation. Example:

const style = Style({
  animation: `${rotate} 2s`,
});

const rotate = style.keyframes({ 
  "0%": { transform: "rotate(0deg)" },
  "100%": { transform: "rotate(360deg)" }
});

Active for active states. Example:

const style = Style({
  ...
});

style.active({
  opacity: 0.5
});

Placeholder for input field styling. Example:

const style = Style({
  ...
});

style.placeholder({
  color: "#EEE"
});
@koenbok
Copy link
Owner

koenbok commented Feb 13, 2018

@fverloop you think you can make these?

@fverloop
Copy link
Collaborator

Yes!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants