Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | 9x 9x 9x | import styled from "styled-components"
type Props = {
$bold?: boolean
$expanded?: boolean
$iconOnly?: boolean
$noHoverHighlight?: boolean
$outlined?: boolean
$padded?: boolean
$raised?: boolean
$rounded?: boolean
$secondary?: boolean
$small?: boolean
$transparent?: boolean
disabled?: boolean
}
const Button = styled.button<Props>`
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
/* inherit font & color from ancestor */
color: inherit;
font: inherit;
/* Normalize line-height. Cannot be changed from normal in Firefox 4+. */
line-height: normal;
outline: none;
text-align: inherit;
/* Corrects font smoothing for webkit */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
/* Corrects inability to style clickable input types in iOS */
-webkit-appearance: none;
/* Remove excess padding and border in Firefox 4+ */
&::-moz-focus-inner {
border: 0;
padding: 0;
}
-webkit-text-size-adjust: 100%;
`
export default Button
|