stijl icon indicating copy to clipboard operation
stijl copied to clipboard

Missing CSS Styling Properties

Open benjamindenboer opened this issue 7 years ago • 2 comments

  • 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"
});

benjamindenboer avatar Feb 13 '18 08:02 benjamindenboer

@fverloop you think you can make these?

koenbok avatar Feb 13 '18 09:02 koenbok

Yes!

fverloop avatar Feb 13 '18 11:02 fverloop