How to use refire-app - 10 common examples

}

const css = {
  // register global styles
  ":global": globalStyles,
  app: {
    maxWidth: "980px",
    margin: "0 auto",
    padding: "0 20px",
  },
  body: {
    paddingTop: "60px",
  },
}

export default styles(
  css,
  App
)

textAlign: "right",
    verticalAlign: "middle",
  },
  commentsCount: {
    display: "inline-block",
    margin: "0 5px 0 0",
  },
  lastPost: {
    display: "inline-block",
    minWidth: "70px",
    textAlign: "center",
    verticalAlign: "middle",
  },
}

export default styles(css, Thread)

lockContainer: {
    display: "inline-block",
    verticalAlign: "top",
    paddingTop: "4px",
    paddingRight: "5px",
  },
  paginationContainer: {
    position: "relative",
    minHeight: "32px",
  },
  buttonsContainer: {
    display: "inline-block",
  },
}

export default styles(css, Thread)

save={save}
      saveText="Delete"
      width="small"
      styles={styles}
    >
      Do you really want to delete this post?
    
  )
}

const css = {
  container: {},
  modal: {},
}

export default styles(css, DeletePostDialog)

} else {
    return (
      
        <button>Login with Google</button>
      
    )
  }
}

const css = {
  button: {

  },
}

export default styles(css, AuthenticationButton)

return <span>
  }
}

const css = {
  button: {
    cursor: "pointer",
    verticalAlign: "top",
    display: "inline-block",
    paddingRight: "20px",
    verticalAlign: "top",
    color: "#955",
  },
}

export default styles(css, DeletePostButton)
</span>

className={styles.pagination}
      />
    )
  } else {
    return <div>
  }
}

const css = {
  pagination: {
    display: "block",
    margin: "10px 0 0 0",
  },
}

export default styles(css, ShowPagination)
</div>

)
  } else {
    return <span>
  }
}

const css = {
  button: {
    width: "100%",
    "@media (min-width: 480px)": {
      width: "auto",
    },
  },
}

export default styles(css, NewThreadButton)
</span>

}
          }
        />
      
    )
  }
}

const css = {
  bodyContainer: {
    margin: "0 0 10px 0",
  },

}

export default styles(css, PostBody)

} else {
    return <span>
  }
}

const css = {
  button: {
    width: "100%",
    "@media (min-width: 480px)": {
      width: "auto",
      marginRight: "10px",
    },
  },
}

export default styles(css, SettingsButton)
</span>