refactor(main): rm unnecessary tsx file extension
This commit is contained in:
parent
cda0e813ec
commit
b0d96edb7a
2 changed files with 0 additions and 0 deletions
37
apps/blog/src/styles/button.ts
Normal file
37
apps/blog/src/styles/button.ts
Normal file
|
@ -0,0 +1,37 @@
|
|||
import { css } from "styled-components"
|
||||
|
||||
export default css`
|
||||
/* style */
|
||||
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
|
||||
/* size */
|
||||
|
||||
height: 3rem;
|
||||
min-width: 2.5rem;
|
||||
margin: 0;
|
||||
padding: 0 1rem 0 1rem;
|
||||
|
||||
/* text */
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
/* color */
|
||||
|
||||
color: ${({ theme }) => theme.theme.color.text.default};
|
||||
background-color: ${({ theme }) =>
|
||||
theme.theme.component.ui.color.background.default};
|
||||
&:hover {
|
||||
background-color: ${({ theme }) =>
|
||||
theme.theme.component.ui.color.background.hover};
|
||||
}
|
||||
|
||||
/* animation */
|
||||
|
||||
transition: transform 0.1s linear;
|
||||
`
|
Loading…
Add table
Add a link
Reference in a new issue