How to use the preact-emotion.form function in preact-emotion

To help you get started, we’ve selected a few preact-emotion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github grafoojs / grafoo / examples / preact / src / ui-kit.js View on Github external
border: 1px solid #777;
  width: 100%;
  font-size: 1em;
  padding: 0.8rem 1em;
`;

export const Button = styled.button`
  appearance: none;
  border: 0;
  background: #333;
  color: #fff;
  padding: 0.8em 1em;
  font: inherit;
`;

export const Form = styled.form`
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
`;

export const List = styled.ul`
  margin: 0;
  padding: 0;
`;

export const Item = styled.li`
  margin: 0;
  padding: 1em;

  &:nth-child(odd) {